Accessibility digest

Introduction

How accessible is the Sports Bra Project web page at https://www.thesportsbraproject.org/?

This digest can help answer that question. Nine different tools (Alfa, ASLint, Axe, Equal Access, HTML CodeSniffer, Nu Html Checker, QualWeb, Testaro, and WAVE) tested the page to check its compliance with their accessibility rules. In all, the tools define about 915 rules, which are classified here into about 300 accessibility issues.

The results were interpreted to yield a score, with 0 being ideal. The score for this page was 1229, the sum of 390 for the count of issues, 724 for specific issues, 65 for tool-by-tool ratings, 0 for the page preventing tools from running, 41 for browser warnings, and 9 for delayed page responses.

Issue summary

Itemized issues

The reported rule violations are itemized below, issue by issue. Additional details can be inspected in the full report.

Issue: multiple h1 headings

Impact: User cannot understand the topic of the document

WCAG: 1.3.1

Score: 186

Violations of nuVal rules

Rule Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools).

Description: Page contains more than 1 h1 element

Count of instances: 3

Issue: meta bans zoom

Impact: User cannot adjust the document size for readability

WCAG: 1.4.4

Score: 124

Violations of alfa rules

Rule r47

Description: Element restricts zooming

Count of instances: 1

Violations of qualWeb rules

Rule QW-ACT-R14

Description: meta viewport prevents zoom

Count of instances: 1

Issue: focus indication poor

Impact: Keyboard-only user cannot choose an item to operate

WCAG: 2.4.7

Score: 52

Violations of alfa rules

Rule r65

Description: Element in the sequential focus order has no visible focus

Count of instances: 5

Violations of testaro rules

Rule focInd

Description: Focused element displays a nonstandard or no focus indicator

Count of instances: 13

Issue: attribute invalid

Impact: Item behaves improperly

WCAG: 1.3.1

Score: 36

Violations of nuVal rules

Rule ^Attribute .+ not allowed here.*$

Description: Attribute not allowed here

Count of instances: 2

Rule ^Attribute .+ is not serializable as XML 1\.0.*$

Description: Attribute is invalidly nonserializable

Count of instances: 2

Rule The itemprop attribute was specified, but the element is not a property of any item.

Description: itemprop attribute is on an element that is not a property of an item

Count of instances: 5

Issue: font small

Impact: Text is difficult to read

WCAG: 1.4

Score: 30

Violations of aslint rules

Rule minimum_font_size

Description: Font size is smaller than 10 pixels

Count of instances: 10

Violations of testaro rules

Rule miniText

Description: Text node has a font smaller than 11 pixels

Count of instances: 4

Violations of wave rules

Rule text_small

Description: Text is very small

Count of instances: 4

Issue: hover indication poor

Impact: User cannot explore the document reliably with a mouse

WCAG: 3.3.2

Score: 30

Violations of testaro rules

Rule hovInd

Description: Hovering is unclearly indicated

Count of instances: 10

Issue: target small

Impact: User cannot reliably choose an item to click or tap

WCAG: 2.5.5

Score: 24

Violations of testaro rules

Rule targetSize

Description: Button, input, or non-inline link is smaller than 44 px wide and high

Count of instances: 8

Issue: figure not named

Impact: User cannot get help on the topic of a figure

WCAG: 1.1.1

Score: 20

Violations of ibm rules

Rule figure_label_exists

Description: figure element has no associated label

Count of instances: 5

Issue: heading-like styles dubious

Impact: User may be unable to understand the topic of a part of the document

WCAG: 1.3.1

Score: 17

Violations of wave rules

Rule heading_possible

Description: Possible heading

Count of instances: 17

Issue: link not named

Impact: User cannot get help understanding what a link points to

WCAG: 2.4.4

Score: 16

Violations of alfa rules

Rule r11

Description: Link has no accessible name

Count of instances: 1

Violations of aslint rules

Rule empty_link_element

Description: Element has no visible and accessible name

Count of instances: 4

Violations of axe rules

Rule link-name

Description: Link has no discernible text

Count of instances: 3

Violations of htmlcs rules

Rule AAA.4_1_2.H91.A.NoContent

Description: Link has an href attribute but not named

Count of instances: 3

Violations of ibm rules

Rule a_text_purpose

Description: Hyperlink has no link text, label, or image with a text alternative

Count of instances: 3

Violations of qualWeb rules

Rule QW-ACT-R12

Description: Link has no accessible name

Count of instances: 1

Issue: svg image not named

Impact: User cannot get help understanding an image

WCAG: 1.1.1

Score: 16

Violations of aslint rules

Rule accessible_svg

Description: Element has no title, description, text, attribute label, or role description

Count of instances: 4

Issue: line height low

Impact: Text is difficult to read

WCAG: 1.4.8

Score: 16

Violations of testaro rules

Rule lineHeight

Description: Text has a line height less than 1.5 times its font size

Count of instances: 8

Issue: tab-opening link action possibly unstated

Impact: Following a link opens a new window, possibly surprising a user

WCAG: 3.2.5

Score: 13

Violations of aslint rules

Rule links_new_window_mark

Description: Indicator that the link opens a new window or tab may be missing

Count of instances: 13

Violations of htmlcs rules

Rule AAA.3_2_5.H83.3

Description: Link text may fail to indicate that the link will open in a new window

Count of instances: 13

Violations of testaro rules

Rule linkExt

Description: Link opens a new window or tab

Count of instances: 2

Issue: element not focusable

Impact: Keyboard-only user cannot choose an item to operate

WCAG: 2.1.1

Score: 12

Violations of testaro rules

Rule focAll

Description: Discrepancy between elements that should be and that are Tab-focusable

Count of instances: 6

Issue: links named identically

Impact: User cannot get help differentiating links

WCAG: 2.4.4

Score: 10

Violations of aslint rules

Rule links_same_content_different_url

Description: Links with the same text content have different destination URLs

Count of instances: 5

Issue: attribute obsolete

Impact: Document includes obsolete code that the browser may fail to process

WCAG: 4.1

Score: 9

Violations of aslint rules

Rule obsolete_html_attributes

Description: Element has an obsolete attribute

Count of instances: 1

Violations of nuVal rules

Rule ^The .+ attribute on the .+ element is obsolete.+$

Description: Attribute is obsolete on its element

Count of instances: 3

Issue: code obsolete

Impact: Document contains code that is no longer standard

WCAG: 4.1

Score: 9

Violations of ibm rules

Rule element_attribute_deprecated

Description: Element or attribute is obsolete

Count of instances: 3

Issue: meta invalid

Impact: Document fails to include needed data

WCAG: 1.3.1

Score: 9

Violations of nuVal rules

Rule A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge.

Description: Element with http-equiv="X-UA-Compatible" has no content="IE=edge"

Count of instances: 1

Rule A charset attribute on a meta element found after the first 1024 bytes.

Description: charset attribute on a meta element appears after 1024 bytes

Count of instances: 1

Rule ^Bad value .+ for attribute .+ on element meta.*$

Description: Attribute of a meta element has an invalid value

Count of instances: 1

Issue: skip method possibly missing or invalid

Impact: Keyboard-only user may be unable easily to reach the specific content of the document

WCAG: 2.4.1

Score: 8

Violations of alfa rules

Rule r87

Description: First focusable element is not a link to the main content

Count of instances: 1

Issue: ID not unique

Impact: User may be pointed to the wrong item

WCAG: 4.1.1

Score: 8

Violations of aslint rules

Rule duplicated_id_attribute

Description: Element id attribute value is not unique

Count of instances: 2

Violations of htmlcs rules

Rule AAA.4_1_1.F77

Description: Duplicate id attribute value

Count of instances: 1

Violations of ibm rules

Rule element_id_unique

Description: Element has an id attribute value that is already in use

Count of instances: 1

Violations of nuVal rules

Rule ^Duplicate ID .+$|^The first occurrence of ID .* was here.*$

Description: Duplicate id

Count of instances: 2

Issue: parent invalid

Impact: User cannot properly operate an item

WCAG: 1.3.1

Score: 8

Violations of nuVal rules

Rule ^Element .+ not allowed as child of element .+ in this context.*$

Description: Element has an invalid parent

Count of instances: 2

Issue: text distortion

Impact: Text is difficult to read

WCAG: 3.1.5

Score: 8

Violations of testaro rules

Rule distortion

Description: Element text is distorted by a transform style property

Count of instances: 8

Issue: operable element not focusable

Impact: Keyboard-only user cannot navigate properly to an operable item

WCAG: 2.1.1

Score: 8

Violations of testaro rules

Rule opFoc

Description: Operable element is not Tab-focusable

Count of instances: 2

Issue: text and image link not combined

Impact: Keyboard-only user expends extra effort to skip a link

WCAG: 2.4.4

Score: 8

Violations of wave rules

Rule link_redundant

Description: Adjacent links go to the same URL

Count of instances: 4

Issue: text contrast improvable

Impact: Text is difficult to read

WCAG: 1.4.6

Score: 7

Violations of alfa rules

Rule r66

Description: Text contrast less than AAA requires

Count of instances: 7

Violations of aslint rules

Rule color_contrast_aaa

Description: Text contrast may be less than enhanced but the element is invisible

Count of instances: 3

Violations of htmlcs rules

Rule AAA.1_4_6.G17.Fail

Description: Text has insufficient contrast

Count of instances: 2

Issue: image dubiously marked decorative

Impact: Helper ignores an image that is apparently informative

WCAG: 1.1.1

Score: 5

Violations of htmlcs rules

Rule AAA.1_1_1.H67.2

Description: Image marked as decorative may be informative

Count of instances: 5

Issue: button not named

Impact: User cannot get help explaing a button

WCAG: 4.1.2

Score: 4

Violations of aslint rules

Rule empty_button_description

Description: Button has no visible accessible name

Count of instances: 1

Issue: text contrast poor

Impact: Text is difficult to read

WCAG: 1.4.3

Score: 4

Violations of axe rules

Rule color-contrast

Description: Element has insufficient color contrast

Count of instances: 1

Issue: link indication poor

Impact: User cannot differentiate a link from plain text

WCAG: 1.3.3

Score: 4

Violations of axe rules

Rule link-in-text-block

Description: Element is not distinct from surrounding text without reliance on color

Count of instances: 1

Violations of testaro rules

Rule linkUl

Description: Inline links are not underlined

Count of instances: 2

Issue: type redundant

Impact: Document includes unnecessary code

WCAG: 1.3.1

Score: 4

Violations of nuVal rules

Rule The type attribute is unnecessary for JavaScript resources.

Description: type attribute is unnecessary for a JavaScript resource

Count of instances: 4

Issue: error reference invalid

Impact: User cannot correct a form error

WCAG: 3.3.1

Score: 4

Violations of qualWeb rules

Rule QW-ACT-R41

Description: Error message describes no invalid form field value

Count of instances: 1

Issue: content beyond landmarks

Impact: User cannot get help on how some of the document is organized

WCAG: 1.3.6

Score: 3

Violations of axe rules

Rule region

Description: Some page content is not contained by landmarks

Count of instances: 3

Violations of ibm rules

Rule aria_content_in_landmark

Description: Content is not within a landmark element

Count of instances: 2

Issue: inconsistent heading, link, or button styles

Impact: User cannot easily distinguish items of different types

WCAG: 3.2.4

Score: 3

Violations of testaro rules

Rule styleDiff

Description: Heading, link, and button style inconsistencies

Count of instances: 3

Issue: link href missing

Impact: Helper cannot properly explain a link to a user

WCAG: 1.3.1

Score: 2

Violations of aslint rules

Rule missing_href_on_a

Description: Link has no href attribute

Count of instances: 1

Issue: nav links not list

Impact: User cannot get help recognizing a list of navigation links

WCAG: 1.3.1

Score: 2

Violations of htmlcs rules

Rule AAA.1_3_1.H48

Description: Navigation links are not coded as a list

Count of instances: 1

Violations of qualWeb rules

Rule QW-WCAG-T32

Description: ol, ul or dl is not used for a list or group of links

Count of instances: 1

Issue: link incomplete

Impact: User may fail to reach a promised location

WCAG: 1.3.1

Score: 2

Violations of htmlcs rules

Rule AAA.4_1_2.H91.A.Placeholder

Description: Link has text but no href, id, or name attribute

Count of instances: 1

Issue: autocomplete missing

Impact: User cannot get help entering personal information in a form

WCAG: 1.3.5

Score: 2

Violations of testaro rules

Rule autocomplete

Description: Name or email input is missing its required autocomplete attribute

Count of instances: 1

Issue: hovering changes content

Impact: User cannot explore the document reliably with a mouse

WCAG: 3.2.5

Score: 1

Violations of testaro rules

Rule hover

Description: Hovering changes the page content

Count of instances: 1

Issue: all-capital text

Impact: Text is difficult to read

WCAG: 3.1.5

Score: 0

Violations of aslint rules

Rule capital_letters_words

Description: Element or its title has entirely upper-case words

Count of instances: 8

Violations of testaro rules

Rule allCaps

Description: Element has a text substring of at least 8 upper-case characters

Count of instances: 5