Understanding Your Accessibility UX Design Checklist
In a world where you can order a car on your phone that will be delivered to your doorstep or video chat with your relative living across the world, we have this ever evolving need for ease of access to all types of information. Accessibility in UX enables us as designers to create digital and physical environments that are accessible for all individuals to interpret and understand.
What is Accessibility in UX design?
Accessibility UX design serves as a standard for designers to create branded marketing materials that can be understood and interpreted by all individuals no matter their physical or cognitive ability. Accessibility UX designs benefit individuals who may suffer from:
- Visual impairments
- Motor/mobility disabilities
- Auditory/hearing difficulties
- Learning/cognitive disabilities (such as dyslexia)
Understanding Why Accessibility UX designs are Important
UX accessibility standards help designers to develop and create websites, flyers, banners, emails, and other marketing materials that are inclusive to all individuals. User interface accessibility should be implemented in all design materials not just because it is the right thing to do, but because there are many other far reaching benefits for creating accessible UX designs. Roughly 15% of the population has a cognitive or physical disability. Incorporating accessibility in UX will help you to increase:
- Audience reach to include that extra 15% of the population
- Search ranking, by employing improved SEO best practices
- Your touch to users on various devices, locations, and settings
- Overall brand image and reputation
We have created an UX accessibility checklist to help you see how your design meets UX accessibility standards while also keeping the integrity of the brand and marketing message.
Accessibility UX Design Checklist
Color contrast: small text at a minimum of 4:5:2 contrast ratio, large text at a minimum of 3:1
Individuals who suffer from visual impairments will find it difficult to read text if the background and text color have a low contrast. The World Health Organization (WHO) estimates that there are approximately 217 million individuals who suffer from moderate to severe visual impairments around the world. It is imperative that your accessibility in UX design materials meet these color contrast UX accessibility standards.
Text size: 16-pixels (or larger) for body copy text
Accessibility UX design standards require developers and designers to implement larger fonts to ensure that users can read digital or physical text without straining or squinting.
Headings for structure: for digital designs, use HTML and heading tags (H1, H2, H3, etc.)
Using headings to create a structure in a page will help users understand the flow of the information. This user face accessibility requirement will not only help your users, but a clear page structure will also make more sense to search engines which will help your SEO overall.
Images & Videos
This item on the checklist is specific to accessibility in UX digital design. Alt descriptions are meaningful and descriptive text assigned to images, videos, or other types of digital media that help individuals using screen readers to better understand what is being represented or shown in that image or video.
Avoid Using Images of Text
Whenever possible, designers should ensure that important information is conveyed through live text rather than using an image of text.
Overlays on Images
Like the UX accessibility standards for color contrast, designers must be mindful of text that is added overtop of an image. You will want to consider adding a color overlay to help your text meet all color contrast standards with the image background.
When it comes to accessibility UX design concepts, it is important to understand the end goal of the design, to create an inclusive physical and digital environment for all individuals no matter their physical or cognitive ability. Let this UX accessibility checklist serve as a starting point for all your digital and physical marketing materials. If you are looking to update your website to be inclusive and meet all ADA UX Accessibility standards, contact our team today to get started.