Mirela Prifti

Posted on Jan 15, 2023 • Originally published at mirelaprifti.Medium on Jan 14, 2023

Website Accessibility & Usability Checklist

#a11y #accessibilitytesting #usability #webaccessibility

Requirements and useful resources

Web accessibility is not a distinct aspect of a website design but rather an integral part of overall usability.

By including accessibility principles in our design and development process, we can better identify barriers and find solutions that make websites more inclusive and user-friendly.

Below you’ll find a checklist of web accessibility requirements and links to resources on how to apply them and create better digital experiences.

By clicking on each item on the checklist, you’ll get to the resource. Resources are from:

▸ W3C Web Accessibility Initiative

▸ W3Schools

▸ MDN Web Docs

▸ WebAIM

▸ Microsoft

Basic accessibility requirements

➡ Headings structure

➡ Alt text for images

➡ Captions for multimedia

➡ Descriptive link content

➡ Different states for interactive elements

➡ Contrast between text & background

➡ Semantics

➡ Forms

➡ Navigation

➡ Keyboard navigation

Advanced accessibility requirements

➡ Relative units for text

➡ Flexible layouts

➡ Choice of words

➡ Visual impairment testing

➡ Blinking and flashing content

‍Check out my products on Gumroad:

✅ Subscribe to my newsletter or follow me on Twitter & LinkedIn.

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

DEV Community