Embedded Files
Overview
Overview
Support multiple ways information can be perceived and displayed (visual, spoken, tactile)
Video or Audio Content
Video or Audio Content
Captions must be added to video content and captions/transcripts provided for audio content such as podcasts. Audio description is currently not a WCAG or ADA requirement, but is extremely helpful to visually impaired users. Remember to always check for accuracy. Auto or Robo captioning without verification of accuracy is not compliant. Check out the following YouTube videos below about captioning and generating transcripts.
Paid Captioning/Transcription Services
Paid Captioning/Transcription Services
Below are just a few commercial captioning and transcribing services for a fee.
OpenAI Whisper (free to try)
Free Captioning/Transcription
Free Captioning/Transcription
Please note that these are not ADA compliant captions because they are automated. To meet ADA standards, the captioning needs to be checked and edited as neccessary.
Google Studio Captions and Subtitles
Content Uses Color for Text and Images
Content Uses Color for Text and Images
Use colors that do not affect those with color blindness. Use high contrast colors between backgrounds and text; if using light colored texts, use dark backgrounds, if using dark colored text, use light backgrounds. There are various tools you can use to test colors for accessibility. Some of those are below. Plus there's a video on how to test for color contrast.
Content Uses Color to Convey Information
Content Uses Color to Convey Information
Continuing on the topic of colorblindness, do not use color alone to convey information; you can use both color and text labels. Below is an example of a table showing late and missing assignments using both color and labels to convey the information. Watch the video on this topic after the example.
Text in an Image
Text in an Image
Always provide non-image versions of text. Text that is presented as an image is not searchable/legible by a screen reader. Use Optical Character Recognition (OCR) to convert the image text to renderable text. Click on the link below on how to scan an image and use OCR.
How to scan and get text from an image with OCR
Text to Speech and OCR apps for iOS or Android devices
Text to Speech and OCR apps for iOS or Android devices
Many persons with print and reading disabilities use text-to-speech apps to hear text. Here is a linked list of some iOS and Android text-to-speech apps you can try out.
Seeing AI (free, iOS, Android)
Aira Explorer (free to set up and try out, iOS, Android)
Be My Eyes, Be My AI (free, iOS, Android)
Google Lookout (free, Android)
Voice Aloud Reader (free, iOS, Android)
Google Gemini (AI assistant similar to Siri)(free, iOS, Android)
Reader apps for iOS or Android devices
Reader apps for iOS or Android devices
Magnification of Text
Magnification of Text
Many persons need to adjust the size of text on a screen to customize it for their ease of use. Most devices and apps have settings to adjust text. Text can reflow (or wrap) when using digital magnification. Test your content using digital magnification. The text should reflow or wrap to fit the width of the screen (viewport) so that none of the text is cut off. Reflow does not work for every situation, such as tables, and does not work on static images. Below is an explanation of reflow of text for use on various devices.
Fonts
Fonts
Use sans serif fonts that are not cursive or stylized for ease of readability. Arial, Calibri, Garamond, Helvetica, Tahoma, and Verdana are some examples. Here are some examples of sans serif fonts below. Watch the video on this topic.
Page updated
Google Sites
Report abuse