When designing an interface, it’s vital that the visuals cater for the broadest possible audience, ensuring:
- colour contrast thresholds are met
- focus states for links, forms and buttons are obvious
- the typefaces used won’t prove problematic for dyslexic visitors
- text size isn’t too small for some users to read
There are hundreds of considerations that go into designing an accessible interface, and the code is no different. HTML is the core of a user’s experience so be sure it is:
- reflects the visual order of page elements
- enhanced with ARIA where needed
This means screen reader and voice control software that access a website can interpret the contents correctly, giving their users as good an experience anyone else:
CSS plays a part too; not only should we code in a way that doesn’t harm the experience for users of assistive technology, but users that have activated settings like dark mode or reduced motion in their operating system’s preferences should be respected.
Finally, every interface should be tested manually, with an automated testing tool, and, if possible, with real users.