Website Accessibility & Usability Checklist
Tags: a11y, accessibilitytesting, usability, webaccessibility
Published: 2023-01-15 11:19:38

---
title: Website Accessibility & Usability Checklist
published: true
date: 2023-01-14 13:22:01 UTC
tags: a11y,accessibilitytesting,usability,webaccessibility
canonical_url: https://mirelaprifti.medium.com/website-accessibility-usability-checklist-a361992d214d
---

 **Requirements and useful resources**

![](https://cdn-images-1.medium.com/max/1024/1*8TlruBFkiJSPw1LD-xIWrQ.png)

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**](https://www.w3.org/WAI/tutorials/page-structure/headings/)

**➡** [**Alt text for images**](https://www.w3.org/WAI/tutorials/images/decision-tree/)

**➡** [**Captions for multimedia**](https://www.w3.org/WAI/media/av/captions/)

**➡** [**Descriptive link content**](https://www.w3schools.com/accessibility/accessibility_link_text.php)

**➡** [**Different states for interactive elements**](https://www.w3schools.com/css/css_pseudo_classes.asp)

**➡** [**Contrast between text & background**](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html)

**➡** [**Semantics**](https://www.w3schools.com/html/html5_semantic_elements.asp)

**➡** [**Forms**](https://www.w3.org/WAI/tutorials/forms/)

**➡** [**Navigation**](https://www.w3.org/WAI/tutorials/menus/structure/)

**➡** [**Keyboard navigation**](https://webaim.org/techniques/keyboard/)

### Advanced accessibility requirements

➡ [**Relative units for text**](https://www.w3schools.com/accessibility/accessibility_text_size.php)

**➡** [**Flexible layouts**](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Common_web_layouts)

**➡** [**Choice of words**](https://www.w3.org/WAI/tips/writing/)

**➡** [**Visual impairment testing**](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/accessibility/emulate-vision-deficiencies)

**➡** [**Blinking and flashing content**](https://developer.mozilla.org/en-US/docs/Web/Accessibility/Seizure_disorders)

---
#### ‍Check out my products on Gumroad:

- [UX Heuristics (Usability) Evaluation Report Template](https://mirelaprifti.gumroad.com/l/ux-heuristics-report)
- [Website Project Management | On-Page SEO & Accessibility](https://mirelaprifti.gumroad.com/l/website-seo-accessibility)
- [Accessibility Design Guidelines](https://mirelaprifti.gumroad.com/l/accessibility-design-guidelines) (Webflow)

---
✅ Subscribe to my [newsletter](https://mirelaprifti.webflow.io) or follow me on [Twitter](https://twitter.com/mirepri4) & [LinkedIn](https://www.linkedin.com/in/mirelaprifti/).