Lighting Up All Minds: Accessibility and Genially

Lighting Up All Minds: Accessibility and Genially

Accessible Table of Contents

Color

Fonts

Hierarchy

Alt Text

Tables

Links

Zoom

Designer Mode

Contrast!

Color Contrast

• Contrast Ratio
• 4.5:1
• Cannot be only way to convey meaning
• Not conveyed by assistive technology
• Accessible does not mean boring!
• Use colors wisely

Fonts!

Fonts

• Serifs or Sans Serifs

• Font formatting:
• All caps
• Abbreviations
• Acronyms
• Special characters
• Underlines
• Font color

Hierarchy!

Hierarchy

• Titles, headers, and subheaders!
• Provide orientation and structure
• Announced by assistive technology
• Always use built-in formatting (don't just rely on formatting)

Alternative Text

Alt Text

• Alt text = alternative text
• Text equivalent for images

• Conciseness is key
• Captions may add additional information but alt text is still needed.

Tables!

Tables

• Should only be built using the formatting tool
• Linear in fashion
• Left to right
• Top to bottom

• Header row only in Genially (currently)

Links!

Hyperlinks

• Describe the link vs. using the link
• Screen reader navigation
• Context and purpose
• More than "click here"

Zoom!

Magnification

• Scaling up to 200% is the minimum requirement
• Maintains both content & functionality
• Use actual text vs. images of text

Designer Mode

Designer Mode

• Renaming elements
• Adjusting the reading order of elements

Genially Resources

Add Fonts to Your Brand Kit in Genially

Add Text Styles to Your Brand Kit in Genially

Tips for Editing Resources in Genially

Font Resources

Font Face

Why Don’t Screen Readers Always Read What’s on the Screen?

Why Text in All Caps is Hard for Users to Read

Genially Resources

How to Identify and Rename Elements

How to Order Your Elements

Put Elements in Order to (Further) Improve Accessibility

Reading Order Resources

What is Reading Order?

Reading Order

Genially Resources

How to Set Up Link Interactivity

Add Descriptions to Link Interactivity

Hyperlinks Resources

Links and Accessibility

Designing Better Links for the Web

Image Links

Genially Resources

Add Alt Text to Images and Resources

Genially and Accessibility

Alt Text Resources

Alt Decision Tree

Writing Alt Text

Add Alt Text to Images

Creating Accessible Content: Alternative Text

How Long Can “Alt” Text Be?

How to Add Alternative Text in Google Docs and Slides

Genially Resources

Add Colors to Your Brand Kit in Genially

How to Design Your Geniallys Using the Document Colors Feature

Contrast Resources

WebAIM Contrast Checker

Color Safe

Mysteries of Accessibility: Using Color and Composing Alt Text

Webinar Handouts: Using Color and Composing Alt Text

Genially Resources

Insert and Edit a Table in Your Genially

Insert and Edit a Graph or Chart in Your Genially

How to Use Smartblocks

How to Make Your Geniallys More Accessible

Table Resources

Tips and Tricks

Layout Tables

Mysteries of Accessibility: Constructing and Using Tables

Google Slides: Mysteries of Accessibility: Constructing and Using Tables

Genially Resource

Zoom in on Content in View Mode

Magnification Resources

Resize Text Up to 200%

How Browsers Zoom and Resize Text

Real Text vs, Text in Graphics

Genially Resource

Use the Different Text Categories

Hierarchy Resources

Mysteries of Accessibility: Composing with Microsoft Word and Google Docs

Slides: Mysteries of Accessibility: Composing with Microsoft Word and Google Docs

Design for Readability

Make your Word Documents Accessible to People with Disabilities