Accessibility digest

Introduction

How accessible is the International Center for Conciliation web page at https://www.centerforconciliation.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 2416, the sum of 510 for the count of issues, 1548 for specific issues, 305 for tool-by-tool ratings, 0 for the page preventing tools from running, 53 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 poor

Impact: Text is difficult to read

WCAG: 1.4.3

Score: 176

Violations of alfa rules

Rule r69

Description: Text outside widget has subminimum contrast

Count of instances: 44

Violations of axe rules

Rule color-contrast

Description: Element has insufficient color contrast

Count of instances: 23

Violations of qualWeb rules

Rule QW-ACT-R37

Description: Text has less than the minimum contrast

Count of instances: 2

Violations of wave rules

Rule contrast

Description: Very low contrast

Count of instances: 1

Issue: font small

Impact: Text is difficult to read

WCAG: 1.4

Score: 159

Violations of testaro rules

Rule miniText

Description: Text node has a font smaller than 11 pixels

Count of instances: 53

Violations of wave rules

Rule text_small

Description: Text is very small

Count of instances: 3

Issue: font size absolute

Impact: User cannot adjust the text size for readability

WCAG: 1.4.4

Score: 144

Violations of alfa rules

Rule r74

Description: Paragraph text has an absolute font size

Count of instances: 24

Violations of qualWeb rules

Rule QW-WCAG-T28

Description: Percent, em, or name is used for a font size

Count of instances: 72

Issue: focus indication poor

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

WCAG: 2.4.7

Score: 112

Violations of alfa rules

Rule r65

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

Count of instances: 28

Violations of testaro rules

Rule focInd

Description: Focused element displays a nonstandard or no focus indicator

Count of instances: 12

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: color missing

Impact: Content is impossible to perceive under some conditions

WCAG: 1.4.3

Score: 88

Violations of qualWeb rules

Rule QW-WCAG-T31

Description: Foreground or background color is specified but not both

Count of instances: 22

Issue: text contrast improvable

Impact: Text is difficult to read

WCAG: 1.4.6

Score: 76

Violations of alfa rules

Rule r66

Description: Text contrast less than AAA requires

Count of instances: 49

Violations of aslint rules

Rule color_contrast_aaa

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

Count of instances: 69

Rule color_contrast_aaa7

Description: Text has contrast less than 7:1

Count of instances: 7

Violations of axe rules

Rule color-contrast-enhanced

Description: Element has insufficient color contrast (Level AAA)

Count of instances: 16

Violations of htmlcs rules

Rule AAA.1_4_6.G17.Fail

Description: Text has insufficient contrast

Count of instances: 6

Violations of qualWeb rules

Rule QW-ACT-R76

Description: Text has less than the enhanced minimum contrast

Count of instances: 9

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: CSS invalid

Impact: Document cannot be properly displayed

WCAG: 4.1

Score: 63

Violations of nuVal rules

Rule CSS: Parse Error.

Description: Invalid CSS

Count of instances: 9

Rule ^CSS: .+: Property .+ doesn't exist.*$

Description: Invalid property in CSS

Count of instances: 3

Rule ^CSS: .+: Unknown dimension.*$

Description: Unknown CSS dimension

Count of instances: 1

Rule ^CSS: .+: The types are incompatible.*$

Description: Incompatible types of CSS values

Count of instances: 2

Rule ^CSS: .+: Parse Error.*$

Description: Invalid CSS

Count of instances: 1

Rule ^CSS: .+: .+ is not a .+ value.*$

Description: Invalid value in CSS

Count of instances: 1

Rule ^CSS: .+: only 0 can be a unit. You must put a unit after your number.*$

Description: Number in CSS is nonzero but has no unit

Count of instances: 4

Issue: page content moves spontaneously

Impact: Motion-sensitive user may suffer harm

WCAG: 2.2.2

Score: 62

Violations of testaro rules

Rule motion

Description: Change of visible content not requested by user

Count of instances: 1

Issue: link indication poor

Impact: User cannot differentiate a link from plain text

WCAG: 1.3.3

Score: 58

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

Violations of testaro rules

Rule linkUl

Description: Inline links are not underlined

Count of instances: 29

Issue: operable element not focusable

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

WCAG: 2.1.1

Score: 52

Violations of testaro rules

Rule opFoc

Description: Operable element is not Tab-focusable

Count of instances: 13

Issue: line height low

Impact: Text is difficult to read

WCAG: 1.4.8

Score: 48

Violations of alfa rules

Rule r73

Description: Text line height is not at least 1.5

Count of instances: 24

Violations of testaro rules

Rule lineHeight

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

Count of instances: 16

Issue: element not focusable

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

WCAG: 2.1.1

Score: 48

Violations of testaro rules

Rule focAll

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

Count of instances: 24

Issue: overflow possibly hidden

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

WCAG: 1.4.4

Score: 36

Violations of qualWeb rules

Rule QW-ACT-R40

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

Count of instances: 36

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: attribute value invalid

Impact: Item behaves improperly

WCAG: 1.3.1

Score: 24

Violations of nuVal rules

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

Description: Attribute on this element has an invalid value

Count of instances: 6

Issue: heading heads nothing

Impact: Helper misdescribes the document

WCAG: 1.3.1

Score: 18

Violations of alfa rules

Rule r78

Description: No content between two headings of the same level

Count of instances: 9

Issue: code obsolete

Impact: Document contains code that is no longer standard

WCAG: 4.1

Score: 15

Violations of ibm rules

Rule element_attribute_deprecated

Description: Element or attribute is obsolete

Count of instances: 5

Issue: nav links not list

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

WCAG: 1.3.1

Score: 14

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

Issue: link not named

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

WCAG: 2.4.4

Score: 12

Violations of alfa rules

Rule r11

Description: Link has no accessible name

Count of instances: 3

Violations of axe rules

Rule link-name

Description: Link has no discernible text

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

Issue: line height absolute

Impact: User cannot adjust the line height of text for readability

WCAG: 1.4.12

Score: 12

Violations of alfa rules

Rule r80

Description: Paragraph text has an absolute line height

Count of instances: 6

Issue: meta invalid

Impact: Document fails to include needed data

WCAG: 1.3.1

Score: 12

Violations of nuVal rules

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

Description: Attribute of a meta element has an invalid value

Count of instances: 4

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: control child of link or button

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

WCAG: 2.5.5

Score: 9

Violations of nuVal rules

Rule An element with the attribute tabindex must not appear as a descendant of the a element.

Description: descendant of an a element has a tabindex attribute

Count of instances: 3

Issue: underlining dubious

Impact: User may be misled into believing some text is a link

WCAG: 1.3.1

Score: 9

Violations of wave rules

Rule underline

Description: CSS underline on text that is not a link

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: links named identically

Impact: User cannot get help differentiating links

WCAG: 2.4.4

Score: 8

Violations of aslint rules

Rule links_same_content_different_url

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

Count of instances: 4

Issue: link element invalid

Impact: Document fails to get a needed external resource

WCAG: 1.3.1

Score: 8

Violations of htmlcs rules

Rule AAA.2_4_8.H59.1

Description: Element is not in the document head

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: attribute invalid

Impact: Item behaves improperly

WCAG: 1.3.1

Score: 8

Violations of nuVal rules

Rule ^Attribute .+ not allowed on element .+ at this point.*$

Description: Attribute not allowed on this element

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: tab-opening link action possibly unstated

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

WCAG: 3.2.5

Score: 7

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

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

Violations of testaro rules

Rule linkExt

Description: Link opens a new window or tab

Count of instances: 7

Issue: heading empty

Impact: User cannot get help on the topic of a part of the document

WCAG: 2.4.6

Score: 6

Violations of aslint rules

Rule empty_heading

Description: Element is a heading but is empty

Count of instances: 2

Issue: element reloads or redirects

Impact: Document change may surprise a user

WCAG: 2.2.1

Score: 6

Violations of qualWeb rules

Rule QW-ACT-R4

Description: Element refreshes or redirects with delay

Count of instances: 1

Rule QW-ACT-R71

Description: Element has a refresh delay (no exception)

Count of instances: 1

Issue: image dubiously named

Impact: Helper may describe an image inadequately

WCAG: 1.1.1

Score: 4

Violations of qualWeb rules

Rule QW-WCAG-T8

Description: Text alternative is not an alternative

Count of instances: 4

Violations of wave rules

Rule alt_suspicious

Description: Image text alternative is suspicious

Count of instances: 1

Issue: image named with filename

Impact: Helper gives a user the filename of an image instead of describing it

WCAG: 1.1.1

Score: 3

Violations of alfa rules

Rule r39

Description: Image text alternative is the filename instead

Count of instances: 1

Violations of aslint rules

Rule alt_text_include_filename

Description: Image text alternative includes a filename

Count of instances: 1

Issue: image dubiously marked decorative

Impact: Helper ignores an image that is apparently informative

WCAG: 1.1.1

Score: 3

Violations of htmlcs rules

Rule AAA.1_1_1.H67.2

Description: Image marked as decorative may be informative

Count of instances: 3

Issue: text contrast issues not testable

Impact: Text may be difficult to read

WCAG: 1.4.3

Score: 3

Violations of htmlcs rules

Rule AAA.1_4_3_F24.F24.FGColour

Description: Inline foreground color may lack a complementary background color

Count of instances: 2

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

Issue: hovering changes content

Impact: User cannot explore the document reliably with a mouse

WCAG: 3.2.5

Score: 3

Violations of testaro rules

Rule hover

Description: Hovering changes the page content

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

Violations of testaro rules

Rule styleDiff

Description: Heading, link, and button style inconsistencies

Count of instances: 3

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: focusable element inoperable

Impact: Inoperability of an item violates a user expectation

WCAG: 2.1.1

Score: 2

Violations of testaro rules

Rule focOp

Description: Tab-focusable element is inoperable

Count of instances: 1

Issue: link name dubious

Impact: User may misunderstand what a link points to

WCAG: 2.4.4

Score: 1

Violations of aslint rules

Rule link_with_unclear_purpose

Description: Element is a link but has vague or generic content

Count of instances: 1

Violations of wave rules

Rule link_suspicious

Description: Suspicious link text

Count of instances: 1

Issue: list unordered type dubious

Impact: User may be unable to get help on whether a list is ordered

WCAG: 1.3.1

Score: 1

Violations of htmlcs rules

Rule AAA.1_3_1.H48.2

Description: Ordered list may fail to be coded as such

Count of instances: 1

Issue: type redundant

Impact: Document includes unnecessary code

WCAG: 1.3.1

Score: 1

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: 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: link to non-web resource

Impact: Document points to harder-to-use resources

WCAG: 1.3.3

Score: 1

Violations of wave rules

Rule link_pdf

Description: Link to PDF document

Count of instances: 1

Issue: false aria-hidden value risky

Impact: User may be misled by erroneously hidden or revealed document content

WCAG: 2.4.6

Score: 0

Violations of aslint rules

Rule aria_hidden_false

Description: aria-hidden attribute has the value false

Count of instances: 6

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

Issue: all-italic text

Impact: Text is difficult to read

WCAG: 3.1.5

Score: 0

Violations of aslint rules

Rule font_style_italic

Description: Text longer than 80 characters has an italic font style

Count of instances: 1