Introducing the eBay MIND Patterns
This book will assist frontend developers in building accessible e-commerce websites and components.
This book is a living, work-in-progress document.
Updated: Nove 3rd, 2022
There are four main groups of component-related patterns:
These groups spell out the MIND acronym. If you ever wonder what group does a pattern fall into - then use your MIND!
Three other important groups complement the above patterns:
We have not yet incorporated these three groups into any kind of clever or witty acronym (which is disappointing, I know).
Every completed pattern will include:
- Working examples
- Best practices
- Interaction design
- Developer guide
- ARIA Reference
There are 4 guiding principles of accessibility, collectively know as POUR:
- 1.Perceivable: People experience content in different ways (sight, hearing, and touch). Content needs to be transferable into recognizable (or perceivable) formats.
- 2.Operable: Content needs to be navigable (or operable) by multiple methods—not just a mouse
- 3.Understandable: Web content needs to be understandable. Language should be simple and concise; functionality should be consistent and intuitive.
- 4.Robust: Create web content that works for all (or most!) technologies. This includes operating systems, browsers, and mobile devices.
Accessibility testing is performed with latest versions of:
- Chrome & JAWS
- Firefox & NVDA
- Safari & VoiceOver