Usability and accessibility

Sebastian Greger

Design that excludes some cannot be “usable”. Here, I collect my preferred resources on specific (web) design tasks, with a strong focus on accessibility.

  • A11y overlays: JavaScript-based "overlays" promise accessibility as a convenient add-on, but very much fail to deliver.
  • 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.
  • JavaScript and Progressive Enhancement: Progressive Enhancement is a core pillar of building robust, inclusive websites. In a nutshell, the idea is that a site is usable with the most minimal requirements and UX-enhancing techniques like JavaScript are used as optional enhancements, where supported.
  • 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.