The components
The Access & Use components listed in the menu show typical dynamic web content.
Each component is presented in the same format:
- A short introduction (what is it)
- A short video (mostly screencasts) showing a typical implementation of the component in action
- Additional stuff on the component, differentiating it from similar components (optional)
- Accessibility tips for the component
- Typical usability problems when using the component
- Videos on usability, documenting the use of real component implementations in particular modes of use (keyboard-only, screen reader running, low vision/magnification); for example, for modal dialogs, we have Low vision use: Finding the modal dialog. Some components only have one or a couple of videos, others more.
- COMPARE cases - this links to the COMPARE repository and related real-world web content cases that have been documented, accessibility-rated and commented there.
- Resources for the component, pointing to best practice implementations, articles, or other stuff relevant for developers and/or evaluators
Coverage so far
The following components are covered:
Components that might be added
The choice of components so far is far from comprehensive - there are others that would deserve an entry. Here are some pointers for components / content types not (yet) covered in Access & Use.
Breadcrumb paths
- Breadcrumb path with fold-out elements (University of Cologne, 2018)
- Breadcrumb example (WAI-ARIA Authoring Practices 1.1, July 2018)
Sliders
- Simple slider (WAI-ARIA Authoring Practices 1.1, July 2018)
- Slider (Multi-thumb) (WAI-ARIA Authoring Practices 1.1, July 2018)
- A sliding nightmare: Understanding the range input (Ana Tudor, CSS Tricks, December 2017)
Complex infographics
- Static flow diagram: Versicherungsgewerbe Übersicht (berlin.de)
- Interactive diagram: Folgen von Doping (gemeinsam-gegen-doping.de)
Additional information
General information on including touch
- Add Touch to Your Site - Matt Gaunt, Google Web Fundamentals, June 2018
- Simple Swipe With Vanilla JavaScript (Ana Tudor, CSS Tricks, April 2018)