Digital Accessibility Training & Resources

Logical Reading Order

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

Heading Structure

Learn how to use heading structure on a web page so everyone can navigate your content with ease.
 

Tables

Learn how to appropriately format table content 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.

• Screen reader demo for digital accessibility
• How a screen reader user experiences an accessible and inaccessible website
• Keyboard accessibility overview

General Link Overview

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

Why Clear Link Text Matters

Watch a series of tips and guidelines to ensure usable and accessible links in your documents, webpages, or e-learning.

Mastering the art of accessible link text 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 roles and attributes that define ways to make web content and web applications (especially those developed with JavaScript) more accessible to people with disabilities.

Learn when and how to use ARIA-labels on links.
 

Additional Link Resources

• Web Accessibility Tip: Avoiding "Click Here" in Links
• New York State Education: Create Accessible Hypertext Links

Images

Learn about alternative text and why it is important for people who cannot see photographs and graphic images.

Resources on how to add alt text:

• Microsoft Word - Create Accessible Images and Other Objects
• Microsoft PowerPoint - Adding Alternative Text to Images and Other Objects
• Microsoft Excel - Adding Alternative Text to Images and Other Objects
• PDF - Remediating PDFs for Accessibility
• Web Development/HTML - W3.org Images Tutorial
   

Video & Audio

Learn the basics of how to make accessible audio and video media.  

Understand the difference between audio-only, video-only, and synchronized media and how to make each accessible.

Learn what counts as “success” when captioning your videos – and how to avoid epic (and embarrassing) gaffes.
 

Microsoft Word Documents

• Make your Word documents accessible to people with disabilities
• How to Make an Accessible Document in Microsoft Word
   

PDFs

• Create and verify PDF accessibility (Acrobat Pro)
• How to Test and Remediate PDFs for Accessibility Using Adobe Acrobat DC
   

Presentations

• How to Author and Test Microsoft PowerPoint Presentations for Accessibility
   

Spreadsheets

• How to Make an Accessible Spreadsheet in Microsoft Excel

Color and Accessibility

Watch a UC Berkly video detailing the types of vision impairments and how to create content that is accessible for all.
 

Use of Color Alone to Convey Information

Watch a video explaining what to think about when using color to convey information.
 

Color Contrast

Learn how to check for sufficient color contrast and why it’s important.
 

Create Accessible Social Media

• Create social media posts that are universally accessible
• 10 guidelines to make social media posts more accessible
• Harvard social media accessibility guidelines 

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

• Screen reader demo for digital accessibility
• How a screen reader user experiences an accessible and inaccessible website
• Keyboard accessibility overview
• Color and accessibility

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.