Accessibility digest

Introduction

How accessible is the Mozilla Foundation web page at https://www.mozilla.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 3014, the sum of 440 for the count of issues, 1973 for specific issues, 491 for tool-by-tool ratings, 0 for the page preventing tools from running, 110 for browser warnings, and 0 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: text contrast improvable

Impact: Text is difficult to read

WCAG: 1.4.6

Score: 413

Violations of alfa rules

Rule r66

Description: Text contrast less than AAA requires

Count of instances: 88

Violations of aslint rules

Rule color_contrast_aaa

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

Count of instances: 387

Rule color_contrast_aaa7

Description: Text has contrast less than 7:1

Count of instances: 26

Violations of axe rules

Rule color-contrast-enhanced

Description: Element has insufficient color contrast (Level AAA)

Count of instances: 8

Violations of htmlcs rules

Rule AAA.1_4_6.G17.Fail

Description: Text has insufficient contrast

Count of instances: 8

Violations of qualWeb rules

Rule QW-ACT-R76

Description: Text has less than the enhanced minimum contrast

Count of instances: 18

Issue: text contrast poor

Impact: Text is difficult to read

WCAG: 1.4.3

Score: 320

Violations of alfa rules

Rule r69

Description: Text outside widget has subminimum contrast

Count of instances: 80

Violations of axe rules

Rule color-contrast

Description: Element has insufficient color contrast

Count of instances: 1

Violations of qualWeb rules

Rule QW-ACT-R37

Description: Text has less than the minimum contrast

Count of instances: 10

Issue: title attribute invalid

Impact: User cannot hover to get help explaining an item

WCAG: 1.3.1

Score: 316

Violations of testaro rules

Rule titledEl

Description: title attribute belongs to an inappropriate element

Count of instances: 79

Issue: target small

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

WCAG: 2.5.5

Score: 123

Violations of testaro rules

Rule targetSize

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

Count of instances: 41

Issue: h1 not 1st heading

Impact: User cannot understand the topic of the document

WCAG: 1.3.1

Score: 93

Violations of alfa rules

Rule r61

Description: First heading is not h1

Count of instances: 1

Issue: h1 missing

Impact: User cannot understand the topic of the document

WCAG: 1.3.1

Score: 93

Violations of aslint rules

Rule h1_must_be

Description: Page contains no h1 element

Count of instances: 1

Violations of axe rules

Rule page-has-heading-one

Description: Document contains no level-one heading

Count of instances: 1

Violations of wave rules

Rule h1_missing

Description: Missing first level heading

Count of instances: 1

Issue: text contrast issues not testable

Impact: Text may be difficult to read

WCAG: 1.4.3

Score: 92

Violations of htmlcs rules

Rule AAA.1_4_6.G17.Abs

Description: Contrast between the absolutely positioned text and its background may be less than 7:1

Count of instances: 1

Rule AAA.1_4_6.G17.BgImage

Description: Contrast between the text and its background image may be less than 7:1

Count of instances: 91

Issue: focus indication poor

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

WCAG: 2.4.7

Score: 92

Violations of testaro rules

Rule focInd

Description: Focused element displays a nonstandard or no focus indicator

Count of instances: 23

Issue: negative text-indent

Impact: Helper may hide content from the user

WCAG: 4.1

Score: 60

Violations of aslint rules

Rule incorrect_technique_for_hiding_content

Description: Element has a text-indent style with a negative value

Count of instances: 20

Issue: link indication poor

Impact: User cannot differentiate a link from plain text

WCAG: 1.3.3

Score: 56

Violations of aslint rules

Rule links_not_visually_evident_without_color_vision

Description: Element is a link, but its style properties do not differentiate it from its parent

Count of instances: 28

Violations of testaro rules

Rule linkUl

Description: Inline links are not underlined

Count of instances: 20

Issue: svg image not named

Impact: User cannot get help understanding an image

WCAG: 1.1.1

Score: 52

Violations of aslint rules

Rule accessible_svg

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

Count of instances: 13

Issue: nav links not list

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

WCAG: 1.3.1

Score: 34

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: 17

Issue: error reference invalid

Impact: User cannot correct a form error

WCAG: 3.3.1

Score: 32

Violations of qualWeb rules

Rule QW-ACT-R41

Description: Error message describes no invalid form field value

Count of instances: 8

Issue: large visible-element count

Impact: User cannot easily find items in the document

WCAG: 2.4

Score: 31

Violations of testaro rules

Rule bulk

Description: Page contains many visible elements

Count of instances: 1

Issue: image dubiously marked decorative

Impact: Helper ignores an image that is apparently informative

WCAG: 1.1.1

Score: 16

Violations of htmlcs rules

Rule AAA.1_1_1.H67.2

Description: Image marked as decorative may be informative

Count of instances: 16

Issue: overflow possibly hidden

Impact: User may be unable to enlarge the text for readability

WCAG: 1.4.4

Score: 15

Violations of qualWeb rules

Rule QW-ACT-R40

Description: Zoomed text node may be clipped by a CSS overflow declaration

Count of instances: 15

Issue: requirement invalid

Impact: User may fail to get help determining whether a form item must be completed

WCAG: 1.3.5

Score: 12

Violations of aslint rules

Rule misused_required_attribute

Description: Requirement status of the element is invalid

Count of instances: 3

Issue: inconsistent heading, link, or button styles

Impact: User cannot easily distinguish items of different types

WCAG: 3.2.4

Score: 11

Violations of testaro rules

Rule styleDiff

Description: Heading, link, and button style inconsistencies

Count of instances: 11

Issue: heading structure illogical

Impact: Helper misdescribes the document

WCAG: 1.3.1

Score: 10

Violations of aslint rules

Rule headings_hierarchy

Description: Heading level is illogical in its context

Count of instances: 5

Violations of htmlcs rules

Rule AAA.1_3_1_AAA.G141

Description: Heading level is incorrect

Count of instances: 3

Issue: element not focusable

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

WCAG: 2.1.1

Score: 10

Violations of testaro rules

Rule focAll

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

Count of instances: 5

Issue: navigations not distinctly named

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

WCAG: 1.3.6

Score: 9

Violations of ibm rules

Rule aria_navigation_label_unique

Description: Multiple elements with the navigation role do not have unique labels

Count of instances: 3

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: no role-required name

Impact: User cannot get help understanding an item

WCAG: 4.1.2

Score: 8

Violations of ibm rules

Rule aria_accessiblename_exists

Description: Element has no accessible name, although its role requires one

Count of instances: 2

Issue: landmarks not distinctly named

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

WCAG: 1.3.6

Score: 6

Violations of axe rules

Rule landmark-unique

Description: Landmark has a role and an accessible name that are identical to another

Count of instances: 1

Violations of ibm rules

Rule aria_landmark_name_unique

Description: Multiple landmarks with the same parent region are not distinguished from one another

Count of instances: 2

Issue: code obsolete

Impact: Document contains code that is no longer standard

WCAG: 4.1

Score: 6

Violations of ibm rules

Rule element_attribute_deprecated

Description: Element or attribute is obsolete

Count of instances: 2

Issue: select not named

Impact: User cannot get help on the topic of a list of options

WCAG: 4.1.2

Score: 6

Violations of wave rules

Rule select_missing_label

Description: Select element has no label

Count of instances: 2

Issue: z-index not zero

Impact: User cannot predict the effect of clicking

WCAG: 1.4

Score: 5

Violations of testaro rules

Rule zIndex

Description: Element has a nondefault z-index value

Count of instances: 5

Issue: legend missing

Impact: User cannot get help on the topic of a group of form items

WCAG: 4.1.2

Score: 4

Violations of aslint rules

Rule fieldset_no_legend

Description: First child element of the element is not a legend

Count of instances: 1

Rule legend_first_child_of_fieldset

Description: First child element of the element is not a legend

Count of instances: 1

Violations of htmlcs rules

Rule AAA.1_3_1.H71.NoLegend

Description: Element has no legend element

Count of instances: 1

Violations of ibm rules

Rule fieldset_legend_valid

Description: Element has no legend element

Count of instances: 1

Violations of qualWeb rules

Rule QW-WCAG-T3

Description: Description for a group of form controls using fieldset and legend elements is not provided

Count of instances: 2

Issue: control label invisible

Impact: User cannot understand how to operate a form item

WCAG: 2.4.6

Score: 4

Violations of aslint rules

Rule label_visually_hidden_only

Description: Form control has a label but it is not visible

Count of instances: 1

Issue: links named identically

Impact: User cannot get help differentiating links

WCAG: 2.4.4

Score: 4

Violations of aslint rules

Rule links_same_content_different_url

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

Count of instances: 2

Violations of testaro rules

Rule linkAmb

Description: Links with the same text content have different destinations

Count of instances: 2

Issue: aria attribute invalid

Impact: Item behavior violates user expectations

WCAG: 4.1.2

Score: 4

Violations of axe rules

Rule aria-allowed-attr

Description: ARIA attribute is invalid for the role of its element

Count of instances: 1

Issue: attribute invalid

Impact: Item behaves improperly

WCAG: 1.3.1

Score: 4

Violations of ibm rules

Rule aria_attribute_valid

Description: ARIA attribute is invalid for the role of its element

Count of instances: 1

Issue: attribute missing

Impact: Item behaves improperly

WCAG: 4.1.2

Score: 4

Violations of nuVal rules

Rule ^Element .+ is missing one or more of the following attributes: .+$

Description: Element is missing a required attribute

Count of instances: 1

Issue: option groups possibly not marked

Impact: User may be unable to get help recognizing groups of options

WCAG: 1.3.1

Score: 3

Violations of htmlcs rules

Rule AAA.1_3_1.H85.2

Description: Selection list may contain groups of related options that are not grouped with optgroup

Count of instances: 3

Issue: hover indication poor

Impact: User cannot explore the document reliably with a mouse

WCAG: 3.3.2

Score: 3

Violations of testaro rules

Rule hovInd

Description: Hovering is unclearly indicated

Count of instances: 1

Issue: heading level skipped

Impact: Helper misdescribes the document

WCAG: 1.3.1

Score: 2

Violations of alfa rules

Rule r53

Description: Heading skips one or more levels

Count of instances: 1

Violations of axe rules

Rule heading-order

Description: Heading levels do not increase by only one

Count of instances: 1

Violations of wave rules

Rule heading_skipped

Description: Skipped heading level

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: 2

Violations of alfa rules

Rule r57

Description: Perceivable text content is not included in any landmark

Count of instances: 1

Violations of axe rules

Rule region

Description: Some page content is not contained by landmarks

Count of instances: 2

Violations of ibm rules

Rule aria_content_in_landmark

Description: Content is not within a landmark element

Count of instances: 1

Issue: aria attribute redundant

Impact: Document includes unnecessary code

WCAG: 4.1.2

Score: 2

Violations of nuVal rules

Rule ^Attribute aria-.+ is unnecessary for elements that have attribute .+$

Description: ARIA attribute is redundant with the synonymous native attribute

Count of instances: 2

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: line height low

Impact: Text is difficult to read

WCAG: 1.4.8

Score: 2

Violations of testaro rules

Rule lineHeight

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

Count of instances: 1

Issue: position sticky

Impact: User may be unable to see needed content or may be forced to scroll in both dimensions

WCAG: 1.4.10

Score: 1

Violations of aslint rules

Rule position_sticky

Description: Element has a sticky position

Count of instances: 1

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: 1

Violations of htmlcs rules

Rule AAA.1_3_1.H42

Description: Heading coding is not used but the element may be intended as a heading

Count of instances: 1

Issue: complementary not named

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

WCAG: 1.3.6

Score: 1

Violations of ibm rules

Rule aria_complementary_labelled

Description: Element with a complementary role has no label

Count of instances: 1

Issue: image dubiously named

Impact: Helper may describe an image inadequately

WCAG: 1.1.1

Score: 1

Violations of qualWeb rules

Rule QW-WCAG-T8

Description: Text alternative is not an alternative

Count of instances: 1