Accessibility Conformance Report for The Example Company

Evaluated by
V. van Gogh
Commissioned by
The Example Company
Target
WCAG 2.1, Level AA
Date
June 21, 2021

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 20 of 20
Operable 15 of 17
Understandable 10 of 10
Robust 3 of 3
Total 48 of 50

About this report

Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products.

Methodology

For this report, we used the WCAG-EM reporting methodology.

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

How to interpret

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.

Scope

Pages

Scope:

Not in scope:

Accessibility support

The audited website should work in at least the following browsers and assistive technologies:

Technologies used

The audited web page relies on the following technologies:

Sample

Representative sample

Issues

  1. Main menu does not work with keyboard (2.1.1)
  2. Focus style missing (2.4.7)

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.

WCAG criterion:
2.1.1: Keyboard (external link)
Difficulty:
High
Severity:
High
Sample:
blog-post

Focus style missing

alt text

Problem

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

* { 
outline: none
}

This causes problems for people who use the webite 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

WCAG criterion:
2.4.7: Focus Visible (external link)
Difficulty:
Low
Severity:
High
Sample:
All pages