Accessibility test digest
Synopsis
Page: WebAIM
URL: https://webaim.org/
Score: 161
Tested by: Testaro, procedure tp12
Scored by: Testilo, procedure sp12b
Digested by: Testilo, procedure dp12b
Introduction
The Testaro application used its tp12 testing procedure to test the accessibility (barrier-free design and coding) of the WebAIM web page at https://webaim.org/ on 2022/07/06. The procedure performed 808 tests. Of these, 16 are custom tests defined by Testaro, and the others belong to these six other packages (programs that perform collections of tests):
- Alfa by Siteimprove
- Axe-core by Deque
- HTML CodeSniffer by Squiz Labs
- Equal Access by IBM
- Tenon by Level Access
- WAVE by WebAIM
Testaro produced a report enumerating the test results.
Testilo processed the report and used the sp12b scoring procedure to compute partial and total scores for the page. The total score is 161 (where 0 is the best possible score). The scored report is appended below.
Finally, Testilo used procedure dp12b to produce this digest, briefly explaining how sp12a computed the scores.
Score summary
| total | 161 |
|---|---|
| log | 18 |
| noLeading | 50 |
| contrastAA | 21 |
| contrastAAA | 10 |
| contrastRisk | 7 |
| inconsistentStyles | 6 |
| leadingClipsText | 6 |
| targetSize | 6 |
| focusIndication | 5 |
| linkIndication | 5 |
| h1Missing | 4 |
| headingOfNothing | 4 |
| linkTextsSame | 4 |
| hoverSurprise | 3 |
| zIndexNotZero | 3 |
| allItalics | 3 |
| linkConfusionRisk | 3 |
| headingStructure | 3 |
Issue summary
Special issues
log: Score 18. This is based on the amount of browser error logging and miscellaneous logging during the tests.
Classified issues
noLeading: Score 50. Issues reported by tests in this category:
- Package
alfa, testr73, score 48 (Paragraph of text has insufficient line height)
contrastAA: Score 21. Issues reported by tests in this category:
- Package
alfa, testr69, score 6 (Text outside widget has subminimum contrast) - Package
axe, testcolor-contrast, score 17 (Element has insufficient color contrast)
contrastAAA: Score 10. Issues reported by tests in this category:
- Package
alfa, testr66, score 3 (Text contrast less than AAA requires) - Package
axe, testcolor-contrast-enhanced, score 7 (Element has insufficient color contrast (Level AAA))
contrastRisk: Score 7. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_4_3.G18.BgImage, score 5 (Contrast between the text and its background image may be less than 4.5:1)
inconsistentStyles: Score 6. Issues reported by tests in this category:
- Package
testaro, teststyleDiff, score 4 (Heading, link, and button style inconsistencies)
leadingClipsText: Score 6. Issues reported by tests in this category:
- Package
tenon, test144, score 4 (Line height is insufficent to properly display the computed font size)
targetSize: Score 6. Issues reported by tests in this category:
- Package
tenon, test152, score 4 (Actionable element is smaller than the minimum required size)
focusIndication: Score 5. Issues reported by tests in this category:
- Package
testaro, testfocInd, score 3 (Focused element displaying no or nostandard focus indicator) - Package
alfa, testr65, score 1 (Element in sequential focus order has no visible focus)
linkIndication: Score 5. Issues reported by tests in this category:
- Package
testaro, testlinkUl, score 3 (Non-underlined adjacent links)
h1Missing: Score 4. Issues reported by tests in this category:
- Package
alfa, testr61, score 2 (First heading is not h1)
headingOfNothing: Score 4. Issues reported by tests in this category:
- Package
alfa, testr78, score 2 (No content between two headings of the same level)
linkTextsSame: Score 4. Issues reported by tests in this category:
- Package
tenon, test98, score 2 (Links have the same text but different destinations)
hoverSurprise: Score 3. Issues reported by tests in this category:
- Package
testaro, testhover, score 1 (Content changes caused by hovering)
zIndexNotZero: Score 3. Issues reported by tests in this category:
- Package
testaro, testzIndex, score 1 (Layering with nondefault z-index values)
allItalics: Score 3. Issues reported by tests in this category:
- Package
alfa, testr85, score 1 (Text of the paragraph is all italic)
linkConfusionRisk: Score 3. Issues reported by tests in this category:
- Package
axe, testidentical-links-same-purpose, score 1 (Links with the same accessible name may serve dissimilar purposes)
headingStructure: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_3_1_A.G141, score 1 (Heading level is incorrect) - Package
tenon, test155, score 1 (Headings are not structured in a hierarchical manner)
Discussion
Although there are widely accepted accessibility standards, there is no unanimity about how to define, test, and quantify accessibility. The failures reported in this digest merit investigation as potential opportunities for improved accessibility. Investigation may lead you to conclude that some of the reported failures do not actually harm accessibility. Conversely, some substantial accessibility faults can escape detection by any of these tests. You may question the attempt to assign an accessibility score to a web page, or you may prefer weightings and formulas different from those used by sp12b. You can modify and extend Testaro and Testilo to fit other theories and priorities.
Here, in brief, is how sp12a computes a score for a page.
- It finds all the defects and warnings (let’s call them
issues
) recorded in the report. - It classifies them according to type. For example, a link that looks like the text around it is one issue category, while a video that has no captions is another issue category.
- It also classifies the issues according to severity. For example, an issue that prevents a transaction is more severe than an issue that only complicates the transaction, and a warning about a possible issue is less severe than a definite finding of an issue. (Some packages rate the severity of each issue; for the other packages,
sp12aassigns a severity weight to the issue type and uses that weight.) - It assigns quality ratings to particular tests that are judged abnormally reliable or unreliable.
- It assigns a score to each issue reported by each test of each package.
- It aggregates the issue scores, weighting them by severity, test quality, and redundancy. Redundancy occurs, and causes downweighting, when two or more packages contain tests that are designed to discover the same or mostly the same issues. So the score for a category is not simply the sum of the scores of the tests in that category.
- It assigns a score for issues in the page logged by the browser.
- It assigns an estimated score each time the page prevents one of the packages or one of the Testaro tests from being run on the page.
- It adds the scores together to obtain a total score.
The precise rules of sp12b are found in the code itself.
Report
{
"id": "3zjtz-webaim",
"host": {
"id": "webaim",
"which": "https://webaim.org/",
"what": "WebAIM"
},
"log": [
{
"event": "startTime",
"value": "2022-07-06T02:33:05"
},
{
"event": "endTime",
"value": "2022-07-06T02:34:32"
}
],
"script": {
"id": "tp12",
"what": "Alfa, Axe, HTML CodeSniffer, IBM, Tenon, WAVE, and 16 custom tests",
"strict": true,
"commands": [
{
"type": "launch",
"which": "webkit",
"what": "Webkit browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "WebAIM"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request"
},
{
"type": "test",
"which": "motion",
"what": "spontaneous change of content; requires webkit",
"delay": 2500,
"interval": 2500,
"count": 5
},
{
"type": "launch",
"which": "chromium",
"what": "Chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "WebAIM"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements"
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements incorrectly embedded in each other"
},
{
"type": "test",
"which": "focAll",
"what": "Tab-focusability"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability of elements"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover impacts"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "unlabeled and mislabeled form controls"
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "underlining of inline links"
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation within true-focus menus"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "grouping of radio buttons in fieldsets"
},
{
"type": "test",
"which": "role",
"what": "validity and necessity of role assignments"
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style consistency of headings, buttons, and links"
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation within tab lists"
},
{
"type": "test",
"which": "zIndex",
"withItems": true,
"what": "elements with non-auto z indexes"
},
{
"type": "test",
"which": "alfa",
"what": "Siteimprove alfa"
},
{
"type": "test",
"which": "axe",
"detailLevel": 2,
"rules": [],
"what": "Axe core, all rules"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker, with page content and again with URL"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE, report-type 4"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon API version 2 result retrieval"
}
]
},
"acts": [
{
"type": "launch",
"which": "webkit",
"what": "Webkit browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "WebAIM",
"result": "https://webaim.org/"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request",
"url": "https://webaim.org/"
},
{
"type": "test",
"which": "motion",
"what": "motion",
"delay": 2500,
"interval": 2500,
"count": 5,
"url": "https://webaim.org/",
"result": {
"bytes": [
423145,
423145,
423145,
423145,
423145
],
"localRatios": [
1,
1,
1,
1
],
"meanLocalRatio": 1,
"maxLocalRatio": 1,
"globalRatio": 1,
"pixelChanges": [
0,
0,
0,
0
],
"meanPixelChange": 0,
"maxPixelChange": 0,
"changeFrequency": 0
}
},
{
"type": "launch",
"which": "chromium",
"what": "Chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "WebAIM",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements",
"url": "https://webaim.org/",
"result": {
"visibleElements": 157
}
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements embedded in links or buttons",
"url": "https://webaim.org/",
"result": {
"totals": {
"links": 0,
"buttons": 0,
"inputs": 0,
"selects": 0
},
"items": []
}
},
{
"type": "test",
"which": "focAll",
"what": "focusable and Tab-focused elements",
"url": "https://webaim.org/",
"result": {
"tabFocusables": 49,
"tabFocused": 49,
"discrepancy": 0
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators",
"url": "https://webaim.org/",
"result": {
"totals": {
"total": 48,
"types": {
"indicatorMissing": {
"total": 1,
"tagNames": {
"A": 1
}
},
"nonOutlinePresent": {
"total": 0,
"tagNames": {}
},
"outlinePresent": {
"total": 47,
"meanDelay": 10,
"tagNames": {
"A": 43,
"INPUT": 4
}
}
}
},
"items": {
"indicatorMissing": [
{
"tagName": "A",
"text": "skip to main content"
}
],
"nonOutlinePresent": [],
"outlinePresent": [
{
"tagName": "A",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "Services",
"delay": 0
},
{
"tagName": "A",
"text": "Articles",
"delay": 0
},
{
"tagName": "A",
"text": "Resources",
"delay": 0
},
{
"tagName": "A",
"text": "Projects",
"delay": 0
},
{
"tagName": "A",
"text": "Community",
"delay": 0
},
{
"tagName": "INPUT",
"text": "",
"delay": 0
},
{
"tagName": "INPUT",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "Introduction to Web Accessibility",
"delay": 100
},
{
"tagName": "A",
"text": "WebAIM Training",
"delay": 101
},
{
"tagName": "A",
"text": "Accessibility Training",
"delay": 0
},
{
"tagName": "A",
"text": "Technical Assistance",
"delay": 0
},
{
"tagName": "A",
"text": "Accessible Site Certification",
"delay": 0
},
{
"tagName": "A",
"text": "Evaluation and Reporting",
"delay": 0
},
{
"tagName": "A",
"text": "WebAIM Blog",
"delay": 0
},
{
"tagName": "A",
"text": "Newsletter",
"delay": 0
},
{
"tagName": "A",
"text": "E-mail Discussion List",
"delay": 0
},
{
"tagName": "A",
"text": "Twitter",
"delay": 0
},
{
"tagName": "A",
"text": "Read the WebAIM Million report",
"delay": 0
},
{
"tagName": "A",
"text": "Web Accessibility Evaluation Guide",
"delay": 0
},
{
"tagName": "A",
"text": "Read the survey results",
"delay": 0
},
{
"tagName": "A",
"text": "Archive of featured items…",
"delay": 0
},
{
"tagName": "A",
"text": "Document Accessibility Online Course",
"delay": 0
},
{
"tagName": "A",
"text": "July cohort",
"delay": 0
},
{
"tagName": "A",
"text": "Web Accessibility Virtual Training",
"delay": 0
},
{
"tagName": "A",
"text": "Zoom Accessibility Workshop",
"delay": 0
},
{
"tagName": "A",
"text": "AHEAD Equity and Excellence Conference",
"delay": 0
},
{
"tagName": "A",
"text": "Web Accessibility in Mind Conference",
"delay": 0
},
{
"tagName": "A",
"text": "Accessing Higher Ground",
"delay": 0
},
{
"tagName": "A",
"text": "435.797.7024",
"delay": 0
},
{
"tagName": "INPUT",
"text": "",
"delay": 0
},
{
"tagName": "INPUT",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "Flexbox and the Screen Reader Experience",
"delay": 0
},
{
"tagName": "A",
"text": "Tips for Accessible Screen Sharing",
"delay": 0
},
{
"tagName": "A",
"text": "The WebAIM Million - 2022 Update",
"delay": 0
},
{
"tagName": "A",
"text": "Introducing the Accessibility IMpact (AIM) Score and Other WAVE Updates",
"delay": 0
},
{
"tagName": "A",
"text": "WebAIM Training",
"delay": 0
},
{
"tagName": "A",
"text": "WCAG 2 Checklist",
"delay": 0
},
{
"tagName": "A",
"text": "WebAIM Monthly Newsletter",
"delay": 0
},
{
"tagName": "A",
"text": "Color Contrast Checker",
"delay": 0
},
{
"tagName": "A",
"text": "Web Accessibility for Designers",
"delay": 0
},
{
"tagName": "A",
"text": "WAVE Web Accessibility Evaluation Tool",
"delay": 0
},
{
"tagName": "A",
"text": "Contact",
"delay": 0
},
{
"tagName": "A",
"text": "About",
"delay": 0
},
{
"tagName": "A",
"text": "RSS Feeds",
"delay": 0
},
{
"tagName": "A",
"text": "Twitter",
"delay": 0
},
{
"tagName": "A",
"text": "Copyright & Terms of Use",
"delay": 0
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability",
"url": "https://webaim.org/",
"result": {
"totals": {
"total": 49,
"types": {
"onlyFocusable": {
"total": 0,
"tagNames": {}
},
"onlyOperable": {
"total": 0,
"tagNames": {}
},
"focusableAndOperable": {
"total": 49,
"tagNames": {
"A": 45,
"INPUT": 4
}
}
}
},
"items": {
"onlyFocusable": [],
"onlyOperable": [],
"focusableAndOperable": [
{
"tagName": "A",
"id": "",
"text": "skip to main content",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a href=\"/\" style=\"cursor: default;\"><img src=\"/media/logo.png\" width=\"315\" heig",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Services",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Articles",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Resources",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Projects",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Community",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "q",
"text": "<input type=\"text\" name=\"q\" id=\"q\">",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"image\" src=\"/media/template/search.svg\" alt=\"Submit Search\" style=\"",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Introduction to Web Accessibility",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "WebAIM Training",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Accessibility Training",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Technical Assistance",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Accessible Site Certification",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Evaluation and Reporting",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "WebAIM Blog",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Newsletter",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "E-mail Discussion List",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Twitter",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Read the WebAIM Million report",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Web Accessibility Evaluation Guide",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Read the survey results",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Archive of featured items…",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Document Accessibility Online Course",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "July cohort",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Web Accessibility Virtual Training",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Zoom Accessibility Workshop",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "John Slatin AccessU",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "ICT Accessibility Testing Symposium",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "University of Guelph Accessibility Conference",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Web Accessibility in Mind Conference",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "435.797.7024",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "waveurl",
"text": "<input type=\"url\" id=\"waveurl\" name=\"url\" title=\"Web site address\">",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"submit\" value=\"WAVE\" style=\"cursor: default;\">",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Flexbox and the Screen Reader Experience",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Tips for Accessible Screen Sharing",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "The WebAIM Million - 2022 Update",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Introducing the Accessibility IMpact (AIM) Score and Other WAVE Updates",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "WebAIM Training",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "WCAG 2 Checklist",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "WebAIM Monthly Newsletter",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Color Contrast Checker",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Web Accessibility for Designers",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "WAVE Web Accessibility Evaluation Tool",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "footercontact",
"text": "Contact",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "footerabout",
"text": "About",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "footerrss",
"text": "RSS Feeds",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "footertwit",
"text": "Twitter",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "footercopyright",
"text": "Copyright & Terms of Use",
"byTag": true,
"byOnClick": false,
"byPointer": true
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover-caused content changes",
"url": "https://webaim.org/",
"result": {
"totals": {
"triggers": 74,
"headTriggers": 20,
"tailTriggers": 54,
"impactTriggers": 1,
"additions": 0,
"removals": 0,
"opacityChanges": 1,
"opacityImpact": 0,
"unhoverables": 1
},
"items": {
"head": {
"impactTriggers": [
{
"tagName": "A",
"text": "<imgsrc=\"/media/logo.png\"width=\"315\"height=\"83\"alt",
"additions": 0,
"removals": 0,
"opacityChanges": 1,
"opacityImpact": 0
}
],
"unhoverables": [
{
"tagName": "A",
"id": "",
"text": "skiptomaincontent"
}
]
},
"tail": {
"impactTriggers": [],
"unhoverables": []
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "labeling inconsistencies",
"url": "https://webaim.org/",
"result": {
"totals": {
"mislabeled": 0,
"unlabeled": 0,
"wellLabeled": 4
},
"items": {
"mislabeled": [],
"unlabeled": [],
"wellLabeled": [
{
"index": 0,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Search:"
]
}
},
{
"index": 1,
"tagName": "INPUT",
"type": "image",
"texts": {
"content": "Submit Search"
}
},
{
"index": 2,
"tagName": "INPUT",
"type": "url",
"labelType": "label",
"texts": {
"label": [
"Web site address:"
]
}
},
{
"index": 3,
"tagName": "INPUT",
"type": "submit",
"texts": {
"content": "WAVE"
}
}
]
}
}
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "adjacent-link underlining",
"url": "https://webaim.org/",
"result": {
"totals": {
"links": 45,
"adjacent": {
"total": 21,
"underlined": 18,
"underlinedPercent": 85
}
},
"items": {
"underlined": [
"skip to main content",
"",
"Accessibility Training",
"Technical Assistance",
"Accessible Site Certification",
"Evaluation and Reporting",
"Read the WebAIM Million report",
"Web Accessibility Evaluation Guide",
"Read the survey results",
"Archive of featured items…",
"Document Accessibility Online Course",
"July cohort",
"Web Accessibility Virtual Training",
"Zoom Accessibility Workshop",
"John Slatin AccessU",
"ICT Accessibility Testing Symposium",
"University of Guelph Accessibility Conference",
"Web Accessibility in Mind Conference"
],
"notUnderlined": [
"Introduction to Web Accessibility",
"WebAIM Training",
"435.797.7024"
]
}
}
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation between focusable menu items",
"url": "https://webaim.org/",
"result": {
"totals": {
"navigations": {
"all": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"specific": {
"tab": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"left": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"right": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"up": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"down": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"home": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"end": {
"total": 0,
"correct": 0,
"incorrect": 0
}
}
},
"menuItems": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"menus": {
"total": 0,
"correct": 0,
"incorrect": 0
}
},
"menuItems": {
"incorrect": [],
"correct": []
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "fieldset grouping of radio buttons",
"url": "https://webaim.org/",
"result": {
"totals": {
"total": 0,
"inSet": 0,
"percent": "N.A."
},
"items": {
"inSet": [],
"notInSet": []
}
}
},
{
"type": "test",
"which": "role",
"what": "roles",
"url": "https://webaim.org/",
"result": {
"roleElements": 1,
"badRoleElements": 0,
"redundantRoleElements": 0,
"tagNames": {}
}
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style inconsistencies",
"url": "https://webaim.org/",
"result": {
"mainStyles": [
"fontStyle",
"fontWeight",
"opacity",
"textDecorationLine",
"textDecorationStyle",
"textDecorationThickness"
],
"buttonStyles": [
"borderStyle",
"borderWidth",
"height",
"lineHeight",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"outlineOffset",
"outlineStyle",
"outlineWidth"
],
"headingStyles": [
"color",
"fontSize"
],
"listLinkStyles": [
"color",
"fontSize",
"lineHeight"
],
"totals": {
"adjacentLink": {
"total": 21,
"subtotals": [
17,
3,
1
]
},
"listLink": {
"total": 24,
"subtotals": [
10,
5,
5,
4
]
},
"h1": {
"total": 1
},
"h2": {
"total": 14,
"subtotals": [
5,
4,
3,
2
]
},
"h3": {
"total": 3
}
},
"items": {
"adjacentLink": {
"fontWeight": {
"400": [
"skip to main content",
"Introduction to Web Accessibility",
"WebAIM Training",
"Accessibility Training",
"Technical Assistance",
"Accessible Site Certification",
"Evaluation and Reporting",
"Read the WebAIM Million report",
"Web Accessibility Evaluation Guide",
"Read the survey results",
"Archive of featured items…",
"Document Accessibility Online Course",
"July cohort",
"Web Accessibility Virtual Training",
"Zoom Accessibility Workshop",
"John Slatin AccessU",
"ICT Accessibility Testing Symposium",
"University of Guelph Accessibility Conference",
"Web Accessibility in Mind Conference",
"435.797.7024"
],
"700": [
""
]
},
"textDecorationLine": {
"underline": [
"skip to main content",
"",
"Accessibility Training",
"Technical Assistance",
"Accessible Site Certification",
"Evaluation and Reporting",
"Read the WebAIM Million report",
"Web Accessibility Evaluation Guide",
"Read the survey results",
"Archive of featured items…",
"Document Accessibility Online Course",
"July cohort",
"Web Accessibility Virtual Training",
"Zoom Accessibility Workshop",
"John Slatin AccessU",
"ICT Accessibility Testing Symposium",
"University of Guelph Accessibility Conference",
"Web Accessibility in Mind Conference"
],
"none": [
"Introduction to Web Accessibility",
"WebAIM Training",
"435.797.7024"
]
}
},
"listLink": {
"textDecorationLine": {
"none": [
"Services",
"Articles",
"Resources",
"Projects",
"Community",
"WebAIM Blog",
"Newsletter",
"E-mail Discussion List",
"Twitter"
],
"underline": [
"Flexbox and the Screen Reader Experience",
"Tips for Accessible Screen Sharing",
"The WebAIM Million - 2022 Update",
"Introducing the Accessibility IMpact (AIM) Score and Other WAVE Updates",
"WebAIM Training",
"WCAG 2 Checklist",
"WebAIM Monthly Newsletter",
"Color Contrast Checker",
"Web Accessibility for Designers",
"WAVE Web Accessibility Evaluation Tool",
"Contact",
"About",
"RSS Feeds",
"Twitter",
"Copyright & Terms of Use"
]
},
"color": {
"rgb(54, 54, 54)": [
"Services",
"Articles",
"Resources",
"Projects",
"Community"
],
"rgb(32, 57, 157)": [
"WebAIM Blog",
"Newsletter",
"E-mail Discussion List",
"Twitter",
"Flexbox and the Screen Reader Experience",
"Tips for Accessible Screen Sharing",
"The WebAIM Million - 2022 Update",
"Introducing the Accessibility IMpact (AIM) Score and Other WAVE Updates",
"WebAIM Training",
"WCAG 2 Checklist",
"WebAIM Monthly Newsletter",
"Color Contrast Checker",
"Web Accessibility for Designers",
"WAVE Web Accessibility Evaluation Tool",
"Contact",
"About",
"RSS Feeds",
"Twitter",
"Copyright & Terms of Use"
]
},
"fontSize": {
"19.2px": [
"Services",
"Articles",
"Resources",
"Projects",
"Community"
],
"18px": [
"WebAIM Blog",
"Newsletter",
"E-mail Discussion List",
"Twitter"
],
"14.4px": [
"Flexbox and the Screen Reader Experience",
"Tips for Accessible Screen Sharing",
"The WebAIM Million - 2022 Update",
"Introducing the Accessibility IMpact (AIM) Score and Other WAVE Updates",
"WebAIM Training",
"WCAG 2 Checklist",
"WebAIM Monthly Newsletter",
"Color Contrast Checker",
"Web Accessibility for Designers",
"WAVE Web Accessibility Evaluation Tool",
"Contact",
"About",
"RSS Feeds",
"Twitter",
"Copyright & Terms of Use"
]
},
"lineHeight": {
"normal": [
"Services",
"Articles",
"Resources",
"Projects",
"Community",
"WebAIM Blog",
"Newsletter",
"E-mail Discussion List",
"Twitter",
"Contact",
"About",
"RSS Feeds",
"Twitter",
"Copyright & Terms of Use"
],
"25.2px": [
"Flexbox and the Screen Reader Experience",
"Tips for Accessible Screen Sharing",
"The WebAIM Million - 2022 Update",
"Introducing the Accessibility IMpact (AIM) Score and Other WAVE Updates",
"WebAIM Training",
"WCAG 2 Checklist",
"WebAIM Monthly Newsletter",
"Color Contrast Checker",
"Web Accessibility for Designers",
"WAVE Web Accessibility Evaluation Tool"
]
}
},
"h2": {
"fontWeight": {
"400": [
"Accessibility Training",
"Technical Assistance",
"Accessible Site Certification",
"Evaluation and Reporting",
"Community",
"Current Features",
"WebAIM Trainings",
"WebAIM Activities",
"©2022 WebAIM",
"Check Your Accessibility",
"From the Blog",
"Popular Resources"
],
"700": [
"",
"Main Navigation"
]
},
"color": {
"rgb(51, 51, 51)": [
"",
"Main Navigation",
"Current Features",
"WebAIM Trainings",
"WebAIM Activities",
"©2022 WebAIM",
"Check Your Accessibility",
"From the Blog",
"Popular Resources"
],
"rgb(68, 68, 68)": [
"Accessibility Training",
"Technical Assistance",
"Accessible Site Certification",
"Evaluation and Reporting",
"Community"
]
},
"fontSize": {
"24px": [
"",
"Main Navigation"
],
"22.5px": [
"Accessibility Training",
"Technical Assistance",
"Accessible Site Certification",
"Evaluation and Reporting",
"Community"
],
"27px": [
"Current Features",
"WebAIM Trainings",
"WebAIM Activities"
],
"21.6px": [
"©2022 WebAIM",
"Check Your Accessibility",
"From the Blog",
"Popular Resources"
]
}
}
}
}
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation between tab elements",
"url": "https://webaim.org/",
"result": {
"totals": {
"navigations": {
"all": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"specific": {
"tab": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"left": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"right": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"up": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"down": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"home": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"end": {
"total": 0,
"correct": 0,
"incorrect": 0
}
}
},
"tabElements": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"tabLists": {
"total": 0,
"correct": 0,
"incorrect": 0
}
},
"tabElements": {
"incorrect": [],
"correct": []
}
}
},
{
"type": "test",
"which": "zIndex",
"withItems": true,
"what": "z indexes",
"url": "https://webaim.org/",
"result": {
"totals": {
"total": 1,
"tagNames": {
"A": 1
}
},
"items": [
{
"tagName": "A",
"id": "",
"text": "skip to main content"
}
]
}
},
{
"type": "test",
"which": "alfa",
"what": "alfa",
"url": "https://webaim.org/",
"result": {
"totals": {
"failures": 20,
"warnings": 17
},
"items": [
{
"index": 380,
"verdict": "failed",
"rule": {
"ruleID": "r61",
"ruleSummary": "Documents start with a level 1 heading",
"scope": "page",
"uri": "https://alfa.siteimprove.com/rules/sia-r61",
"requirements": []
},
"target": {
"type": "document",
"tagName": "",
"path": "/",
"codeLines": [
"#document",
" <!doctype html>",
"...",
" </html>"
]
}
},
{
"index": 401,
"verdict": "cantTell",
"rule": {
"ruleID": "r65",
"ruleSummary": "Element in sequential focus order has visible focus",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r65",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#focus-visible",
"chapter": "2.4.7",
"title": "Focus Visible"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/div[1]/header[1]/div[1]/a[1]",
"codeLines": [
"<a href=\"#maincontent\">",
" skip to main content",
"</a>"
]
}
},
{
"index": 452,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/p[1]/text()[1]",
"codeLines": [
"Expanding the potential of the web for people with disabilities by empowering individuals and organ..."
]
}
},
{
"index": 453,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[1]/p[1]/text()[1]",
"codeLines": [
"WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs."
]
}
},
{
"index": 454,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[2]/p[1]/text()[1]",
"codeLines": [
"Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you ne..."
]
}
},
{
"index": 455,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[3]/p[1]/text()[1]",
"codeLines": [
"As a respected third party accessibility expert, WebAIM can evaluate and document the accessibility..."
]
}
},
{
"index": 456,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[4]/p[1]/text()[1]",
"codeLines": [
"We can provide reports to help you know how accessible your site is and how to make it better."
]
}
},
{
"index": 476,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[1]/h2[1]/text()[1]",
"codeLines": [
"©2022 WebAIM"
]
}
},
{
"index": 481,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/h2[1]/text()[1]",
"codeLines": [
"Check Your Accessibility"
]
}
},
{
"index": 483,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[2]/h2[1]/text()[1]",
"codeLines": [
"From the Blog"
]
}
},
{
"index": 484,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[3]/h2[1]/text()[1]",
"codeLines": [
"Popular Resources"
]
}
},
{
"index": 496,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[1]/p[1]/text()[1]",
"codeLines": [
"WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs."
]
}
},
{
"index": 497,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[2]/p[1]/text()[1]",
"codeLines": [
"Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you ne..."
]
}
},
{
"index": 498,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[3]/p[1]/text()[1]",
"codeLines": [
"As a respected third party accessibility expert, WebAIM can evaluate and document the accessibility..."
]
}
},
{
"index": 499,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[4]/p[1]/text()[1]",
"codeLines": [
"We can provide reports to help you know how accessible your site is and how to make it better."
]
}
},
{
"index": 519,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[1]/h2[1]/text()[1]",
"codeLines": [
"©2022 WebAIM"
]
}
},
{
"index": 524,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/h2[1]/text()[1]",
"codeLines": [
"Check Your Accessibility"
]
}
},
{
"index": 526,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[2]/h2[1]/text()[1]",
"codeLines": [
"From the Blog"
]
}
},
{
"index": 527,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[3]/h2[1]/text()[1]",
"codeLines": [
"Popular Resources"
]
}
},
{
"index": 562,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/div[1]/header[1]/div[2]/form[1]/p[1]",
"codeLines": [
"<p class=\"search\">",
" <span>",
" <label for=\"q\">",
" Search:",
" </label>",
" <input type=\"text\" name=\"q\" id=\"q\">",
" <input type=\"image\" src=\"/media/template/search.svg\" alt=\"Submit Search\">",
" </span>",
"</p>"
]
}
},
{
"index": 563,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/div[1]/header[1]/div[2]/p[1]",
"codeLines": [
"<p class=\"intro\">",
" <a href=\"/intro\">",
" Introduction to Web Accessibility",
" </a>",
"</p>"
]
}
},
{
"index": 564,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/div[1]/header[1]/div[2]/p[2]",
"codeLines": [
"<p class=\"training\">",
" <a href=\"/services/training\">",
" WebAIM Training",
" </a>",
"</p>"
]
}
},
{
"index": 565,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/p[1]",
"codeLines": [
"<p id=\"mission\">",
" Expanding the potential of the web for people with disabilities by empowering individuals and org...",
"</p>"
]
}
},
{
"index": 566,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[1]/p[1]",
"codeLines": [
"<p>",
" WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs.",
"</p>"
]
}
},
{
"index": 567,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[2]/p[1]",
"codeLines": [
"<p>",
" Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you ...",
"</p>"
]
}
},
{
"index": 568,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[3]/p[1]",
"codeLines": [
"<p>",
" As a respected third party accessibility expert, WebAIM can evaluate and document the accessibili...",
"</p>"
]
}
},
{
"index": 569,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[1]/div[4]/p[1]",
"codeLines": [
"<p>",
" We can provide reports to help you know how accessible your site is and how to make it better.",
"</p>"
]
}
},
{
"index": 570,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[3]/p[1]",
"codeLines": [
"<p>",
" An automated WAVE analysis of the home pages for the top one million web sites shows widespread a...",
"</p>"
]
}
},
{
"index": 571,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[3]/p[2]",
"codeLines": [
"<p class=\"more\">",
" <a href=\"/projects/million/\">",
" Read the WebAIM Million report",
" </a>",
"</p>"
]
}
},
{
"index": 572,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[3]/p[3]",
"codeLines": [
"<p>",
" A guide to using free tools—including WAVE—to conduct a comprehensive web accessibility evaluatio...",
"</p>"
]
}
},
{
"index": 573,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[3]/p[4]",
"codeLines": [
"<p class=\"more\">",
" <a href=\"/articles/evaluationguide/\">",
" Web Accessibility Evaluation Guide",
" </a>",
"</p>"
]
}
},
{
"index": 574,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[3]/p[5]",
"codeLines": [
"<p>",
" The results of WebAIM’s 9th Screen Reader User Survey are now available. These data provide insig...",
"</p>"
]
}
},
{
"index": 575,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[3]/p[6]",
"codeLines": [
"<p class=\"more\">",
" <a href=\"/projects/screenreadersurvey9/\">",
" Read the survey results",
" </a>",
"</p>"
]
}
},
{
"index": 576,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/div[3]/p[7]",
"codeLines": [
"<p class=\"archive\">",
" <a href=\"/features/\">",
" Archive of featured items…",
" </a>",
"</p>"
]
}
},
{
"index": 577,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/footer[1]/div[1]/div[1]/p[1]",
"codeLines": [
"<p id=\"contact\">",
" Institute for Disability Research, Policy, and Practice",
" <br>",
" Utah State University",
" <br>",
" 6807 Old Main Hill",
" <br>",
" Logan, UT 84322-6807",
" <br>",
" <a class=\"phone\" href=\"tel:4357977024\">",
" 435.797.7024",
" </a>",
"</p>"
]
}
},
{
"index": 609,
"verdict": "failed",
"rule": {
"ruleID": "r78",
"ruleSummary": "Headings of same level have text content between them",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r78",
"requirements": []
},
"target": {
"type": "element",
"tagName": "h2",
"path": "/html[1]/body[1]/div[1]/header[1]/h2[1]",
"codeLines": [
"<h2>",
" <a href=\"/\">",
" <img src=\"/media/logo.png\" width=\"315\" height=\"83\" alt=\"WebAIM - Web Accessibility In Mind\">",
" </a>",
"</h2>"
]
}
},
{
"index": 637,
"verdict": "failed",
"rule": {
"ruleID": "r85",
"ruleSummary": "Paragraphs of text are not all italics",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r85",
"requirements": []
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/article[1]/p[1]",
"codeLines": [
"<p id=\"mission\">",
" Expanding the potential of the web for people with disabilities by empowering individuals and org...",
"</p>"
]
}
}
]
}
},
{
"type": "test",
"which": "axe",
"detailLevel": 2,
"rules": [],
"what": "Axe",
"url": "https://webaim.org/",
"result": {
"totals": {
"rulesNA": 51,
"rulesPassed": 45,
"rulesWarned": 3,
"rulesViolated": 1,
"warnings": {
"minor": 1,
"moderate": 0,
"serious": 46,
"critical": 0
},
"violations": {
"minor": 0,
"moderate": 0,
"serious": 2,
"critical": 0
}
},
"details": {
"testEngine": {
"name": "axe-core",
"version": "4.4.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/102.0.5005.40 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 90,
"orientationType": "landscape-primary"
},
"timestamp": "2022-07-06T02:34:21.615Z",
"url": "https://webaim.org/",
"toolOptions": {
"resultTypes": [
"violations",
"incomplete"
],
"runOnly": {
"type": "tag",
"values": [
"experimental",
"best-practice",
"wcag2a",
"wcag2aa",
"wcag2aaa",
"wcag21a",
"wcag21aa",
"wcag21aaa"
]
},
"reporter": "v1"
},
"incomplete": [
{
"id": "color-contrast-enhanced",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aaa",
"wcag146"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AAA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast-enhanced?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/\">Services</a>",
"target": [
"a[href$=\"services/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/articles/\">Articles</a>",
"target": [
"a[href$=\"articles/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/resources/\">Resources</a>",
"target": [
"a[href$=\"resources/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/projects/\">Projects</a>",
"target": [
"a[href$=\"projects/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/community/\">Community</a>",
"target": [
"a[href$=\"community/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "16.9pt (22.5px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"training\">\n\t\t<h2><a href=\"/services/training/\">Accessibility Training</a></h2>\n\t\t<p>WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs.</p>\n\t</div>",
"target": [
"#training"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/training/\">Accessibility Training</a>",
"target": [
"a[href$=\"training/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "13.5pt (18px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"training\">\n\t\t<h2><a href=\"/services/training/\">Accessibility Training</a></h2>\n\t\t<p>WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs.</p>\n\t</div>",
"target": [
"#training"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs.</p>",
"target": [
"#training > p"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "16.9pt (22.5px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"consulting\">\n\t\t<h2><a href=\"/services/consulting/\">Technical Assistance</a></h2>\n\t\t<p>Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you need.</p>\n\t</div>",
"target": [
"#consulting"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/consulting/\">Technical Assistance</a>",
"target": [
"a[href$=\"consulting/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "13.5pt (18px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"consulting\">\n\t\t<h2><a href=\"/services/consulting/\">Technical Assistance</a></h2>\n\t\t<p>Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you need.</p>\n\t</div>",
"target": [
"#consulting"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you need.</p>",
"target": [
"#consulting > p"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "16.9pt (22.5px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"certification\">\n\t\t<h2><a href=\"/services/certification/\">Accessible Site Certification</a></h2>\n\t\t<p>As a respected third party accessibility expert, WebAIM can evaluate and document the accessibility of your site.</p>\n\t</div>",
"target": [
"#certification"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/certification/\">Accessible Site Certification</a>",
"target": [
"a[href$=\"certification/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "13.5pt (18px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"certification\">\n\t\t<h2><a href=\"/services/certification/\">Accessible Site Certification</a></h2>\n\t\t<p>As a respected third party accessibility expert, WebAIM can evaluate and document the accessibility of your site.</p>\n\t</div>",
"target": [
"#certification"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>As a respected third party accessibility expert, WebAIM can evaluate and document the accessibility of your site.</p>",
"target": [
"#certification > p"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "16.9pt (22.5px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"monitoring\">\n\t\t<h2><a href=\"/services/monitoring/\">Evaluation and Reporting</a></h2>\n\t\t<p>We can provide reports to help you know how accessible your site is and how to make it better.</p>\n\t</div>",
"target": [
"#monitoring"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/monitoring/\">Evaluation and Reporting</a>",
"target": [
"a[href$=\"monitoring/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "13.5pt (18px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div id=\"monitoring\">\n\t\t<h2><a href=\"/services/monitoring/\">Evaluation and Reporting</a></h2>\n\t\t<p>We can provide reports to help you know how accessible your site is and how to make it better.</p>\n\t</div>",
"target": [
"#monitoring"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>We can provide reports to help you know how accessible your site is and how to make it better.</p>",
"target": [
"#monitoring > p"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "16.2pt (21.6px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<h2 id=\"copyright\">©2022 WebAIM</h2>",
"target": [
"#copyright"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2 id=\"copyright\">©2022 WebAIM</h2>",
"target": [
"#copyright"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<a class=\"phone\" href=\"tel:4357977024\">435.797.7024</a>",
"target": [
".phone"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"phone\" href=\"tel:4357977024\">435.797.7024</a>",
"target": [
".phone"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "16.2pt (21.6px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<h2>Check Your Accessibility</h2>",
"target": [
"#checkpage > h2"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Check Your Accessibility</h2>",
"target": [
"#checkpage > h2"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "16.2pt (21.6px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<h2 id=\"blog\">From the Blog</h2>",
"target": [
"#blog"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2 id=\"blog\">From the Blog</h2>",
"target": [
"#blog"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "16.2pt (21.6px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<h2 id=\"popular\">Popular Resources</h2>",
"target": [
"#popular"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2 id=\"popular\">Popular Resources</h2>",
"target": [
"#popular"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<a id=\"footercontact\" href=\"/contact\">Contact</a>",
"target": [
"#footercontact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footercontact\" href=\"/contact\">Contact</a>",
"target": [
"#footercontact"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<a id=\"footerabout\" href=\"/about\">About</a>",
"target": [
"#footerabout"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footerabout\" href=\"/about\">About</a>",
"target": [
"#footerabout"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<a id=\"footerrss\" href=\"/community/rss\">RSS Feeds</a>",
"target": [
"#footerrss"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footerrss\" href=\"/community/rss\">RSS Feeds</a>",
"target": [
"#footerrss"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<a id=\"footertwit\" href=\"http://twitter.com/webaim\">Twitter</a>",
"target": [
"#footertwit"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footertwit\" href=\"http://twitter.com/webaim\">Twitter</a>",
"target": [
"#footertwit"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<a id=\"footercopyright\" href=\"/copyright\">Copyright & Terms of Use</a>",
"target": [
"#footercopyright"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footercopyright\" href=\"/copyright\">Copyright & Terms of Use</a>",
"target": [
"#footercopyright"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/\">Services</a>",
"target": [
"a[href$=\"services/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/articles/\">Articles</a>",
"target": [
"a[href$=\"articles/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/resources/\">Resources</a>",
"target": [
"a[href$=\"resources/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/projects/\">Projects</a>",
"target": [
"a[href$=\"projects/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#363636",
"contrastRatio": 0,
"fontSize": "14.4pt (19.2px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">",
"target": [
"#headcontainer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/community/\">Community</a>",
"target": [
"a[href$=\"community/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "16.9pt (22.5px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"training\">\n\t\t<h2><a href=\"/services/training/\">Accessibility Training</a></h2>\n\t\t<p>WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs.</p>\n\t</div>",
"target": [
"#training"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/training/\">Accessibility Training</a>",
"target": [
"a[href$=\"training/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "13.5pt (18px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"training\">\n\t\t<h2><a href=\"/services/training/\">Accessibility Training</a></h2>\n\t\t<p>WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs.</p>\n\t</div>",
"target": [
"#training"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>WebAIM can provide web, document, Zoom, and strategic accessibility training to fit your needs.</p>",
"target": [
"#training > p"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "16.9pt (22.5px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"consulting\">\n\t\t<h2><a href=\"/services/consulting/\">Technical Assistance</a></h2>\n\t\t<p>Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you need.</p>\n\t</div>",
"target": [
"#consulting"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/consulting/\">Technical Assistance</a>",
"target": [
"a[href$=\"consulting/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "13.5pt (18px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"consulting\">\n\t\t<h2><a href=\"/services/consulting/\">Technical Assistance</a></h2>\n\t\t<p>Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you need.</p>\n\t</div>",
"target": [
"#consulting"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Need assistance implementing accessibility? WebAIM's expert staff can provide the assistance you need.</p>",
"target": [
"#consulting > p"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "16.9pt (22.5px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"certification\">\n\t\t<h2><a href=\"/services/certification/\">Accessible Site Certification</a></h2>\n\t\t<p>As a respected third party accessibility expert, WebAIM can evaluate and document the accessibility of your site.</p>\n\t</div>",
"target": [
"#certification"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/certification/\">Accessible Site Certification</a>",
"target": [
"a[href$=\"certification/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "13.5pt (18px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"certification\">\n\t\t<h2><a href=\"/services/certification/\">Accessible Site Certification</a></h2>\n\t\t<p>As a respected third party accessibility expert, WebAIM can evaluate and document the accessibility of your site.</p>\n\t</div>",
"target": [
"#certification"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>As a respected third party accessibility expert, WebAIM can evaluate and document the accessibility of your site.</p>",
"target": [
"#certification > p"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "16.9pt (22.5px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"monitoring\">\n\t\t<h2><a href=\"/services/monitoring/\">Evaluation and Reporting</a></h2>\n\t\t<p>We can provide reports to help you know how accessible your site is and how to make it better.</p>\n\t</div>",
"target": [
"#monitoring"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/monitoring/\">Evaluation and Reporting</a>",
"target": [
"a[href$=\"monitoring/\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "13.5pt (18px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<div id=\"monitoring\">\n\t\t<h2><a href=\"/services/monitoring/\">Evaluation and Reporting</a></h2>\n\t\t<p>We can provide reports to help you know how accessible your site is and how to make it better.</p>\n\t</div>",
"target": [
"#monitoring"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>We can provide reports to help you know how accessible your site is and how to make it better.</p>",
"target": [
"#monitoring > p"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "16.2pt (21.6px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<h2 id=\"copyright\">©2022 WebAIM</h2>",
"target": [
"#copyright"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2 id=\"copyright\">©2022 WebAIM</h2>",
"target": [
"#copyright"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<a class=\"phone\" href=\"tel:4357977024\">435.797.7024</a>",
"target": [
".phone"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"phone\" href=\"tel:4357977024\">435.797.7024</a>",
"target": [
".phone"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "16.2pt (21.6px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<h2>Check Your Accessibility</h2>",
"target": [
"#checkpage > h2"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Check Your Accessibility</h2>",
"target": [
"#checkpage > h2"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "16.2pt (21.6px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<h2 id=\"blog\">From the Blog</h2>",
"target": [
"#blog"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2 id=\"blog\">From the Blog</h2>",
"target": [
"#blog"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#333333",
"contrastRatio": 0,
"fontSize": "16.2pt (21.6px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<h2 id=\"popular\">Popular Resources</h2>",
"target": [
"#popular"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2 id=\"popular\">Popular Resources</h2>",
"target": [
"#popular"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<a id=\"footercontact\" href=\"/contact\">Contact</a>",
"target": [
"#footercontact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footercontact\" href=\"/contact\">Contact</a>",
"target": [
"#footercontact"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<a id=\"footerabout\" href=\"/about\">About</a>",
"target": [
"#footerabout"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footerabout\" href=\"/about\">About</a>",
"target": [
"#footerabout"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<a id=\"footerrss\" href=\"/community/rss\">RSS Feeds</a>",
"target": [
"#footerrss"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footerrss\" href=\"/community/rss\">RSS Feeds</a>",
"target": [
"#footerrss"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<a id=\"footertwit\" href=\"http://twitter.com/webaim\">Twitter</a>",
"target": [
"#footertwit"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footertwit\" href=\"http://twitter.com/webaim\">Twitter</a>",
"target": [
"#footertwit"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#20399d",
"contrastRatio": 0,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": "bgImage",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<a id=\"footercopyright\" href=\"/copyright\">Copyright & Terms of Use</a>",
"target": [
"#footercopyright"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a id=\"footercopyright\" href=\"/copyright\">Copyright & Terms of Use</a>",
"target": [
"#footercopyright"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
}
]
},
{
"id": "identical-links-same-purpose",
"impact": "minor",
"tags": [
"cat.semantics",
"wcag2aaa",
"wcag249"
],
"description": "Ensure that links with the same accessible name serve a similar purpose",
"help": "Links with the same name must have a similar purpose",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/identical-links-same-purpose?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "identical-links-same-purpose",
"data": {
"name": "webaim training",
"urlProps": {
"protocol": "http:",
"hostname": "webaim.org",
"port": "",
"pathname": "/services/training/",
"search": {},
"hash": "",
"filename": ""
}
},
"relatedNodes": [
{
"html": "<a href=\"/training/virtual\">WebAIM Training</a>",
"target": [
"a[href$=\"virtual\"]"
]
}
],
"impact": "minor",
"message": "Check that links have the same purpose, or are intentionally ambiguous."
}
],
"none": [],
"impact": "minor",
"html": "<a href=\"/services/training\">WebAIM Training</a>",
"target": [
"a[href$=\"training\"]"
],
"failureSummary": "Fix all of the following:\n Check that links have the same purpose, or are intentionally ambiguous."
}
]
}
],
"violations": [
{
"id": "color-contrast-enhanced",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aaa",
"wcag146"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AAA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast-enhanced?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#ffffff",
"contrastRatio": 5.74,
"fontSize": "14.9pt (19.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<main id=\"maincontainer\" class=\"clearfix\">",
"target": [
"#maincontainer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.74 (foreground color: #666666, background color: #ffffff, font size: 14.9pt (19.8px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p id=\"mission\">Expanding the potential of the web for people with disabilities by empowering individuals and organizations to create accessible content.</p>",
"target": [
"#mission"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.74 (foreground color: #666666, background color: #ffffff, font size: 14.9pt (19.8px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#ffffff",
"contrastRatio": 5.74,
"fontSize": "10.0pt (13.3333px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<input type=\"submit\" value=\"WAVE\">",
"target": [
"input[type=\"submit\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.74 (foreground color: #666666, background color: #ffffff, font size: 10.0pt (13.3333px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<input type=\"submit\" value=\"WAVE\">",
"target": [
"input[type=\"submit\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.74 (foreground color: #666666, background color: #ffffff, font size: 10.0pt (13.3333px), font weight: normal). Expected contrast ratio of 7:1"
}
]
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer WCAG 2.1 AA ruleset",
"url": "https://webaim.org/",
"result": {
"Error": {},
"Warning": {
"AA.1_3_1_A.G141": {
"The heading structure is not logically nested. This h2 element appears to be the primary document heading, so should be an h1 element.": [
{
"tagName": "h2",
"id": "",
"code": "<h2>...</h2>"
}
],
"The heading structure is not logically nested. This h2 element should be an h1 to be properly nested.": [
{
"tagName": "h2",
"id": "",
"code": "<h2>...</h2>"
}
]
},
"AA.1_4_3.G18.BgImage": {
"This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.": [
{
"tagName": "a",
"id": "#footerabout",
"code": "<a id=\"footerabout\" href=\"/about\">...</a>"
},
{
"tagName": "a",
"id": "#footercontact",
"code": "<a id=\"footercontact\" href=\"/contact\">...</a>"
},
{
"tagName": "a",
"id": "#footercopyright",
"code": "<a id=\"footercopyright\" href=\"/copyright\">...</a>"
},
{
"tagName": "a",
"id": "#footerrss",
"code": "<a id=\"footerrss\" href=\"/community/rss\">...</a>"
},
{
"tagName": "a",
"id": "#footertwit",
"code": "<a id=\"footertwit\" href=\"http://twitter.com/webaim\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a class=\"phone\" href=\"tel:4357977024\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/articles/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/community/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/projects/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/resources/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/services/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/services/certification/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/services/consulting/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/services/monitoring/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"/services/training/\">...</a>"
},
{
"tagName": "h2",
"id": "#blog",
"code": "<h2 id=\"blog\">...</h2>"
},
{
"tagName": "h2",
"id": "#copyright",
"code": "<h2 id=\"copyright\">...</h2>"
},
{
"tagName": "h2",
"id": "#popular",
"code": "<h2 id=\"popular\">...</h2>"
},
{
"tagName": "h2",
"id": "",
"code": "<h2>...</h2>"
},
{
"tagName": "p",
"id": "",
"code": "<p>...</p>"
}
]
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker",
"url": "https://webaim.org/",
"result": {
"content": {
"totals": {
"violation": 0,
"recommendation": 0,
"ignored": 0
},
"items": []
},
"url": {
"totals": {
"violation": 0,
"recommendation": 0,
"ignored": 0
},
"items": []
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE",
"url": "https://webaim.org/",
"result": {
"status": {
"success": true,
"httpstatuscode": 200
},
"statistics": {
"pagetitle": "WebAIM: Web Accessibility In Mind",
"pageurl": "https://webaim.org/",
"time": 2.12,
"creditsremaining": 336,
"allitemcount": 37,
"totalelements": 196,
"waveurl": "http://wave.webaim.org/report?url=https://webaim.org/"
},
"categories": {
"error": {
"description": "Errors",
"count": 0,
"items": []
},
"contrast": {
"description": "Contrast Errors",
"count": 0,
"items": []
},
"alert": {
"description": "Alerts",
"count": 0,
"items": []
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://webaim.org/",
"what": "URL",
"result": "https://webaim.org/"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon",
"url": "https://webaim.org/",
"result": {
"status": 200,
"message": "OK",
"code": "success",
"info": "Success",
"moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success",
"responseExecTime": "0.078",
"responseTime": "2022-07-06T02:34:32.576Z",
"data": {
"apiErrors": [],
"documentSize": 980992,
"metadata": null,
"resultSummary": {
"tests": {
"total": 180,
"passing": 176,
"failing": 4
},
"issues": {
"totalErrors": 4,
"totalWarnings": 1,
"totalIssues": 5
},
"issuesByLevel": {
"A": {
"count": 4,
"pct": 80
},
"AA": {
"count": 2,
"pct": 40
},
"AAA": {
"count": 5,
"pct": 100
}
},
"density": {
"errorDensity": 0,
"warningDensity": 0,
"allDensity": 1
}
},
"projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490",
"responseID": "bd34df78-1c1a-451d-85ec-5f135ed8bf4c",
"docID": "804c9589-b365-4e60-f7ba-e9ac5fd9f74a",
"sourceHash": "f513c8c4afce7d08151ba142d6cd07a7",
"urlHttpCode": 200,
"clientScriptErrors": [],
"remainingApiCalls": {
"planCalls": 0,
"boosts": 19
},
"globalStats": {
"errorDensity": "N/A",
"warningDensity": "N/A",
"allDensity": "N/A",
"stdDev": "N/A"
},
"resultUrl": "http://ngnix/history.php?responseID=bd34df78-1c1a-451d-85ec-5f135ed8bf4c",
"resultSet": [
{
"tID": 98,
"bpID": 105,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 100,
"errorTitle": "These links have the same text but different destinations.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 2.4.4 Link Purpose (In Context)",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.9 Link Purpose (Link Only)"
],
"resultTitle": "Don't reuse the same link text for links that have different destinations",
"errorDescription": "This link has the same text as another link that goes to a different place. Using the same text for multiple links which point to different pages is ambiguous and may be confusing for assistive technology users, or for users who have a cognitive disability. Link text should tell the user where they will go if they follow the link. If two links on a page go to two different destinations, use different link text that accurately and concisely describes their destination.",
"viewPortLocation": {
"top-left": {
"x": 14,
"y": 44
},
"bottom-right": {
"x": 128,
"y": 63
},
"height": 19,
"width": 114
},
"position": {
"line": 4197,
"column": 0
},
"errorSnippet": "<a href=\"/training/virtual\">WebAIM Training</a>",
"xpath": "/html/body/footer[1]/div[1]/div[3]/ul[1]/li[1]/a[1]",
"issueID": "9dca570b40da77424c87a8aa5c63f74d",
"signature": "def16f9aacbfd27d18dc0eab12336d69",
"ref": "https://tenon.io/bestpractice.php?bpID=105&tID=98&issueID=9dca570b40da77424c87a8aa5c63f74d"
},
{
"tID": 144,
"bpID": 14,
"priority": 91,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This content's line height is insufficent to properly display the computed element font size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 1.4.8 Visual Presentation"
],
"resultTitle": "Set a `line-height` (leading) that is at least one and a half times the current font size.",
"errorDescription": "This content's line height is insufficent to properly display the computed element font size. Line height that is less than 150% of the computed element font size limits content readability for people with dyslexia, low vision, cognitive impairments or learning disabilities. Set the `line-height` for this content to a value of 1.5 or higher. Using a proportional, unitless value like 1.5 or 150% will ensure that the line-height scales if the user zooms the browser window.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 1024,
"y": 1757.38
},
"height": 1757.38,
"width": 1024
},
"position": {
"line": 2071,
"column": 60
},
"errorSnippet": "<body>\n<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">\n<header> <div id=\"skiptocontent\"><a href=\"#maincontent\">skip to main content</a></div> <h2><a href=",
"xpath": "/html/body",
"issueID": "8147ef565083c72a417960a869d8a817",
"signature": "d9877a2ebc3ac8110949907054e1ffa8",
"ref": "https://tenon.io/bestpractice.php?bpID=14&tID=144&issueID=8147ef565083c72a417960a869d8a817"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 346.515625,
"y": 26.71875
},
"bottom-right": {
"x": 362.515625,
"y": 42.71875
},
"height": 16,
"width": 16
},
"position": {
"line": 3800,
"column": 34
},
"errorSnippet": "<input type=\"image\" src=\"/media/template/search.svg\" alt=\"Submit Search\">",
"xpath": "/html/body/div[1]/header[1]/div[2]/form[1]/p[1]/span[1]/input[2]",
"issueID": "4617d2b8b1a4cef8f107426c149483fb",
"signature": "cd6a11a4460cb27e4d30cb32c2fb244b",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=4617d2b8b1a4cef8f107426c149483fb"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 211,
"y": 245
},
"bottom-right": {
"x": 248.7656,
"y": 268
},
"height": 23,
"width": 37.7656
},
"position": {
"line": 3801,
"column": 0
},
"errorSnippet": "<input type=\"submit\" value=\"WAVE\">",
"xpath": "/html/body/footer[1]/div[1]/div[1]/div[1]/form[1]/input[2]",
"issueID": "14bb02923bc4dd7cebab3e94df9586fd",
"signature": "a98ecb74d883d9ed3936032dcd03898b",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=14bb02923bc4dd7cebab3e94df9586fd"
},
{
"tID": 155,
"bpID": 143,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 60,
"errorTitle": "These headings are not structured in a hierarchical manner.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.10 Section Headings"
],
"resultTitle": "Make sure that headings are in the right order for the content.",
"errorDescription": "The heading structure of this page does not effectively communicate the structure of the content on it. Heading elements provide important benefits: they act as wayfinding cues for in-page navigation, they contribute to page content summaries, and they provide context to the content below them. To do so effectively, headings should follow the `<h1>` to `<h6>` hierarchy and they should not skip levels. Restructure the document's heading order so it uses a clear, ordered, and intuitive hierarchy. Ensure there are no gaps between each numbered heading level and the next.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 1024,
"y": 1757.38
},
"height": 1757.38,
"width": 1024
},
"position": {
"line": 2071,
"column": 60
},
"errorSnippet": "<body>\n<div id=\"headcontainer\" class=\"clearfix\" style=\"background-image: url(/media/banners/home.jpg)\">\n<header> <div id=\"skiptocontent\"><a href=\"#maincontent\">skip to main content</a></div> <h2><a href=",
"xpath": "/html/body",
"issueID": "a5cc6345a92373e649c7cca3ddb7a6a0",
"signature": "de3f6598d270bd95134fe1d4278c5a23",
"ref": "https://tenon.io/bestpractice.php?bpID=143&tID=155&issueID=a5cc6345a92373e649c7cca3ddb7a6a0"
}
],
"log": []
}
}
}
],
"timeStamp": "3zjtz",
"startTime": "2022-07-06T02:33:05",
"presses": 0,
"amountRead": 0,
"testTimes": [
[
"hover",
48
],
[
"motion",
13
],
[
"alfa",
2
],
[
"ibm",
2
],
[
"wave",
2
],
[
"focAll",
1
],
[
"focInd",
1
],
[
"tenon",
1
],
[
"bulk",
0
],
[
"embAc",
0
],
[
"focOp",
0
],
[
"labClash",
0
],
[
"linkUl",
0
],
[
"menuNav",
0
],
[
"radioSet",
0
],
[
"role",
0
],
[
"styleDiff",
0
],
[
"tabNav",
0
],
[
"zIndex",
0
],
[
"axe",
0
],
[
"htmlcs",
0
]
],
"logCount": 5,
"logSize": 345,
"errorLogCount": 5,
"errorLogSize": 345,
"prohibitedCount": 0,
"visitTimeoutCount": 0,
"visitRejectionCount": 0,
"endTime": "2022-07-06T02:34:32",
"elapsedSeconds": 86,
"score": {
"scoreProcID": "sp12b",
"logWeights": {
"logCount": 0.5,
"logSize": 0.01,
"errorLogCount": 1,
"errorLogSize": 0.02,
"prohibitedCount": 15,
"visitTimeoutCount": 10,
"visitRejectionCount": 10
},
"soloWeight": 2,
"groupWeights": {
"absolute": 2,
"largest": 1,
"smaller": 0.4
},
"preventionWeights": {
"testaro": 50,
"other": 100
},
"packageDetails": {
"testaro": {
"focInd": 3,
"hover": 3,
"linkUl": 6,
"styleDiff": 16,
"zIndex": 1
},
"alfa": {
"r61": 4,
"r65": 1,
"r66": 12,
"r69": 8,
"r73": 64,
"r78": 4,
"r85": 4
},
"axe": {
"color-contrast-enhanced": 29,
"color-contrast": 23,
"identical-links-same-purpose": 0
},
"htmlcs": {
"w:AA.1_3_1_A.G141": 2,
"w:AA.1_4_3.G18.BgImage": 20
},
"tenon": {
"98": 4,
"144": 4,
"152": 8,
"155": 2
}
},
"groupDetails": {
"groups": {
"focusIndication": {
"testaro": {
"focInd": {
"score": 3,
"what": "Focused element displaying no or nostandard focus indicator"
}
},
"alfa": {
"r65": {
"score": 1,
"what": "Element in sequential focus order has no visible focus"
}
}
},
"hoverSurprise": {
"testaro": {
"hover": {
"score": 1,
"what": "Content changes caused by hovering"
}
}
},
"linkIndication": {
"testaro": {
"linkUl": {
"score": 3,
"what": "Non-underlined adjacent links"
}
}
},
"inconsistentStyles": {
"testaro": {
"styleDiff": {
"score": 4,
"what": "Heading, link, and button style inconsistencies"
}
}
},
"zIndexNotZero": {
"testaro": {
"zIndex": {
"score": 1,
"what": "Layering with nondefault z-index values"
}
}
},
"h1Missing": {
"alfa": {
"r61": {
"score": 2,
"what": "First heading is not h1"
}
}
},
"contrastAAA": {
"alfa": {
"r66": {
"score": 3,
"what": "Text contrast less than AAA requires"
}
},
"axe": {
"color-contrast-enhanced": {
"score": 7,
"what": "Element has insufficient color contrast (Level AAA)"
}
}
},
"contrastAA": {
"alfa": {
"r69": {
"score": 6,
"what": "Text outside widget has subminimum contrast"
}
},
"axe": {
"color-contrast": {
"score": 17,
"what": "Element has insufficient color contrast"
}
}
},
"noLeading": {
"alfa": {
"r73": {
"score": 48,
"what": "Paragraph of text has insufficient line height"
}
}
},
"headingOfNothing": {
"alfa": {
"r78": {
"score": 2,
"what": "No content between two headings of the same level"
}
}
},
"allItalics": {
"alfa": {
"r85": {
"score": 1,
"what": "Text of the paragraph is all italic"
}
}
},
"linkConfusionRisk": {
"axe": {
"identical-links-same-purpose": {
"score": 1,
"what": "Links with the same accessible name may serve dissimilar purposes"
}
}
},
"headingStructure": {
"htmlcs": {
"w:AA.1_3_1_A.G141": {
"score": 1,
"what": "Heading level is incorrect"
}
},
"tenon": {
"155": {
"score": 1,
"what": "Headings are not structured in a hierarchical manner"
}
}
},
"contrastRisk": {
"htmlcs": {
"w:AA.1_4_3.G18.BgImage": {
"score": 5,
"what": "Contrast between the text and its background image may be less than 4.5:1"
}
}
},
"linkTextsSame": {
"tenon": {
"98": {
"score": 2,
"what": "Links have the same text but different destinations"
}
}
},
"leadingClipsText": {
"tenon": {
"144": {
"score": 4,
"what": "Line height is insufficent to properly display the computed font size"
}
}
},
"targetSize": {
"tenon": {
"152": {
"score": 4,
"what": "Actionable element is smaller than the minimum required size"
}
}
}
},
"solos": {}
},
"preventionScores": {},
"summary": {
"total": 161,
"log": 18,
"preventions": 0,
"solos": 0,
"groups": [
{
"groupName": "noLeading",
"score": 50
},
{
"groupName": "contrastAA",
"score": 21
},
{
"groupName": "contrastAAA",
"score": 10
},
{
"groupName": "contrastRisk",
"score": 7
},
{
"groupName": "inconsistentStyles",
"score": 6
},
{
"groupName": "leadingClipsText",
"score": 6
},
{
"groupName": "targetSize",
"score": 6
},
{
"groupName": "focusIndication",
"score": 5
},
{
"groupName": "linkIndication",
"score": 5
},
{
"groupName": "h1Missing",
"score": 4
},
{
"groupName": "headingOfNothing",
"score": 4
},
{
"groupName": "linkTextsSame",
"score": 4
},
{
"groupName": "hoverSurprise",
"score": 3
},
{
"groupName": "zIndexNotZero",
"score": 3
},
{
"groupName": "allItalics",
"score": 3
},
{
"groupName": "linkConfusionRisk",
"score": 3
},
{
"groupName": "headingStructure",
"score": 3
}
]
}
}
}