Accessibility test digest
Synopsis
Page: Knowbility
URL: https://knowbility.org/
Score: 134
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 Knowbility web page at https://knowbility.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 134 (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 | 134 |
---|---|
focusIndication | 22 |
leadingClipsText | 22 |
linkIndication | 21 |
inconsistentStyles | 8 |
targetSize | 8 |
contrastAA | 5 |
allCaps | 5 |
focusableOperable | 4 |
contrastAAA | 4 |
contrastRisk | 4 |
pseudoHeadingRisk | 4 |
linkPair | 4 |
linkTextsSame | 4 |
textRotated | 4 |
hoverSurprise | 3 |
zIndexNotZero | 3 |
hiddenContentRisk | 3 |
decorativeImageRisk | 3 |
pseudoNavListRisk | 3 |
Issue summary
Special issues
No special issues contributed to the score.
Classified issues
focusIndication: Score 22. Issues reported by tests in this category:
- Package
testaro
, testfocInd
, score 20 (Focused element displaying no or nostandard focus indicator)
leadingClipsText: Score 22. Issues reported by tests in this category:
- Package
tenon
, test144
, score 20 (Line height is insufficent to properly display the computed font size)
linkIndication: Score 21. Issues reported by tests in this category:
- Package
testaro
, testlinkUl
, score 19 (Non-underlined adjacent links)
inconsistentStyles: Score 8. Issues reported by tests in this category:
- Package
testaro
, teststyleDiff
, score 6 (Heading, link, and button style inconsistencies)
targetSize: Score 8. Issues reported by tests in this category:
- Package
tenon
, test152
, score 6 (Actionable element is smaller than the minimum required size)
contrastAA: Score 5. Issues reported by tests in this category:
- Package
alfa
, testr69
, score 2 (Text outside widget has subminimum contrast) - Package
axe
, testcolor-contrast
, score 2 (Element has insufficient color contrast)
allCaps: Score 5. Issues reported by tests in this category:
- Package
alfa
, testr72
, score 3 (Paragraph text is uppercased) - Package
tenon
, test153
, score 1 (Long string of text is in all caps)
focusableOperable: Score 4. Issues reported by tests in this category:
- Package
testaro
, testfocOp
, score 2 (Operable elements that cannot be Tab-focused and vice versa)
contrastAAA: Score 4. Issues reported by tests in this category:
- Package
alfa
, testr66
, score 1 (Text contrast less than AAA requires) - Package
axe
, testcolor-contrast-enhanced
, score 2 (Element has insufficient color contrast (Level AAA))
contrastRisk: Score 4. Issues reported by tests in this category:
- Package
htmlcs
, testw:AA.1_4_3.G145.Abs
, score 1 (Contrast between the absolutely positioned large text and its background may be less than 3:1) - Package
htmlcs
, testw:AA.1_4_3.G145.BgImage
, score 1 (Contrast between the text and its background image may be less than 3:1)
pseudoHeadingRisk: Score 4. Issues reported by tests in this category:
- Package
wave
, testa:heading_possible
, score 2 (Possible heading)
linkPair: Score 4. Issues reported by tests in this category:
- Package
wave
, testa:link_redundant
, score 2 (Adjacent links go to the same URL)
linkTextsSame: Score 4. Issues reported by tests in this category:
- Package
tenon
, test98
, score 2 (Links have the same text but different destinations)
textRotated: Score 4. Issues reported by tests in this category:
- Package
tenon
, test271
, score 2 (Text is needlessly rotated 60+ degrees or more, hurting comprehension)
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)
hiddenContentRisk: Score 3. Issues reported by tests in this category:
- Package
axe
, testhidden-content
, score 1 (Some content is hidden and therefore may not be testable for accessibility)
decorativeImageRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs
, testw:AA.1_1_1.H67.2
, score 1 (Image marked as decorative may be informative)
pseudoNavListRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs
, testw:AA.1_3_1.H48
, score 1 (Navigation links are not coded as a list)
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,
sp12a
assigns 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-knowbility", "host": { "id": "knowbility", "which": "https://knowbility.org/", "what": "Knowbility" }, "log": [ { "event": "startTime", "value": "2022-07-06T01:51:12" }, { "event": "endTime", "value": "2022-07-06T01:52:57" } ], "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://knowbility.org/", "what": "Knowbility" }, { "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://knowbility.org/", "what": "Knowbility" }, { "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://knowbility.org/", "what": "Knowbility", "result": "https://knowbility.org/" }, { "type": "tenonRequest", "id": "a", "withNewContent": true, "what": "Tenon API version 2 test request", "url": "https://knowbility.org/" }, { "type": "test", "which": "motion", "what": "motion", "delay": 2500, "interval": 2500, "count": 5, "url": "https://knowbility.org/", "result": { "bytes": [ 131382, 131382, 131382, 131382, 131382 ], "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://knowbility.org/", "what": "Knowbility", "result": "https://knowbility.org/" }, { "type": "test", "which": "bulk", "what": "count of visible elements", "url": "https://knowbility.org/", "result": { "visibleElements": 260 } }, { "type": "test", "which": "embAc", "withItems": true, "what": "active elements embedded in links or buttons", "url": "https://knowbility.org/", "result": { "totals": { "links": 0, "buttons": 0, "inputs": 0, "selects": 0 }, "items": [] } }, { "type": "test", "which": "focAll", "what": "focusable and Tab-focused elements", "url": "https://knowbility.org/", "result": { "tabFocusables": 63, "tabFocused": 63, "discrepancy": 0 } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "focInd", "revealAll": false, "allowedDelay": 250, "withItems": true, "what": "focus indicators", "url": "https://knowbility.org/", "result": { "totals": { "total": 63, "types": { "indicatorMissing": { "total": 0, "tagNames": {} }, "nonOutlinePresent": { "total": 20, "tagNames": { "A": 16, "INPUT": 3, "BUTTON": 1 } }, "outlinePresent": { "total": 43, "meanDelay": 0, "tagNames": { "A": 43 } } } }, "items": { "indicatorMissing": [], "nonOutlinePresent": [ { "tagName": "A", "text": "Skip to Main Content" }, { "tagName": "INPUT", "text": "" }, { "tagName": "BUTTON", "text": "" }, { "tagName": "A", "text": "Donate" }, { "tagName": "A", "text": "Accessibility Testing & Auditing" }, { "tagName": "A", "text": "Leadership & Strategic Consulting" }, { "tagName": "A", "text": "Training" }, { "tagName": "A", "text": "Online Training" }, { "tagName": "A", "text": "Usability Testing with People with Disabilities" }, { "tagName": "A", "text": "Accessibility HelpDesk" }, { "tagName": "A", "text": "Project Inquiry" }, { "tagName": "A", "text": "John Slatin AccessU 2022" }, { "tagName": "A", "text": "Accessibility Internet Rally (AIR)" }, { "tagName": "A", "text": "AccessWorks" }, { "tagName": "A", "text": "Be A Digital Ally" }, { "tagName": "A", "text": "K12 Digital Accessibility" }, { "tagName": "A", "text": "K12 Access Summit" }, { "tagName": "A", "text": "Donate" }, { "tagName": "INPUT", "text": "" }, { "tagName": "INPUT", "text": "" } ], "outlinePresent": [ { "tagName": "A", "text": "", "delay": 0 }, { "tagName": "A", "text": "Services", "delay": 0 }, { "tagName": "A", "text": "Programs", "delay": 0 }, { "tagName": "A", "text": "Blog", "delay": 0 }, { "tagName": "A", "text": "About Us", "delay": 0 }, { "tagName": "A", "text": "Contact Us", "delay": 0 }, { "tagName": "A", "text": "Sign up for the Knowbility Newsletter", "delay": 0 }, { "tagName": "A", "text": "Join us for the K12 Access Summit", "delay": 0 }, { "tagName": "A", "text": "K12 Access Summit Info", "delay": 0 }, { "tagName": "A", "text": "FREE Registration for K12 Access Summit", "delay": 0 }, { "tagName": "A", "text": "Our Services", "delay": 0 }, { "tagName": "A", "text": "Project Inquiry", "delay": 0 }, { "tagName": "A", "text": "Our Community Programs", "delay": 0 }, { "tagName": "A", "text": "Learn more about the Programs", "delay": 0 }, { "tagName": "A", "text": "Learn more about AIR", "delay": 0 }, { "tagName": "A", "text": "Read the Blog", "delay": 0 }, { "tagName": "A", "text": "Donate", "delay": 0 }, { "tagName": "A", "text": "AccessWorks Usability Testing", "delay": 0 }, { "tagName": "A", "text": "Learn about usability testing with AccessWorks", "delay": 0 }, { "tagName": "A", "text": "Accessibility Testing & Auditing", "delay": 0 }, { "tagName": "A", "text": "Leadership & Strategic Consulting", "delay": 0 }, { "tagName": "A", "text": "Training", "delay": 0 }, { "tagName": "A", "text": "Online Training", "delay": 0 }, { "tagName": "A", "text": "Usability Testing with People with Disabilities", "delay": 0 }, { "tagName": "A", "text": "Accessibility HelpDesk", "delay": 0 }, { "tagName": "A", "text": "Project Inquiry", "delay": 0 }, { "tagName": "A", "text": "John Slatin AccessU 2022", "delay": 0 }, { "tagName": "A", "text": "Accessibility Internet Rally (AIR)", "delay": 0 }, { "tagName": "A", "text": "AccessWorks", "delay": 0 }, { "tagName": "A", "text": "Be A Digital Ally", "delay": 0 }, { "tagName": "A", "text": "K12 Digital Accessibility", "delay": 0 }, { "tagName": "A", "text": "K12 Access Summit", "delay": 0 }, { "tagName": "A", "text": "Community", "delay": 0 }, { "tagName": "A", "text": "Volunteer with Knowbility", "delay": 0 }, { "tagName": "A", "text": "Our Team", "delay": 0 }, { "tagName": "A", "text": "Careers", "delay": 0 }, { "tagName": "A", "text": "Contact Us", "delay": 0 }, { "tagName": "A", "text": "Twitter", "delay": 0 }, { "tagName": "A", "text": "Facebook", "delay": 0 }, { "tagName": "A", "text": "CodePen", "delay": 0 }, { "tagName": "A", "text": "GitHub", "delay": 0 }, { "tagName": "A", "text": "Code of Conduct", "delay": 0 }, { "tagName": "A", "text": "Privacy Policy", "delay": 0 } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "focOp", "withItems": true, "what": "focusability and operability", "url": "https://knowbility.org/", "result": { "totals": { "total": 68, "types": { "onlyFocusable": { "total": 0, "tagNames": {} }, "onlyOperable": { "total": 1, "tagNames": { "INPUT": 1 } }, "focusableAndOperable": { "total": 67, "tagNames": { "A": 60, "INPUT": 4, "BUTTON": 3 } } } }, "items": { "onlyFocusable": [], "onlyOperable": [ { "tagName": "INPUT", "id": "", "text": "<input type=\"text\" name=\"b_1f09b5be5ebbe537992b69198_a0f043748e\" tabindex=\"-1\" v", "byTag": true, "byOnClick": false, "byPointer": false } ], "focusableAndOperable": [ { "tagName": "A", "id": "", "text": "Skip to Main Content", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "<a href=\"https://knowbility.org\" class=\"site-logo\" style=\"cursor: default;\"> <im", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "INPUT", "id": "search-query", "text": "<input type=\"search\" id=\"search-query\" name=\"q\" aria-label=\"Search\" placeholder=", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "BUTTON", "id": "", "text": "<button class=\"button button--icon\" type=\"submit\" aria-label=\"Search\" style=\"cur", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Donate", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "BUTTON", "id": "", "text": "Menu", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Services", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Programs", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Blog", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "About Us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Contact Us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "INPUT", "id": "search-query-mobile", "text": "<input type=\"search\" id=\"search-query-mobile\" name=\"q\" aria-label=\"Search\" place", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "BUTTON", "id": "", "text": "<button class=\"button button--icon\" type=\"submit\" aria-label=\"search\" style=\"cur", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Donate", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Sign up for the Knowbility Newsletter", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Join us for the K12 Access Summit", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "K12 Access Summit Info", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "FREE Registration for K12 Access Summit", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Our Services", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessibility Testing & Auditing", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Leadership & Strategic Consulting", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Training", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Online Training", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Usability Testing with People with Disabilities", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessibility HelpDesk", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Project Inquiry", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Project Inquiry", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Our Community Programs", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "John Slatin AccessU 2022", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessibility Internet Rally (AIR)", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "AccessWorks", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Be A Digital Ally", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "K12 Digital Accessibility", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "K12 Access Summit", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Learn more about the Programs", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Learn more about AIR", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Read the Blog", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Donate", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "AccessWorks Usability Testing", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Learn about usability testing with AccessWorks", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Donate", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "INPUT", "id": "mce-EMAIL", "text": "<input type=\"email\" value=\"\" name=\"EMAIL\" class=\"email\" id=\"mce-EMAIL\" aria-labe", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "mc-embedded-subscribe", "text": "<input type=\"submit\" value=\"Subscribe to our Newsletter\" name=\"subscribe\" id=\"mc", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessibility Testing & Auditing", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Leadership & Strategic Consulting", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Training", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Online Training", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Usability Testing with People with Disabilities", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessibility HelpDesk", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Project Inquiry", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "John Slatin AccessU 2022", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessibility Internet Rally (AIR)", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "AccessWorks", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Be A Digital Ally", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "K12 Digital Accessibility", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "K12 Access Summit", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Community", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Volunteer with Knowbility", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Our Team", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Careers", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Contact Us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Twitter", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Facebook", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "CodePen", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "GitHub", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Code of Conduct", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Privacy Policy", "byTag": true, "byOnClick": false, "byPointer": true } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "hover", "headSize": 20, "headSampleSize": 20, "tailSampleSize": 15, "withItems": true, "what": "hover-caused content changes", "url": "https://knowbility.org/", "result": { "totals": { "triggers": 106, "headTriggers": 20, "tailTriggers": 86, "impactTriggers": 0, "additions": 0, "removals": 0, "opacityChanges": 0, "opacityImpact": 0, "unhoverables": 1 }, "items": { "head": { "impactTriggers": [], "unhoverables": [ { "tagName": "A", "id": "", "text": "SkiptoMainContent" } ] }, "tail": { "impactTriggers": [], "unhoverables": [] } } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "labClash", "withItems": true, "what": "labeling inconsistencies", "url": "https://knowbility.org/", "result": { "totals": { "mislabeled": 0, "unlabeled": 0, "wellLabeled": 8 }, "items": { "mislabeled": [], "unlabeled": [], "wellLabeled": [ { "index": 0, "tagName": "INPUT", "type": "search", "labelType": "aria-label", "texts": { "attribute": "Search" } }, { "index": 1, "tagName": "BUTTON", "type": "submit", "labelType": "aria-label", "texts": { "attribute": "Search" } }, { "index": 2, "tagName": "BUTTON", "type": "submit", "labelType": "aria-label", "texts": { "attribute": "Menu", "content": "Menu" } }, { "index": 3, "tagName": "INPUT", "type": "search", "labelType": "aria-label", "texts": { "attribute": "Search" } }, { "index": 4, "tagName": "BUTTON", "type": "submit", "labelType": "aria-label", "texts": { "attribute": "search" } }, { "index": 5, "tagName": "INPUT", "type": "email", "labelType": "aria-label", "texts": { "attribute": "Subscribe to Newsletter – enter email address" } }, { "index": 6, "tagName": "INPUT", "type": "text", "labelType": "aria-label", "texts": { "attribute": "What is the canned food loved in Hawaii?" } }, { "index": 7, "tagName": "INPUT", "type": "submit", "texts": { "content": "Subscribe to our Newsletter" } } ] } } }, { "type": "test", "which": "linkUl", "withItems": true, "what": "adjacent-link underlining", "url": "https://knowbility.org/", "result": { "totals": { "links": 60, "adjacent": { "total": 20, "underlined": 1, "underlinedPercent": 5 } }, "items": { "underlined": [ "Sign up for the Knowbility Newsletter" ], "notUnderlined": [ "Skip to Main Content", "", "Donate", "Donate", "Join us for the K12 Access Summit", "K12 Access Summit Info", "FREE Registration for K12 Access Summit", "Our Services", "Project Inquiry", "Our Community Programs", "Learn more about the Programs", "Learn more about AIR", "Read the Blog", "Donate", "AccessWorks Usability Testing", "Learn about usability testing with AccessWorks", "Donate", "Code of Conduct", "Privacy Policy" ] } } }, { "type": "test", "which": "menuNav", "withItems": true, "what": "keyboard navigation between focusable menu items", "url": "https://knowbility.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://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "radioSet", "withItems": true, "what": "fieldset grouping of radio buttons", "url": "https://knowbility.org/", "result": { "totals": { "total": 0, "inSet": 0, "percent": "N.A." }, "items": { "inSet": [], "notInSet": [] } } }, { "type": "test", "which": "role", "what": "roles", "url": "https://knowbility.org/", "result": { "roleElements": 9, "badRoleElements": 0, "redundantRoleElements": 0, "tagNames": {} } }, { "type": "test", "which": "styleDiff", "withItems": true, "what": "style inconsistencies", "url": "https://knowbility.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": { "button": { "total": 3, "subtotals": [ 1, 1, 1 ] }, "adjacentLink": { "total": 20, "subtotals": [ 17, 1, 1, 1 ] }, "listLink": { "total": 40, "subtotals": [ 22, 13, 5 ] }, "h1": { "total": 1 }, "h2": { "total": 9, "subtotals": [ 2, 2, 1, 1, 1, 1, 1 ] } }, "items": { "button": { "height": { "56px": [ "", "" ], "auto": [ "Menu" ] }, "lineHeight": { "0px": [ "", "" ], "16px": [ "Menu" ] }, "minHeight": { "auto": [ "" ], "0px": [ "Menu", "" ] } }, "adjacentLink": { "fontWeight": { "400": [ "" ], "700": [ "Skip to Main Content", "Donate", "Donate", "Sign up for the Knowbility Newsletter", "Join us for the K12 Access Summit", "K12 Access Summit Info", "FREE Registration for K12 Access Summit", "Our Services", "Project Inquiry", "Our Community Programs", "Learn more about the Programs", "Learn more about AIR", "Read the Blog", "Donate", "AccessWorks Usability Testing", "Learn about usability testing with AccessWorks", "Donate", "Code of Conduct", "Privacy Policy" ] }, "opacity": { "0": [ "Skip to Main Content" ], "1": [ "", "Donate", "Donate", "Sign up for the Knowbility Newsletter", "Join us for the K12 Access Summit", "K12 Access Summit Info", "FREE Registration for K12 Access Summit", "Our Services", "Project Inquiry", "Our Community Programs", "Learn more about the Programs", "Learn more about AIR", "Read the Blog", "Donate", "AccessWorks Usability Testing", "Learn about usability testing with AccessWorks", "Donate", "Code of Conduct", "Privacy Policy" ] }, "textDecorationLine": { "none": [ "Skip to Main Content", "", "Donate", "Donate", "Join us for the K12 Access Summit", "K12 Access Summit Info", "FREE Registration for K12 Access Summit", "Our Services", "Project Inquiry", "Our Community Programs", "Learn more about the Programs", "Learn more about AIR", "Read the Blog", "Donate", "AccessWorks Usability Testing", "Learn about usability testing with AccessWorks", "Donate", "Code of Conduct", "Privacy Policy" ], "underline": [ "Sign up for the Knowbility Newsletter" ] } }, "listLink": { "fontWeight": { "400": [ "Accessibility Testing & Auditing", "Leadership & Strategic Consulting", "Training", "Online Training", "Usability Testing with People with Disabilities", "Accessibility HelpDesk", "Project Inquiry", "John Slatin AccessU 2022", "Accessibility Internet Rally (AIR)", "AccessWorks", "Be A Digital Ally", "K12 Digital Accessibility", "K12 Access Summit" ], "700": [ "Services", "Programs", "Blog", "About Us", "Contact Us", "Accessibility Testing & Auditing", "Leadership & Strategic Consulting", "Training", "Online Training", "Usability Testing with People with Disabilities", "Accessibility HelpDesk", "Project Inquiry", "John Slatin AccessU 2022", "Accessibility Internet Rally (AIR)", "AccessWorks", "Be A Digital Ally", "K12 Digital Accessibility", "K12 Access Summit", "Community", "Volunteer with Knowbility", "Our Team", "Careers", "Contact Us", "Twitter", "Facebook", "CodePen", "GitHub" ] }, "color": { "rgb(98, 99, 102)": [ "Services", "Programs", "Blog", "About Us", "Contact Us", "Accessibility Testing & Auditing", "Leadership & Strategic Consulting", "Training", "Online Training", "Usability Testing with People with Disabilities", "Accessibility HelpDesk", "Project Inquiry", "John Slatin AccessU 2022", "Accessibility Internet Rally (AIR)", "AccessWorks", "Be A Digital Ally", "K12 Digital Accessibility", "K12 Access Summit", "Community", "Volunteer with Knowbility", "Our Team", "Careers", "Contact Us", "Twitter", "Facebook", "CodePen", "GitHub" ], "rgb(8, 54, 78)": [ "Accessibility Testing & Auditing", "Leadership & Strategic Consulting", "Training", "Online Training", "Usability Testing with People with Disabilities", "Accessibility HelpDesk", "Project Inquiry", "John Slatin AccessU 2022", "Accessibility Internet Rally (AIR)", "AccessWorks", "Be A Digital Ally", "K12 Digital Accessibility", "K12 Access Summit" ] }, "fontSize": { "24px": [ "Services", "Programs", "Blog", "About Us", "Contact Us" ], "20px": [ "Accessibility Testing & Auditing", "Leadership & Strategic Consulting", "Training", "Online Training", "Usability Testing with People with Disabilities", "Accessibility HelpDesk", "Project Inquiry", "John Slatin AccessU 2022", "Accessibility Internet Rally (AIR)", "AccessWorks", "Be A Digital Ally", "K12 Digital Accessibility", "K12 Access Summit", "Accessibility Testing & Auditing", "Leadership & Strategic Consulting", "Training", "Online Training", "Usability Testing with People with Disabilities", "Accessibility HelpDesk", "Project Inquiry", "John Slatin AccessU 2022", "Accessibility Internet Rally (AIR)", "AccessWorks", "Be A Digital Ally", "K12 Digital Accessibility", "K12 Access Summit", "Community", "Volunteer with Knowbility", "Our Team", "Careers", "Contact Us", "Twitter", "Facebook", "CodePen", "GitHub" ] }, "lineHeight": { "40.0001px": [ "Services", "Programs", "Blog", "About Us", "Contact Us" ], "32px": [ "Accessibility Testing & Auditing", "Leadership & Strategic Consulting", "Training", "Online Training", "Usability Testing with People with Disabilities", "Accessibility HelpDesk", "Project Inquiry", "John Slatin AccessU 2022", "Accessibility Internet Rally (AIR)", "AccessWorks", "Be A Digital Ally", "K12 Digital Accessibility", "K12 Access Summit" ], "25px": [ "Accessibility Testing & Auditing", "Leadership & Strategic Consulting", "Training", "Online Training", "Usability Testing with People with Disabilities", "Accessibility HelpDesk", "Project Inquiry", "John Slatin AccessU 2022", "Accessibility Internet Rally (AIR)", "AccessWorks", "Be A Digital Ally", "K12 Digital Accessibility", "K12 Access Summit", "Community", "Volunteer with Knowbility", "Our Team", "Careers", "Contact Us", "Twitter", "Facebook", "CodePen", "GitHub" ] } }, "h2": { "color": { "rgb(255, 255, 255)": [ "Join us for the K12 Access Summit", "Info, Tutorials, and Anecdotes", "We’re a Non-Profit!" ], "rgb(18, 19, 19)": [ "Our Services", "Our Community Programs", "AccessWorks Usability Testing" ], "rgb(229, 230, 231)": [ "Accessibility Internet Rally" ], "rgb(110, 47, 117)": [ "About Knowbility", "You can help close the digital divide" ] }, "fontSize": { "72px": [ "Join us for the K12 Access Summit", "AccessWorks Usability Testing" ], "40px": [ "Our Services", "Our Community Programs", "Accessibility Internet Rally", "Info, Tutorials, and Anecdotes", "We’re a Non-Profit!", "You can help close the digital divide" ], "30px": [ "About Knowbility" ] } } } } }, { "type": "test", "which": "tabNav", "withItems": true, "what": "keyboard navigation between tab elements", "url": "https://knowbility.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://knowbility.org/", "result": { "totals": { "total": 5, "tagNames": { "A": 4, "BUTTON": 1 } }, "items": [ { "tagName": "A", "id": "", "text": "Skip to Main Content" }, { "tagName": "A", "id": "", "text": "Donate" }, { "tagName": "BUTTON", "id": "", "text": "Menu" }, { "tagName": "A", "id": "", "text": "Donate" }, { "tagName": "A", "id": "", "text": "Donate" } ] } }, { "type": "test", "which": "alfa", "what": "alfa", "url": "https://knowbility.org/", "result": { "totals": { "failures": 3, "warnings": 4 }, "items": [ { "index": 629, "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]/section[2]/div[1]/div[1]/div[1]/h2[1]/text()[1]", "codeLines": [ "You can help close the digital divide" ] } }, { "index": 630, "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]/section[2]/div[1]/div[1]/div[1]/p[1]/text()[1]", "codeLines": [ "Your contribution helps us improve digital accessibility for people with disabilities through outre..." ] } }, { "index": 670, "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]/section[2]/div[1]/div[1]/div[1]/h2[1]/text()[1]", "codeLines": [ "You can help close the digital divide" ] } }, { "index": 671, "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]/section[2]/div[1]/div[1]/div[1]/p[1]/text()[1]", "codeLines": [ "Your contribution helps us improve digital accessibility for people with disabilities through outre..." ] } }, { "index": 706, "verdict": "failed", "rule": { "ruleID": "r72", "ruleSummary": "Paragraphs of text are not all uppercase", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r72", "requirements": [] }, "target": { "type": "element", "tagName": "p", "path": "/html[1]/body[1]/main[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/p[1]", "codeLines": [ "<p class=\"eyebrow\">", " July 26 - 28", "</p>" ] } }, { "index": 712, "verdict": "failed", "rule": { "ruleID": "r72", "ruleSummary": "Paragraphs of text are not all uppercase", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r72", "requirements": [] }, "target": { "type": "element", "tagName": "p", "path": "/html[1]/body[1]/main[1]/div[1]/div[1]/div[4]/p[1]", "codeLines": [ "<p class=\"eyebrow\">", " AIR 2022", "</p>" ] } }, { "index": 718, "verdict": "failed", "rule": { "ruleID": "r72", "ruleSummary": "Paragraphs of text are not all uppercase", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r72", "requirements": [] }, "target": { "type": "element", "tagName": "p", "path": "/html[1]/body[1]/main[1]/div[1]/div[1]/div[7]/div[1]/div[1]/div[1]/p[1]", "codeLines": [ "<p class=\"eyebrow\">", " What do internet users with disabilities think of your website?", "</p>" ] } } ] } }, { "type": "test", "which": "axe", "detailLevel": 2, "rules": [], "what": "Axe", "url": "https://knowbility.org/", "result": { "totals": { "rulesNA": 45, "rulesPassed": 51, "rulesWarned": 3, "rulesViolated": 1, "warnings": { "minor": 2, "moderate": 0, "serious": 4, "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-06T01:52:42.449Z", "url": "https://knowbility.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": "#ffffff", "contrastRatio": 0, "fontSize": "18.0pt (24px)", "fontWeight": "bold", "messageKey": "bgImage", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [ { "html": "<a href=\"https://knowbility.org/donate\" class=\"button button--donate\">Donate</a>", "target": [ ".row > .button--donate.button[href$=\"donate\"]" ] } ], "impact": "serious", "message": "Element's background color could not be determined due to a background image" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://knowbility.org/donate\" class=\"button button--donate\">Donate</a>", "target": [ ".row > .button--donate.button[href$=\"donate\"]" ], "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": "#ffffff", "contrastRatio": 0, "fontSize": "18.0pt (24px)", "fontWeight": "bold", "messageKey": "bgImage", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [ { "html": "<a href=\"/donate/\" class=\"button button--donate\">Donate</a>", "target": [ "a[href$=\"donate/\"]" ] } ], "impact": "serious", "message": "Element's background color could not be determined due to a background image" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"/donate/\" class=\"button button--donate\">Donate</a>", "target": [ "a[href$=\"donate/\"]" ], "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": "#ffffff", "contrastRatio": 0, "fontSize": "18.0pt (24px)", "fontWeight": "bold", "messageKey": "bgImage", "expectedContrastRatio": "3:1" }, "relatedNodes": [ { "html": "<a href=\"https://knowbility.org/donate\" class=\"button button--donate\">Donate</a>", "target": [ ".row > .button--donate.button[href$=\"donate\"]" ] } ], "impact": "serious", "message": "Element's background color could not be determined due to a background image" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://knowbility.org/donate\" class=\"button button--donate\">Donate</a>", "target": [ ".row > .button--donate.button[href$=\"donate\"]" ], "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": "#ffffff", "contrastRatio": 0, "fontSize": "18.0pt (24px)", "fontWeight": "bold", "messageKey": "bgImage", "expectedContrastRatio": "3:1" }, "relatedNodes": [ { "html": "<a href=\"/donate/\" class=\"button button--donate\">Donate</a>", "target": [ "a[href$=\"donate/\"]" ] } ], "impact": "serious", "message": "Element's background color could not be determined due to a background image" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"/donate/\" class=\"button button--donate\">Donate</a>", "target": [ "a[href$=\"donate/\"]" ], "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image" } ] }, { "id": "hidden-content", "impact": "minor", "tags": [ "cat.structure", "experimental", "review-item", "best-practice" ], "description": "Informs users about hidden content.", "help": "Hidden content on the page should be analyzed", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/hidden-content?application=axeAPI", "nodes": [ { "any": [ { "id": "hidden-content", "data": null, "relatedNodes": [], "impact": "minor", "message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it." } ], "all": [], "none": [], "impact": "minor", "html": "<button class=\"menu-toggle menu-toggle--open\" aria-label=\"Menu\" aria-expanded=\"false\">Menu</button>", "target": [ ".menu-toggle" ], "failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it." }, { "any": [ { "id": "hidden-content", "data": null, "relatedNodes": [], "impact": "minor", "message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it." } ], "all": [], "none": [], "impact": "minor", "html": "<div class=\"extras\">", "target": [ ".extras" ], "failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it." } ] } ], "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": "#626366", "bgColor": "#ffffff", "contrastRatio": 6, "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<body>", "target": [ "body" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 6 (foreground color: #626366, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://knowbility.org/code-of-conduct\">Code of Conduct</a>", "target": [ ".inline-info > li:nth-child(3) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6 (foreground color: #626366, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#626366", "bgColor": "#ffffff", "contrastRatio": 6, "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<body>", "target": [ "body" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 6 (foreground color: #626366, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://knowbility.org/privacy-policy\">Privacy Policy</a>", "target": [ ".inline-info > li:nth-child(4) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6 (foreground color: #626366, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 7:1" } ] } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "htmlcs", "what": "HTML CodeSniffer WCAG 2.1 AA ruleset", "url": "https://knowbility.org/", "result": { "Error": {}, "Warning": { "AA.1_1_1.H67.2": { "Img element is marked so that it is ignored by Assistive Technology.": [ { "tagName": "img", "id": "", "code": "<img src=\"https://knowbility.org/media/site/e93ace1e80-1616526573/cta-donate-anthony.jpg\" alt=\"\">" } ] }, "AA.1_3_1.H48": { "If this element contains a navigation section, it is recommended that it be marked up as a list.": [ { "tagName": "div", "id": "", "code": "<div class=\"vertical-distribute\">...</div>" } ] }, "AA.1_4_3.G145.Abs": { "This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 3:1.": [ { "tagName": "a", "id": "", "code": "<a class=\"button button--skip-link\" href=\"#main-content\">...</a>" }, { "tagName": "h1", "id": "", "code": "<h1 class=\"visuallyhidden\">...</h1>" } ] }, "AA.1_4_3.G145.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 3:1.": [ { "tagName": "a", "id": "", "code": "<a href=\"/donate/\" class=\"button button--donate\">...</a>" }, { "tagName": "a", "id": "", "code": "<a href=\"https://knowbility.org/donate\" class=\"button button--donate\">...</a>" } ] } } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "ibm", "withItems": true, "what": "IBM Accessibility Checker", "url": "https://knowbility.org/", "result": { "content": { "totals": { "violation": 1, "recommendation": 0, "ignored": 0 }, "items": [ { "ruleId": "Rpt_Aria_OrphanedContent_Native_Host_Sematics", "path": { "dom": "/html[1]/body[1]/a[1]", "aria": "/document[1]/link[1]" }, "message": "Content is not within a landmark element", "bounds": { "left": 280, "top": -72, "height": 56, "width": 240 }, "snippet": "<a href=\"#main-content\" class=\"button button--skip-link\">", "level": "violation" } ] }, "url": { "totals": { "violation": 1, "recommendation": 0, "ignored": 0 }, "items": [ { "ruleId": "Rpt_Aria_OrphanedContent_Native_Host_Sematics", "path": { "dom": "/html[1]/body[1]/a[1]", "aria": "/document[1]/link[1]" }, "message": "Content is not within a landmark element", "bounds": { "left": 280, "top": -72, "height": 56, "width": 240 }, "snippet": "<a href=\"#main-content\" class=\"button button--skip-link\">", "level": "violation" } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "wave", "reportType": 4, "what": "WAVE", "url": "https://knowbility.org/", "result": { "status": { "success": true, "httpstatuscode": 200 }, "statistics": { "pagetitle": "Knowbility – Digital accessibility advocacy, training and consulting – Knowbility", "pageurl": "https://knowbility.org/", "time": 3.03, "creditsremaining": 375, "allitemcount": 82, "totalelements": 313, "waveurl": "http://wave.webaim.org/report?url=https://knowbility.org/" }, "categories": { "error": { "description": "Errors", "count": 0, "items": [] }, "contrast": { "description": "Contrast Errors", "count": 0, "items": [] }, "alert": { "description": "Alerts", "count": 9, "items": { "heading_possible": { "id": "heading_possible", "description": "Possible heading", "count": 6, "selectors": [ "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV:first-child > DIV:first-child > P:first-child", "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child + DIV > DIV:first-child > DIV:first-child > P:first-child", "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child + DIV + DIV > DIV:first-child > DIV:first-child > P:first-child", "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child + DIV + DIV + DIV > P:first-child", "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child + DIV + DIV + DIV + DIV > P:first-child", "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child + DIV + DIV + DIV + DIV + DIV > P:first-child" ], "wcag": [ { "name": "1.3.1 Info and Relationships (Level A)", "link": "https://webaim.org/standards/wcag/checklist#sc1.3.1" }, { "name": "2.4.1 Bypass Blocks (Level A)", "link": "https://webaim.org/standards/wcag/checklist#sc2.4.1" }, { "name": "2.4.6 Headings and Labels (Level AA)", "link": "https://webaim.org/standards/wcag/checklist#sc2.4.6" } ] }, "link_redundant": { "id": "link_redundant", "description": "Redundant link", "count": 3, "selectors": [ "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV:first-child + DIV > A:first-child", "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child + DIV > DIV:first-child + P > A:first-child", "HTML > HEAD:first-child + BODY > MAIN#main-content > H1:first-child + DIV > DIV:first-child > DIV:first-child + DIV + DIV + DIV + DIV + DIV + DIV > DIV:first-child > DIV:first-child + DIV > A:first-child" ], "wcag": [ { "name": "2.4.4 Link Purpose (In Context) (Level A)", "link": "https://webaim.org/standards/wcag/checklist#sc2.4.4" } ] } } } } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://knowbility.org/", "what": "URL", "result": "https://knowbility.org/" }, { "type": "test", "which": "tenon", "id": "a", "what": "Tenon", "url": "https://knowbility.org/", "result": { "status": 200, "message": "OK", "code": "success", "info": "Success", "moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success", "responseExecTime": "0.089", "responseTime": "2022-07-06T01:52:57.928Z", "data": { "apiErrors": [], "documentSize": 996264, "metadata": null, "resultSummary": { "tests": { "total": 180, "passing": 175, "failing": 5 }, "issues": { "totalErrors": 10, "totalWarnings": 1, "totalIssues": 11 }, "issuesByLevel": { "A": { "count": 6, "pct": 54.55 }, "AA": { "count": 5, "pct": 45.45 }, "AAA": { "count": 11, "pct": 100 } }, "density": { "errorDensity": 1, "warningDensity": 0, "allDensity": 1 } }, "projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490", "responseID": "dfc0a4b0-ba34-418c-a034-23d29504bdb7", "docID": "42b548ee-4ade-420b-a915-177dd74d3a00", "sourceHash": "622ed59e5df08a79932498a69aef086b", "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=dfc0a4b0-ba34-418c-a034-23d29504bdb7", "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": 36, "y": 489 }, "bottom-right": { "x": 95, "y": 529 }, "height": 40, "width": 59 }, "position": { "line": 4215, "column": 0 }, "errorSnippet": "<a href=\"/donate/\" class=\"button button--donate\">Donate</a>", "xpath": "/html/body/main[1]/section[2]/div[1]/div[1]/div[1]/a[1]", "issueID": "79c9d30e5301f7eb22a8784cfad03d69", "signature": "07d3a9a6dc18c8a76d79a2b61124b027", "ref": "https://tenon.io/bestpractice.php?bpID=105&tID=98&issueID=79c9d30e5301f7eb22a8784cfad03d69" }, { "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": 5210.28 }, "height": 5210.28, "width": 1024 }, "position": { "line": 2089, "column": 60 }, "errorSnippet": "<body>\n<a class=\"button button--skip-link\" href=\"#main-content\">Skip to Main Content</a> <header class=\"site-header page-container\"> <div class=\"flex-row\"> <div class=\"column\"> <a href=\"https://knowbility.org\" class", "xpath": "/html/body", "issueID": "0da61096feb1e66d7f2f0bbfe1a7001c", "signature": "70b186511ed533cb8e5a8a6ad220dc32", "ref": "https://tenon.io/bestpractice.php?bpID=14&tID=144&issueID=0da61096feb1e66d7f2f0bbfe1a7001c" }, { "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": 270.671875, "y": 4581.28125 }, "bottom-right": { "x": 486.671875, "y": 5044.28125 }, "height": 463, "width": 216 }, "position": { "line": 8016, "column": 29 }, "errorSnippet": "<nav class=\"sub-navigation sub-navigation--header-inverted\" aria-labelledby=\"fnheader-services\"> <div class=\"header\" id=\"fnheader-services\"> Services </div> <ul> <li><a href=\"https://knowbility.org/services/audits\">Acc", "xpath": "/html/body/footer[1]/div[1]/div[1]/div[2]/nav[1]", "issueID": "29a93ee1c9747de69a8f831acdbdd485", "signature": "362c043349e053d79fac38f136ef2f4a", "ref": "https://tenon.io/bestpractice.php?bpID=14&tID=144&issueID=29a93ee1c9747de69a8f831acdbdd485" }, { "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": 270.671875, "y": 4686.28125 }, "bottom-right": { "x": 486.671875, "y": 5029.28125 }, "height": 343, "width": 216 }, "position": { "line": 5912, "column": 0 }, "errorSnippet": "<ul> <li><a href=\"https://knowbility.org/services/audits\">Accessibility Testing &amp; Auditing</a></li> <li><a href=\"https://knowbility.org/services/leadership-consulting\">Leadership &amp; Strategic Consu", "xpath": "/html/body/footer[1]/div[1]/div[1]/div[2]/nav[1]/ul[1]", "issueID": "e68da62adbbaf65917b7bfc01a33d1f1", "signature": "5238bd161ee98952c570f0da1fd915b1", "ref": "https://tenon.io/bestpractice.php?bpID=14&tID=144&issueID=e68da62adbbaf65917b7bfc01a33d1f1" }, { "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": 488.21875, "y": 4581.28125 }, "bottom-right": { "x": 700.21875, "y": 5044.28125 }, "height": 463, "width": 212 }, "position": { "line": 8029, "column": 17 }, "errorSnippet": "<nav class=\"sub-navigation sub-navigation--header-inverted\" aria-labelledby=\"fnheader-programs\"> <div class=\"header\" id=\"fnheader-programs\"> Programs </div> <ul> <li><a href=\"https://knowbility.org/programs/accessu-2022\"&", "xpath": "/html/body/footer[1]/div[1]/div[1]/div[2]/nav[2]", "issueID": "4dcd99045a1df05eac414b0dc5a27b9a", "signature": "e944c71baf7e912db2820a52f76ca42b", "ref": "https://tenon.io/bestpractice.php?bpID=14&tID=144&issueID=4dcd99045a1df05eac414b0dc5a27b9a" }, { "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": 488.21875, "y": 4686.28125 }, "bottom-right": { "x": 700.21875, "y": 4935.28125 }, "height": 249, "width": 212 }, "position": { "line": 5912, "column": 0 }, "errorSnippet": "<ul> <li><a href=\"https://knowbility.org/programs/accessu-2022\">John Slatin AccessU 2022</a></li> <li><a href=\"https://knowbility.org/programs/air\">Accessibility Internet Rally (AIR)</a></li> <li&g", "xpath": "/html/body/footer[1]/div[1]/div[1]/div[2]/nav[2]/ul[1]", "issueID": "211c0133e528d710a57aad87be1e4530", "signature": "92ef141f0c15af40388186afe9aa055b", "ref": "https://tenon.io/bestpractice.php?bpID=14&tID=144&issueID=211c0133e528d710a57aad87be1e4530" }, { "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": 773, "y": 8 }, "bottom-right": { "x": 809, "y": 44 }, "height": 36, "width": 36 }, "position": { "line": 7775, "column": 11 }, "errorSnippet": "<button class=\"button button--icon\" type=\"submit\" aria-label=\"Search\"> <svg aria-hidden=\"true\" focusable=\"false\" width=\"25\" height=\"33\" viewBox=\"0 0 25 33\"><g transform=\"matrix(-1 0 0 1 21 -3)\" fill=\"none\" fill-rule=\"evenodd\"><path d", "xpath": "/html/body/header[1]/div[1]/div[2]/div[1]/form[1]/button[1]", "issueID": "6398a015f5dc0b8ec8091e99dd657860", "signature": "b49a7befc128ece8cd3ac9762208d02f", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=6398a015f5dc0b8ec8091e99dd657860" }, { "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": 0, "y": 0 }, "bottom-right": { "x": -35.5, "y": -32 }, "height": -32, "width": -35.5 }, "position": { "line": 3818, "column": 34 }, "errorSnippet": "<input type=\"search\" id=\"search-query-mobile\" name=\"q\" aria-label=\"Search\" placeholder=\"Search\" autocomplete=\"off\">", "xpath": "/html/body/header[1]/div[2]/nav[1]/div[1]/div[1]/form[1]/input[1]", "issueID": "c9b78b5964c960c29dd26ef515212581", "signature": "c72f6a41896eeca133213ff602b881ce", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=c9b78b5964c960c29dd26ef515212581" }, { "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": 0, "y": 0 }, "bottom-right": { "x": 36, "y": 36 }, "height": 36, "width": 36 }, "position": { "line": 7797, "column": 13 }, "errorSnippet": "<button class=\"button button--icon\" type=\"submit\" aria-label=\"search\"> <svg aria-hidden=\"true\" focusable=\"false\" width=\"25\" height=\"33\" viewBox=\"0 0 25 33\"><g transform=\"matrix(-1 0 0 1 21 -3)\" fill=\"none\" fill-rule=\"evenodd\"><path d", "xpath": "/html/body/header[1]/div[2]/nav[1]/div[1]/div[1]/form[1]/button[1]", "issueID": "bea70f7fabce5a370ff5d0056666b8a1", "signature": "f9b93ac07f3a2b6e6284e2ee2a3bf8bf", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=bea70f7fabce5a370ff5d0056666b8a1" }, { "tID": 153, "bpID": 211, "priority": 85, "level": [ "A", "AA", "AAA" ], "certainty": 60, "errorTitle": "This long string of text is in all caps.", "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 element contains a long passage of text that is capitalized, either in the text itself or via CSS text-transform. Capitalized text can be very difficult to read for users with dyslexia Modify this passage of text so that it is no longer all in upper case. Changing this to sentence case will result in significant improvements in readability.", "viewPortLocation": { "top-left": { "x": 0, "y": 0 }, "bottom-right": { "x": 638, "y": 32 }, "height": 32, "width": 638 }, "position": { "line": 7876, "column": 0 }, "errorSnippet": "<p class=\"eyebrow\">What do internet users with disabilities think of your website?</p>", "xpath": "/html/body/main[1]/div[1]/div[1]/div[7]/div[1]/div[1]/div[1]/p[1]", "issueID": "1a9c5d5df57415dffe0c493486ac8e78", "signature": "611689d217f7c81b651da9cc428f7037", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=153&issueID=1a9c5d5df57415dffe0c493486ac8e78" }, { "tID": 271, "bpID": 211, "priority": 100, "level": [ "A", "AA", "AAA" ], "certainty": 100, "errorTitle": "This text is rotated from the horizontal by 60 degrees or more.", "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 text is rotated from the horizontal by 60 degrees or more, and is not part of a complex image or graphic. Text rotated beyond a certain threshold presents comprehension difficulties for people with cognitive disabilities or perception-based learning disabilities. Don't rotate text beyond 60 degrees from the horiziontal.", "viewPortLocation": { "top-left": { "x": 790.8965454101562, "y": 22.49571418762207 }, "bottom-right": { "x": 790.8965454101562, "y": 22.49571418762207 }, "height": 0, "width": 0 }, "position": { "line": 7776, "column": 98 }, "errorSnippet": "<g transform=\"matrix(-1 0 0 1 21 -3)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.069 18.237l2.015.54-3.473 12.962-2.016-.54L8.07 18.237zm2.015.54l2.016.54L8.627 32.28l-2.016-.54 3.473-12.962z\" fill=\"currentColor\"></path><ellipse str", "xpath": "/html/body/header[1]/div[1]/div[2]/div[1]/form[1]/button[1]/svg[1]/g[1]", "issueID": "c59320c016f1912ac0982d2f116b5d9b", "signature": "c4fbbc993c29d824cd77a56e4a8fcaba", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=271&issueID=c59320c016f1912ac0982d2f116b5d9b" } ], "log": [] } } } ], "timeStamp": "3zjtz", "startTime": "2022-07-06T01:51:12", "presses": 0, "amountRead": 0, "testTimes": [ [ "hover", 50 ], [ "motion", 13 ], [ "focInd", 6 ], [ "alfa", 4 ], [ "ibm", 4 ], [ "wave", 3 ], [ "focAll", 1 ], [ "axe", 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 ], [ "htmlcs", 0 ] ], "logCount": 0, "logSize": 0, "errorLogCount": 0, "errorLogSize": 0, "prohibitedCount": 0, "visitTimeoutCount": 0, "visitRejectionCount": 0, "endTime": "2022-07-06T01:52:57", "elapsedSeconds": 105, "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": 20, "focOp": 2, "hover": 1, "linkUl": 38, "styleDiff": 23, "zIndex": 5 }, "alfa": { "r66": 2, "r69": 2, "r72": 12 }, "axe": { "color-contrast-enhanced": 8, "color-contrast": 2, "hidden-content": 0 }, "htmlcs": { "w:AA.1_1_1.H67.2": 1, "w:AA.1_3_1.H48": 1, "w:AA.1_4_3.G145.Abs": 2, "w:AA.1_4_3.G145.BgImage": 2 }, "wave": { "a:heading_possible": 6, "a:link_redundant": 3 }, "tenon": { "98": 4, "144": 20, "152": 12, "153": 2, "271": 4 } }, "groupDetails": { "groups": { "focusIndication": { "testaro": { "focInd": { "score": 20, "what": "Focused element displaying no or nostandard focus indicator" } } }, "focusableOperable": { "testaro": { "focOp": { "score": 2, "what": "Operable elements that cannot be Tab-focused and vice versa" } } }, "hoverSurprise": { "testaro": { "hover": { "score": 1, "what": "Content changes caused by hovering" } } }, "linkIndication": { "testaro": { "linkUl": { "score": 19, "what": "Non-underlined adjacent links" } } }, "inconsistentStyles": { "testaro": { "styleDiff": { "score": 6, "what": "Heading, link, and button style inconsistencies" } } }, "zIndexNotZero": { "testaro": { "zIndex": { "score": 1, "what": "Layering with nondefault z-index values" } } }, "contrastAAA": { "alfa": { "r66": { "score": 1, "what": "Text contrast less than AAA requires" } }, "axe": { "color-contrast-enhanced": { "score": 2, "what": "Element has insufficient color contrast (Level AAA)" } } }, "contrastAA": { "alfa": { "r69": { "score": 2, "what": "Text outside widget has subminimum contrast" } }, "axe": { "color-contrast": { "score": 2, "what": "Element has insufficient color contrast" } } }, "allCaps": { "alfa": { "r72": { "score": 3, "what": "Paragraph text is uppercased" } }, "tenon": { "153": { "score": 1, "what": "Long string of text is in all caps" } } }, "hiddenContentRisk": { "axe": { "hidden-content": { "score": 1, "what": "Some content is hidden and therefore may not be testable for accessibility" } } }, "decorativeImageRisk": { "htmlcs": { "w:AA.1_1_1.H67.2": { "score": 1, "what": "Image marked as decorative may be informative" } } }, "pseudoNavListRisk": { "htmlcs": { "w:AA.1_3_1.H48": { "score": 1, "what": "Navigation links are not coded as a list" } } }, "contrastRisk": { "htmlcs": { "w:AA.1_4_3.G145.Abs": { "score": 1, "what": "Contrast between the absolutely positioned large text and its background may be less than 3:1" }, "w:AA.1_4_3.G145.BgImage": { "score": 1, "what": "Contrast between the text and its background image may be less than 3:1" } } }, "pseudoHeadingRisk": { "wave": { "a:heading_possible": { "score": 2, "what": "Possible heading" } } }, "linkPair": { "wave": { "a:link_redundant": { "score": 2, "what": "Adjacent links go to the same URL" } } }, "linkTextsSame": { "tenon": { "98": { "score": 2, "what": "Links have the same text but different destinations" } } }, "leadingClipsText": { "tenon": { "144": { "score": 20, "what": "Line height is insufficent to properly display the computed font size" } } }, "targetSize": { "tenon": { "152": { "score": 6, "what": "Actionable element is smaller than the minimum required size" } } }, "textRotated": { "tenon": { "271": { "score": 2, "what": "Text is needlessly rotated 60+ degrees or more, hurting comprehension" } } } }, "solos": {} }, "preventionScores": {}, "summary": { "total": 134, "log": 0, "preventions": 0, "solos": 0, "groups": [ { "groupName": "focusIndication", "score": 22 }, { "groupName": "leadingClipsText", "score": 22 }, { "groupName": "linkIndication", "score": 21 }, { "groupName": "inconsistentStyles", "score": 8 }, { "groupName": "targetSize", "score": 8 }, { "groupName": "contrastAA", "score": 5 }, { "groupName": "allCaps", "score": 5 }, { "groupName": "focusableOperable", "score": 4 }, { "groupName": "contrastAAA", "score": 4 }, { "groupName": "contrastRisk", "score": 4 }, { "groupName": "pseudoHeadingRisk", "score": 4 }, { "groupName": "linkPair", "score": 4 }, { "groupName": "linkTextsSame", "score": 4 }, { "groupName": "textRotated", "score": 4 }, { "groupName": "hoverSurprise", "score": 3 }, { "groupName": "zIndexNotZero", "score": 3 }, { "groupName": "hiddenContentRisk", "score": 3 }, { "groupName": "decorativeImageRisk", "score": 3 }, { "groupName": "pseudoNavListRisk", "score": 3 } ] } } }