Accessibility digest

Introduction

How accessible is the Global Greengrants Fund web page at https://www.greengrants.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 2639, the sum of 400 for the count of issues, 1408 for specific issues, 177 for tool-by-tool ratings, 600 for the page preventing tools from running, 54 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: page title missing

Impact: User is not informed of the topic of the document

WCAG: 2.4.2

Score: 124

Violations of htmlcs rules

Rule AAA.2_4_2.H25.1.NoTitleEl

Description: Document head element contains no title element

Count of instances: 1

Violations of ibm rules

Rule page_title_exists

Description: Page has no title

Count of instances: 1

Violations of nuVal rules

Rule Element head is missing a required instance of child element title.

Description: head element has no child title element

Count of instances: 1

Issue: page language missing

Impact: Speaking helper may mispronounce the document text

WCAG: 3.1.1

Score: 124

Violations of htmlcs rules

Rule AAA.3_1_1.H57.2

Description: html element has no lang or xml:lang attribute

Count of instances: 1

Violations of ibm rules

Rule html_lang_exists

Description: Page detected as HTML, but has no lang attribute

Count of instances: 1

Violations of nuVal rules

Rule Consider adding a lang attribute to the html start tag to declare the language of this document.

Description: html start tag has no lang attribute to declare the language of the page

Count of instances: 1

Issue: DOCTYPE missing

Impact: Browser processes the document improperly

WCAG: 1.3.1

Score: 124

Violations of nuVal rules

Rule Start tag seen without seeing a doctype first. Expected .

Description: Page does not start with

Count of instances: 1

Issue: text contrast poor

Impact: Text is difficult to read

WCAG: 1.4.3

Score: 100

Violations of alfa rules

Rule r69

Description: Text outside widget has subminimum contrast

Count of instances: 25

Violations of qualWeb rules

Rule QW-ACT-R37

Description: Text has less than the minimum contrast

Count of instances: 18

Violations of wave rules

Rule contrast

Description: Very low contrast

Count of instances: 14

Issue: focus indication poor

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

WCAG: 2.4.7

Score: 96

Violations of alfa rules

Rule r65

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

Count of instances: 7

Violations of testaro rules

Rule focInd

Description: Focused element displays a nonstandard or no focus indicator

Count of instances: 24

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 wave rules

Rule h1_missing

Description: Missing first level heading

Count of instances: 1

Issue: line height low

Impact: Text is difficult to read

WCAG: 1.4.8

Score: 82

Violations of alfa rules

Rule r73

Description: Text line height is not at least 1.5

Count of instances: 1

Violations of testaro rules

Rule lineHeight

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

Count of instances: 41

Issue: target small

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

WCAG: 2.5.5

Score: 72

Violations of testaro rules

Rule targetSize

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

Count of instances: 24

Issue: element not focusable

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

WCAG: 2.1.1

Score: 66

Violations of testaro rules

Rule focAll

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

Count of instances: 33

Issue: color missing

Impact: Content is impossible to perceive under some conditions

WCAG: 1.4.3

Score: 56

Violations of qualWeb rules

Rule QW-WCAG-T31

Description: Foreground or background color is specified but not both

Count of instances: 14

Issue: link indication poor

Impact: User cannot differentiate a link from plain text

WCAG: 1.3.3

Score: 52

Violations of alfa rules

Rule r62

Description: Inline link is not distinct from the surrounding text except by color

Count of instances: 1

Violations of testaro rules

Rule linkUl

Description: Inline links are not underlined

Count of instances: 26

Issue: content beyond landmarks

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

WCAG: 1.3.6

Score: 41

Violations of alfa rules

Rule r57

Description: Perceivable text content is not included in any landmark

Count of instances: 41

Issue: text contrast improvable

Impact: Text is difficult to read

WCAG: 1.4.6

Score: 36

Violations of alfa rules

Rule r66

Description: Text contrast less than AAA requires

Count of instances: 36

Violations of qualWeb rules

Rule QW-ACT-R76

Description: Text has less than the enhanced minimum contrast

Count of instances: 18

Issue: nav links not list

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

WCAG: 1.3.1

Score: 32

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

Issue: title attribute invalid

Impact: User cannot hover to get help explaining an item

WCAG: 1.3.1

Score: 28

Violations of testaro rules

Rule titledEl

Description: title attribute belongs to an inappropriate element

Count of instances: 7

Issue: ID not unique

Impact: User may be pointed to the wrong item

WCAG: 4.1.1

Score: 24

Violations of alfa rules

Rule r3

Description: Element id attribute value is not unique

Count of instances: 6

Violations of qualWeb rules

Rule QW-ACT-R18

Description: id attribute value is not unique

Count of instances: 6

Issue: skip method missing or invalid

Impact: Keyboard-only user cannot easily reach the specific content of the document

WCAG: 2.4.1

Score: 24

Violations of ibm rules

Rule skip_main_exists

Description: Page provides no way to quickly navigate to the main content

Count of instances: 1

Issue: error reference invalid

Impact: User cannot correct a form error

WCAG: 3.3.1

Score: 24

Violations of qualWeb rules

Rule QW-ACT-R41

Description: Error message describes no invalid form field value

Count of instances: 6

Issue: control not named

Impact: User cannot get help on how to operate a form item

WCAG: 4.1.2

Score: 24

Violations of wave rules

Rule label_missing

Description: form element has no label

Count of instances: 6

Issue: operable element not focusable

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

WCAG: 2.1.1

Score: 20

Violations of testaro rules

Rule opFoc

Description: Operable element is not Tab-focusable

Count of instances: 5

Issue: inconsistent heading, link, or button styles

Impact: User cannot easily distinguish items of different types

WCAG: 3.2.4

Score: 9

Violations of testaro rules

Rule styleDiff

Description: Heading, link, and button style inconsistencies

Count of instances: 9

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: title attribute redundant

Impact: Helper repeats the explanation of an item

WCAG: 1.3.1

Score: 7

Violations of testaro rules

Rule linkTitle

Description: Link title value is also contained in the link text

Count of instances: 7

Violations of wave rules

Rule title_redundant

Description: Title attribute text is the same as the text or alternative text

Count of instances: 6

Issue: autocomplete missing

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

WCAG: 1.3.5

Score: 6

Violations of testaro rules

Rule autocomplete

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

Count of instances: 3

Issue: image dubiously named

Impact: Helper may describe an image inadequately

WCAG: 1.1.1

Score: 5

Violations of qualWeb rules

Rule QW-WCAG-T8

Description: Text alternative is not an alternative

Count of instances: 5

Issue: link not named

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

WCAG: 2.4.4

Score: 4

Violations of alfa rules

Rule r11

Description: Link has no accessible name

Count of instances: 1

Violations of qualWeb rules

Rule QW-ACT-R12

Description: Link has no accessible name

Count of instances: 1

Violations of wave rules

Rule link_empty

Description: Link contains not named

Count of instances: 1

Issue: iframe not named

Impact: User cannot get help on the topic of an embedded document

WCAG: 4.1.2

Score: 4

Violations of alfa rules

Rule r13

Description: iframe has no accessible name

Count of instances: 1

Violations of qualWeb rules

Rule QW-ACT-R19

Description: iframe element has no accessible name

Count of instances: 1

Issue: heading level skipped

Impact: Helper misdescribes the document

WCAG: 1.3.1

Score: 4

Violations of alfa rules

Rule r53

Description: Heading skips one or more levels

Count of instances: 2

Violations of wave rules

Rule heading_skipped

Description: Skipped heading level

Count of instances: 2

Issue: links named identically

Impact: User cannot get help differentiating links

WCAG: 2.4.4

Score: 4

Violations of qualWeb rules

Rule QW-ACT-R9

Description: Links with identical accessible names have different purposes

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: text and image link not combined

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

WCAG: 2.4.4

Score: 4

Violations of qualWeb rules

Rule QW-WCAG-T10

Description: Adjacent image and text links for the same resource are not combined

Count of instances: 1

Violations of wave rules

Rule link_redundant

Description: Adjacent links go to the same URL

Count of instances: 2

Issue: role redundant

Impact: Document includes unnecessary code

WCAG: 4.1.2

Score: 4

Violations of testaro rules

Rule role

Description: Invalid, native-replacing, or redundant role

Count of instances: 4

Issue: button not named

Impact: User cannot get help explaing a button

WCAG: 4.1.2

Score: 4

Violations of wave rules

Rule button_empty

Description: Button is empty or has no value text

Count of instances: 1

Issue: noscript element possibly not equivalent

Impact: User who has disabled JavaScript may be denied some content

WCAG: 4.1

Score: 3

Violations of wave rules

Rule noscript

Description: noscript element may fail to contain an accessible equivalent or alternative

Count of instances: 3

Issue: font size absolute

Impact: User cannot adjust the text size for readability

WCAG: 1.4.4

Score: 2

Violations of alfa rules

Rule r74

Description: Paragraph text has an absolute font size

Count of instances: 1

Issue: image alt long

Impact: Helper gives a user an overly verbose explanation of an image

WCAG: 1.1.1

Score: 2

Violations of wave rules

Rule alt_long

Description: Long text alternative

Count of instances: 1

Issue: tab-opening link action possibly unstated

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

WCAG: 3.2.5

Score: 1

Violations of testaro rules

Rule linkExt

Description: Link opens a new window or tab

Count of instances: 1

Issue: z-index not zero

Impact: User cannot predict the effect of clicking

WCAG: 1.4

Score: 1

Violations of testaro rules

Rule zIndex

Description: Element has a nondefault z-index value

Count of instances: 1

Issue: audio or video alternatives possibly missing

Impact: User may be unable to get help reading video content as text

WCAG: 1.2.2

Score: 1

Violations of wave rules

Rule youtube_video

Description: YouTube video may have no or incorrect captions

Count of instances: 1

Issue: all-capital text

Impact: Text is difficult to read

WCAG: 3.1.5

Score: 0

Violations of testaro rules

Rule allCaps

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

Count of instances: 15