What makes your website accessible, or not?

  1. Silent video about 1.4.3 Text contrast: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Text can be read on its background.” It is described in writing below.
  2. Silent video about 1.4.11 Control contrast: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Fields and checkboxes stand out.” It is described in writing below.
  3. Silent video about 1.4.1 Use of colour: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Colour is not the only signal.” It is described in writing below.
  4. Silent video about 1.1.1 Images: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Images that inform are described.” It is described in writing below.
  5. Silent video about 2.4.9 Links: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Links say where they go.” It is described in writing below.
  6. Silent video about 1.4.4 Text size: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Text gets bigger without being cut off.” It is described in writing below.
  7. Silent video about 1.4.10 Zoom and mobile: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Content adapts to zoom and mobile.” It is described in writing below.
  8. Silent video about 1.2.2 Captions: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Videos make sense without sound.” It is described in writing below.
  9. Silent video about 1.2.5 Audio description: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “What the video only shows is also told.” It is described in writing below.
  10. Silent video about 2.1.1 Keyboard: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Everything works with the keyboard.” It is described in writing below.
  11. Silent video about 2.4.7 Visible focus: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “You can always see where you are.” It is described in writing below.
  12. Silent video about 2.4.1 Skip to content: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “You can skip straight to the content.” It is described in writing below.
  13. Silent video about 2.2.2 Movement: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Anything that moves can be stopped.” It is described in writing below.
  14. Silent video about 2.2.1 Enough time: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “There is enough time, and you can ask for more.” It is described in writing below.
  15. Silent video about 2.5.8 Button size: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Buttons are big enough.” It is described in writing below.
  16. Silent video about 1.3.1 Headings: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Headings give the page its order.” It is described in writing below.
  17. Silent video about 3.3.2 Labelled fields: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Every field says what to type.” It is described in writing below.
  18. Silent video about 3.3.1 Errors that explain themselves: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Errors are explained.” It is described in writing below.
  19. Silent video about 3.1.1 Page language: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “The page says what language it is in.” It is described in writing below.
  20. Silent video about Plain language: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “It makes sense first time.” It is described in writing below.
  21. Silent video about 3.2.3 Menus that stay put: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Menus don’t move around.” It is described in writing below.
  22. Silent video about 4.1.2 Buttons that are buttons: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Every control says what it is and how it is set.” It is described in writing below.
  23. Silent video about Accessible documents: first, an example that is not accessible; then, how it looks once fixed. It ends with the sentence “Documents can be read too.” It is described in writing below.

1.4.3 Text contrast

Text can be read on its background.

WCAG 2.2 · 1.4.3 Contrast (Minimum) · Level AA

1.4.11 Control contrast

Fields and checkboxes stand out.

WCAG 2.2 · 1.4.11 Non-text Contrast · Level AA

1.4.1 Use of colour

Colour is not the only signal.

WCAG 2.2 · 1.4.1 Use of Color · Level A

1.1.1 Images

Images that inform are described.

WCAG 2.2 · 1.1.1 Non-text Content · Level A

2.4.9 Links

Links say where they go.

WCAG 2.2 · 2.4.9 Link Purpose (Link Only) · Level AAA

1.4.4 Text size

Text gets bigger without being cut off.

WCAG 2.2 · 1.4.4 Resize Text · Level AA

1.4.10 Zoom and mobile

Content adapts to zoom and mobile.

WCAG 2.2 · 1.4.10 Reflow · Level AA

1.2.2 Captions

Videos make sense without sound.

WCAG 2.2 · 1.2.2 Captions (Prerecorded) · Level A

1.2.5 Audio description

What the video only shows is also told.

WCAG 2.2 · 1.2.5 Audio Description (Prerecorded) · Level AA

2.1.1 Keyboard

Everything works with the keyboard.

WCAG 2.2 · 2.1.1 Keyboard · Level A

2.4.7 Visible focus

You can always see where you are.

WCAG 2.2 · 2.4.7 Focus Visible · Level AA

2.4.1 Skip to content

You can skip straight to the content.

WCAG 2.2 · 2.4.1 Bypass Blocks · Level A

2.2.2 Movement

Anything that moves can be stopped.

WCAG 2.2 · 2.2.2 Pause, Stop, Hide · Level A

2.2.1 Enough time

There is enough time, and you can ask for more.

WCAG 2.2 · 2.2.1 Timing Adjustable · Level A

2.5.8 Button size

Buttons are big enough.

WCAG 2.2 · 2.5.8 Target Size (Minimum) · Level AA

1.3.1 Headings

Headings give the page its order.

WCAG 2.2 · 1.3.1 Info and Relationships · Level A

3.3.2 Labelled fields

Every field says what to type.

WCAG 2.2 · 3.3.2 Labels or Instructions · Level A

3.3.1 Errors that explain themselves

Errors are explained.

WCAG 2.2 · 3.3.1 Error Identification · A · 3.3.3 Error Suggestion · AA

3.1.1 Page language

The page says what language it is in.

WCAG 2.2 · 3.1.1 Language of Page · Level A

Plain language

It makes sense first time.

AP editorial criterion · related to WCAG 2.2 · 3.1.5 Reading Level · Level AAA

3.2.3 Menus that stay put

Menus don’t move around.

WCAG 2.2 · 3.2.3 Consistent Navigation · Level AA

4.1.2 Buttons that are buttons

Every control says what it is and how it is set.

WCAG 2.2 · 4.1.2 Name, Role, Value · Level A

Accessible documents

Documents can be read too.

WCAG 2.2 · 1.3.1 Info and Relationships, applied to PDF · Level A

Find out more

Frequently asked questions

Answers about Spanish, Catalan and EU law, updated on 7 November 2026. They are not legal advice: if you need to know exactly what applies to your organisation, check with a legal adviser.

If your project is inclusive, your website should be too.

Get in touch