Accessibility Patterns for the Web

This site contains all working examples for the book eBay MIND Patterns - Accessibility Patterns for the Web.

The MIND Patterns are not a visual design system or CSS framework (à la Material Design or Bootstrap) - they are instead intended to complement those systems & tools with accessibility guidance. We have hopefully made this obvious enough with our very sparse and utilitarian use of style in these examples!

Each pattern follows a progressive enhancement strategy (where applicable), aims to conform to WCAG 2.1 Level AA, and for the most part builds on from the excellent guidance set out in the WCAG Authoring Practices 1.1.


These examples will assist the frontend developer with accessibility, but the source code is not considered to be final, production-ready code. Most examples leave additional steps to complete; typically any CSS styling and JavaScript behaviour that is not specifically related to core functionality or accessibility.


Accessibility testing is performed with latest versions of:

NOTE: We do not support Internet Explorer 10 and below; this allows us more time to focus on accessibility matters, rather than cross-browser issues.

Updated: April 9th, 2020