91³Ô¹Ï

Logical Reading Order

when web pages don’t follow a logical reading order for people who rely on keyboard navigation and screen readers.
 

Heading Structure

so everyone can navigate your content with ease.
 

Tables

to ensure everyone can understand your data.
 

How Page Structure Affects Screen Readers

View the videos below to understand how following best practices with headings and tags can improve user experience.

General Link Overview

: how they are used in navigation, labelling concerns, and distinguishing them from surrounding text. 
 

Why Clear Link Text Matters

to ensure usable and accessible links in your documents, webpages, or e-learning.

ensures that everyone, regardless of ability, can easily find and use the information they need.
 

Use of ARIA Labels

Accessible Rich Internet Applications (ARIA) is a set of and that define ways to make web content and web applications (especially those developed with JavaScript) more accessible to people with disabilities.

.
 

Additional Link Resources

• Web Accessibility Tip: Avoiding "Click Here" in Links

Images

and why it is important for people who cannot see photographs and graphic images.

Resources on how to add alt text:

Video & Audio

of how to make accessible audio and video media.  

and how to make each accessible.

– and how to avoid epic (and embarrassing) gaffes.
 

Microsoft Word Documents

PDFs

Presentations

Spreadsheets

Color and Accessibility

detailing the types of vision impairments and how to create content that is accessible for all.
 

Use of Color Alone to Convey Information

explaining what to think about when using color to convey information.
 

Color Contrast

and why it’s important.
 

Create Accessible Social Media

Requirements

• All content must be fully navigable and operable via keyboard.
• Images must include descriptive and accurate alternative text (alt attributes).
• Color must not be the only method used to convey meaning (use patterns, text labels, etc.).
• Sufficient color contrast between text and background (WCAG AA/AAA contrast ratios).
• Use semantic HTML and proper heading structures to support screen reader navigation.
• Do not embed text images (unless accompanied by alt text or a text alternative).
• Support screen magnification and responsive scaling without content loss.

Videos

Requirements:

• Provide accurate, synchronized captions for all pre-recorded and live video content.
• Include transcripts for audio and video files, including podcasts and webinars.
• Ensure alerts and notifications are presented visually (not just audibly).
• Avoid relying on background audio or music to convey important information.

Requirements:

• All interactive elements must be operable via keyboard alone (no mouse required).
• Maintain a logical tab order and visible focus indicators.
• Avoid requiring complex gestures (e.g., dragging, swiping) without alternatives.
• Provide sufficient clickable areas (minimum target size).
• Allow enough time for completing tasks, with options to extend session time.
• Avoid timed interactions unless essential, or give warning and control to the user.

Requirements:

• Use clear, simple language and consistent navigation and layout.
• Provide plain language summaries, headings, and content chunking.
• Avoid or minimize distractions (blinking content, auto-playing video/audio).
• Ensure forms have clear labels, instructions, and error prevention.
• Support use of screen readers and text-to-speech tools through semantic HTML.
• Avoid long blocks of text—use bulleted lists and meaningful subheadings.

Requirements:

• Provide text-based alternatives to voice interactions (e.g., chat, email, forms).
• Ensure that no action is required to be completed using voice input only.
• Support keyboard access for any voice-based features or commands.

Requirements:

• Avoid content that flashes more than three times per second.
• Do not use flashing animations or auto-playing motion without user control.
• Provide users the option to disable animations or motion effects (respects prefers-reduced-motion media query).
• Ensure third-party embeds (videos, ads) meet flashing and motion criteria.