Alt-Text & Images
This short-written description helps screen reader users understand the content and function of an image.
What is alt text?
This percentage feature ensures that when users increase the size for better readability, the layout stays intact, and all content remains visible and usable.
What is text resizing to 200%?
This is the minimum contrast ratio required between text and background to meet WCAG 2.1 Level AA.
What is a contrast ratio of 4.5 to 1?
Using this style of writing helps ensure that all users, including those with cognitive disabilities or limited reading skills, can understand web content easily.
What is plain language?
Government websites should aim to write content at this reading grade level to ensure clarity and accessibility for most users.
What is fifth grade?
These help users who are deaf or hard of hearing by providing a text version of spoken dialogue and meaningful sounds in videos.
How do captions support users?
This term refers to the ability to navigate and use all interactive elements on a website—like links, buttons, and forms—without a mouse.
What does keyboard accessible mean?
To ensure your text and background colors meet accessibility standards, you can use this type of online tool to measure their contrast ratio.
What is a color contrast checker?
This design principle means that menus, links, and buttons appear in the same place and behave the same way across all pages of a website.
What is consistent navigation?
This writing practice helps users avoid mistakes when filling out forms by providing clear guidance before submission.
What is clear labels and instructions?
Screen readers may struggle with complex visuals, so this accessibility technique is used to explain the content of charts, graphs, or maps in detail.
What is a text alternative for complex charts?
This visible outline or highlight shows which interactive element—like a link or button—is currently selected when navigating with a keyboard.
What is a focus indicator?
Relying on this visual element alone can be problematic because people with color blindness or low vision may miss the information it conveys.
What is color?
Avoiding these kinds of words helps make content easier to understand for people with limited language skills or cognitive disabilities.
What are unexplained acronyms, technical language, or jargon?
This writing practice makes web content easier to understand by simplifying sentence structure.
What is breaking long sentences into short ones?
When an image is purely decorative and adds no meaningful content, this is what you should do in the alt text field or the image settings.
What is write an empty alt attribute (alt="") or select the decorative image checkbox?
This link lets keyboard and screen reader users jump directly to the main content, bypassing repetitive navigation menus.
What is a skip link?
To make charts easier for color-blind users to understand, use these visual elements instead of relying on color alone.
What are labels, patterns, or textures?
Instead of vague phrases like “click here,” this type of hyperlink tells users exactly where the link will take them—like “Download the accessibility guide.”
What’s an example of a descriptive link?
Using this helps readers quickly find and understand sections of content by organizing it clearly.
What are headings?
For complex infographics that contain lots of information, this approach ensures users obtain the valuable information.
What is providing brief alt text plus a full description nearby, like in the surrounding text?
To fix dropdown menus that can’t be operated by keyboard or screen readers, this approach ensures all options are reachable and clearly labeled.
What is making dropdowns keyboard accessible with proper ARIA labels?
You should avoid using only red text to show errors because of this accessibility concern.
What is some users can’t see red well, such as those with color blindness, so errors might be missed?
This common alt text habit adds unnecessary words and doesn’t help screen reader users understand the image.
What is starting with “Image of…”?
[FINAL JEOPARDY ROUND]
These writing principles help make web content accessible to all users, including those with cognitive disabilities or who use assistive technology. NAME THREE.
What are: use plain language; write at a 5th-grade reading level; use active voice; keep sentences short and clear; organize with headings and lists; use descriptive links; and be respectful and inclusive?
(Any three of these are accepted.)