Accessibility Audit for Example Client

Evaluated by
Lisa Liskovoi, Ned Zimmerman
Commissioned by
Example Client
Target
WCAG 2.2, Level AA
Date
March 7, 2024
Special requirements
Please also list accessibility problems that are not conformance failures.

Executive summary

This website is partly accessible. Some severe issues were found and described in this report.

Results by principle

Principle Results by principle
Perceivable 19 of 20
Operable 18 of 20
Understandable 13 of 13
Robust 2 of 2
Total 52 of 55

Detailed results

Success criteria Level Support Reference
1.1.1: Non-text ContentASupports Understanding 1.1.1 (external link)
1.2.1: Audio-only and Video-only (Prerecorded)ASupports Understanding 1.2.1 (external link)
1.2.2: Captions (Prerecorded)ASupports Understanding 1.2.2 (external link)
1.2.3: Audio Description or Media Alternative (Prerecorded)ANot applicable Understanding 1.2.3 (external link)
1.2.4: Captions (Live)AASupports Understanding 1.2.4 (external link)
1.2.5: Audio Description (Prerecorded)AASupports Understanding 1.2.5 (external link)
1.3.1: Info and RelationshipsASupports Understanding 1.3.1 (external link)
1.3.2: Meaningful SequenceASupports Understanding 1.3.2 (external link)
1.3.3: Sensory CharacteristicsASupports Understanding 1.3.3 (external link)
1.3.4: OrientationAASupports Understanding 1.3.4 (external link)
1.3.5: Identify Input PurposeAASupports Understanding 1.3.5 (external link)
1.4.1: Use of ColorADoes not support Understanding 1.4.1 (external link)
1.4.2: Audio ControlASupports Understanding 1.4.2 (external link)
1.4.3: Contrast (Minimum)AASupports Understanding 1.4.3 (external link)
1.4.4: Resize TextAASupports Understanding 1.4.4 (external link)
1.4.5: Images of TextAASupports Understanding 1.4.5 (external link)
1.4.10: ReflowAASupports Understanding 1.4.10 (external link)
1.4.11: Non-text ContrastAASupports Understanding 1.4.11 (external link)
1.4.12: Text SpacingAASupports Understanding 1.4.12 (external link)
1.4.13: Content on Hover or FocusAASupports Understanding 1.4.13 (external link)
2.1.1: KeyboardADoes not support Understanding 2.1.1 (external link)
2.1.2: No Keyboard TrapASupports Understanding 2.1.2 (external link)
2.1.4: Character Key ShortcutsASupports Understanding 2.1.4 (external link)
2.2.1: Timing AdjustableASupports Understanding 2.2.1 (external link)
2.2.2: Pause, Stop, HideASupports Understanding 2.2.2 (external link)
2.3.1: Three Flashes or Below ThresholdASupports Understanding 2.3.1 (external link)
2.4.1: Bypass BlocksASupports Understanding 2.4.1 (external link)
2.4.2: Page TitledASupports Understanding 2.4.2 (external link)
2.4.3: Focus OrderASupports Understanding 2.4.3 (external link)
2.4.4: Link Purpose (In Context)ASupports Understanding 2.4.4 (external link)
2.4.5: Multiple WaysAASupports Understanding 2.4.5 (external link)
2.4.6: Headings and LabelsAASupports Understanding 2.4.6 (external link)
2.4.7: Focus VisibleAADoes not support Understanding 2.4.7 (external link)
2.4.11: Focus Not Obscured (Minimum)AASupports Understanding 2.4.11 (external link)
2.5.1: Pointer GesturesASupports Understanding 2.5.1 (external link)
2.5.2: Pointer CancellationASupports Understanding 2.5.2 (external link)
2.5.3: Label in NameASupports Understanding 2.5.3 (external link)
2.5.4: Motion ActuationASupports Understanding 2.5.4 (external link)
2.5.7: Dragging MovementsAASupports Understanding 2.5.7 (external link)
2.5.8: Target Size (Minimum)AASupports Understanding 2.5.8 (external link)
3.1.1: Language of PageASupports Understanding 3.1.1 (external link)
3.1.2: Language of PartsAASupports Understanding 3.1.2 (external link)
3.2.1: On FocusASupports Understanding 3.2.1 (external link)
3.2.2: On InputASupports Understanding 3.2.2 (external link)
3.2.3: Consistent NavigationAASupports Understanding 3.2.3 (external link)
3.2.4: Consistent IdentificationAASupports Understanding 3.2.4 (external link)
3.2.6: Consistent HelpASupports Understanding 3.2.6 (external link)
3.3.1: Error IdentificationASupports Understanding 3.3.1 (external link)
3.3.2: Labels or InstructionsASupports Understanding 3.3.2 (external link)
3.3.3: Error SuggestionAASupports Understanding 3.3.3 (external link)
3.3.4: Error Prevention (Legal, Financial, Data)AASupports Understanding 3.3.4 (external link)
3.3.7: Redundant EntryASupports Understanding 3.3.7 (external link)
3.3.8: Accessible Authentication (Minimum)AASupports Understanding 3.3.8 (external link)
4.1.2: Name, Role, ValueASupports Understanding 4.1.2 (external link)
4.1.3: Status MessagesAASupports Understanding 4.1.3 (external link)

About this report

TODO.

Methodology

TODO.

How to interpret

TODO.

Scope

Pages

Scope:

  1. Homepage https://example.com

    The homepage of Example Company.

  2. Blog post https://example.com/blog/example-post

    An example of a blog post

Not in scope:

Tools used

In conducting this audit, the following tools were used:

Technologies used

The audited web page relies on the following technologies:

Issues

2.1.1: Keyboard (Level A)

Create an issuefor 'Main menu does not work with keyboard' (external link)
Problem

The main menu does not work with just a keyboard. The links are marked up like this:

<div class="link 202034rsfd oiarjgeoi" onclick="woo()">About us</div>
Solution

Use <a> tags for the links, and use the href attribute for the location to link to, like this:

<a href="/about-us">About us</a>

The <a>-tag works with keyboard out of the box, does not rely on JavaScript and makes it easier for search engines to understand what is going on.

Severity:
High
Pages:
Blog post

2.4.7: Focus Visible (Level AA)

Focus style missing

Create an issuefor 'Focus style missing' (external link)
Problem

Focus styles have been removed through the website's stylesheets:

* {
  outline: none
}

This causes problems for people who use the website without a mouse, as they will not be able to see where they are.

Solution

Remove the outline: none rule, and/or add a specific style that applies on :focus. Make sure that it has sufficient contrast, too.

Read more
Severity:
High
Pages:
All pages