Usability and accessibility
Design that excludes some cannot be “usable”. Here, I collect my preferred resources on specific (web) design tasks, with a strong focus on accessibility.
- Alt texts: So called alt-texts (alternative text) are the default means to make visual content accessible in a descriptive format. But using them correctly is not an easy, and for sure not precise, science.
- Colors and contrast: Sufficient contrast between content and background is one of the most basic, yet still commonly ignored, accessibility features of any design.
- Footnotes: Adding footnotes to an HTML document is anything but straightforward. As the standard astonishingly lacks a dedicated tag for this staple of academic writing, finding a usable and accessible design is tricky.
- Invisible content: Sometimes we want to hide content on websites, either visually or completely, for a variety of reasons. Getting it right is important, as hiding things with CSS can have an accessibility impact.
- Modals and popups: Opening modal windows on a webpage easily throws off assistive technology. Luckily, lightweight and accessible options exist to ensure good UX for everybody.
- Skip links: An important feature for users navigating the web using their keyboard, designing "skip links" is not as straightfoward as one may think.
- Statistics on a11y: Statistics on disabilities, as well as on accessibility issues, are valuable for shaping advocacy messages.
- Visualizations: Commonly based on advanced visual representations, the accessibility of (interactive) information and data visualizations is often very limited. A growing community aims to tackle these limitations by developing and showcasing best practices.