Skip to content

Instantly share code, notes, and snippets.

@thibaudcolas

thibaudcolas/outlines.md

Last active April 9, 2024 23:54
Show Gist options
  • Save thibaudcolas/2c673b367b08b02aa395b7d5532f85c1 to your computer and use it in GitHub Desktop.
Save thibaudcolas/2c673b367b08b02aa395b7d5532f85c1 to your computer and use it in GitHub Desktop.
Download ZIP
HTTP Archive accessibility chapter outlines
Raw
outlines.md

HTTP Archive accessibility chapter outlines

Side by side

Chapter outlines as a spreadsheet

2022 2021 2020 2019
Introduction Introduction Introduction Introduction
Ease of reading Ease of reading Ease of reading Ease of reading
Color contrast Color contrast Color contrast Color contrast
Zooming and scaling Zooming and scaling Zooming and scaling Zooming and scaling pages
Language identification Language identification Language identification Language identification
Font size and line height
User preference User preference media queries and high contrast support
Forced colors mode
Distracting content
Navigation Ease of page navigation Ease of page navigation Ease of page navigation
Focus indication
Focus styles Focus Styles
tabindex Tabindex Tabindex
Landmarks Landmarks and page structure Main landmark
HTML section elements
Other HTML elements used for navigation
Heading hierarchy Heading hierarchy Headings Headings
Secondary navigation Secondary Navigation
Skip links Skip links Skip links Skip Links
Shortcuts
Document titles Document titles Document titles
Tables Tables Tables Tables
Headings
Table captions Table captions Captions
Tables for layout Presentational tables
Tabs Tabs
Forms Forms Accessibility of form controls Accessibility of Form Controls
element The element Form labels Duplicate IDs
placeholder attribute The improper use of the placeholder attribute for labeling inputs Placeholder text
Requiring information Requiring information Form validation Indicators of required and invalid fields
Captchas Captchas
Media on the web Media on the web Media on the web Media on the web
Overview of text alternatives Images and their text alternatives Alternative text on images
Images Images Images with title attributes Captions for audio and video
Audio and video Audio Other facts about alt text
Video Video on the web
Captions
Autoplaying video
Assistive technology with ARIA Supporting assistive technology with ARIA Assistive technologies on the web Compatibility with assistive technologies
Introduction to ARIA The use of ARIA
The five rules of ARIA
ARIA roles ARIA roles ARIA roles The role attribute
Just use a button! Just use a button!
Using the presentation role Using presentation role Presentation
ARIA attributes
Labeling elements with ARIA Labelling and describing elements with ARIA Labeling and describing elements with ARIA Labels on interactive elements
Navigation
Hiding content Hiding content Hiding content
Screen reader-only text Screen reader-only text Screen reader only text
Dynamically-rendered content Dynamically-rendered content Announcing dynamically rendered content
Dialog modals Many sites attempt to make dialogs accessible
Accessibility apps and overlays Accessibility overlays
Concerns with overlays The consequences of overlays
Privacy concerns
Overlays and lawsuits
Why do some companies use overlays?
Additional resources about overlays
Conclusion Conclusion Conclusion Conclusion
Potential accessibility responsibilities by role

2022

2021

2020

2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment