Accessibility test digest
Synopsis
Page: Digital Accessibility Centre
URL: https://www.digitalaccessibilitycentre.org/
Score: 103
Tested by: Testaro, procedure tp12
Scored by: Testilo, procedure sp12a
Digested by: Testilo, procedure dp12a
Introduction
The Testaro application used its tp12
testing procedure to test the accessibility (barrier-free design and coding) of the Digital Accessibility Centre web page at https://www.digitalaccessibilitycentre.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 sp12a
scoring procedure to compute partial and total scores for the page. The total score is 103 (where 0 is the best possible score). The scored report is appended below.
Finally, Testilo used procedure dp12a
to produce this digest, briefly explaining how sp12a
computed the scores.
Score summary
total | 103 |
---|---|
linkIndication | 16 |
roleBad | 15 |
ariaReferenceBad | 10 |
targetSize | 8 |
invisibleLabel | 6 |
linkTextsSame | 6 |
noLeading | 5 |
horizontalScrolling | 5 |
inconsistentStyles | 4 |
formNewWindow | 4 |
hoverSurprise | 3 |
zIndexNotZero | 3 |
hiddenContentRisk | 3 |
contrastAAA | 3 |
decorativeImageRisk | 3 |
pseudoNavListRisk | 3 |
contrastRisk | 3 |
pseudoHeadingRisk | 3 |
Issue summary
Special issues
No special issues contributed to the score.
Classified issues
linkIndication: Score 16. Issues reported by tests in this category:
- Package
testaro
, testlinkUl
, score 14 (Non-underlined adjacent links)
roleBad: Score 15. Issues reported by tests in this category:
- Package
testaro
, testrole
, score 13 (Nonexistent or implicit-overriding role)
ariaReferenceBad: Score 10. Issues reported by tests in this category:
- Package
wave
, teste:aria_reference_broken
, score 8 (Broken ARIA reference)
targetSize: Score 8. Issues reported by tests in this category:
- Package
tenon
, test152
, score 6 (Actionable element is smaller than the minimum required size)
invisibleLabel: Score 6. Issues reported by tests in this category:
- Package
alfa
, testr14
, score 3 (Visible label is not in the accessible name) - Package
axe
, testlabel-content-name-mismatch
, score 2 (Element visible text is not part of its accessible name) - Package
htmlcs
, testw:AA.2_5_3.F96
, score 1 (Visible label is not in the accessible name)
linkTextsSame: Score 6. Issues reported by tests in this category:
- Package
tenon
, test98
, score 4 (Links have the same text but different destinations)
noLeading: Score 5. Issues reported by tests in this category:
- Package
alfa
, testr73
, score 3 (Paragraph of text has insufficient line height)
horizontalScrolling: Score 5. Issues reported by tests in this category:
- Package
tenon
, test28
, score 3 (Layout or sizing of the page causes horizontal scrolling)
inconsistentStyles: Score 4. Issues reported by tests in this category:
- Package
testaro
, teststyleDiff
, score 2 (Heading, link, and button style inconsistencies)
formNewWindow: Score 4. Issues reported by tests in this category:
- Package
tenon
, test214
, score 2 (Form submission opens a new window)
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)
contrastAAA: Score 3. Issues reported by tests in this category:
- Package
axe
, testcolor-contrast-enhanced
, score 1 (Element has insufficient color contrast (Level AAA))
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)
contrastRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs
, testw:AA.1_4_3.G18.Abs
, score 1 (Contrast between the absolutely positioned text and its background may be inadequate)
pseudoHeadingRisk: Score 3. Issues reported by tests in this category:
- Package
wave
, testa:heading_possible
, score 1 (Possible heading)
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 sp12a
. 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 sp12a
are found in the code itself.
Report
{ "id": "3zjtz-dac", "host": { "id": "dac", "which": "https://www.digitalaccessibilitycentre.org/", "what": "Digital Accessibility Centre" }, "log": [ { "event": "startTime", "value": "2022-07-06T01:45:44" }, { "event": "endTime", "value": "2022-07-06T01:47:28" } ], "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://www.digitalaccessibilitycentre.org/", "what": "Digital Accessibility Centre" }, { "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://www.digitalaccessibilitycentre.org/", "what": "Digital Accessibility Centre" }, { "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://www.digitalaccessibilitycentre.org/", "what": "Digital Accessibility Centre", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "tenonRequest", "id": "a", "withNewContent": true, "what": "Tenon API version 2 test request", "url": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "motion", "what": "motion", "delay": 2500, "interval": 2500, "count": 5, "url": "https://digitalaccessibilitycentre.org/", "result": { "bytes": [ 619505, 619505, 619505, 619505, 619505 ], "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://www.digitalaccessibilitycentre.org/", "what": "Digital Accessibility Centre", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "bulk", "what": "count of visible elements", "url": "https://digitalaccessibilitycentre.org/", "result": { "visibleElements": 174 } }, { "type": "test", "which": "embAc", "withItems": true, "what": "active elements embedded in links or buttons", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "links": 0, "buttons": 0, "inputs": 0, "selects": 0 }, "items": [] } }, { "type": "test", "which": "focAll", "what": "focusable and Tab-focused elements", "url": "https://digitalaccessibilitycentre.org/", "result": { "tabFocusables": 27, "tabFocused": 27, "discrepancy": 0 } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "focInd", "revealAll": false, "allowedDelay": 250, "withItems": true, "what": "focus indicators", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "total": 27, "types": { "indicatorMissing": { "total": 0, "tagNames": {} }, "nonOutlinePresent": { "total": 0, "tagNames": {} }, "outlinePresent": { "total": 27, "meanDelay": 0, "tagNames": { "A": 23, "IMG": 3, "INPUT": 1 } } } }, "items": { "indicatorMissing": [], "nonOutlinePresent": [], "outlinePresent": [ { "tagName": "A", "text": "Skip to main content", "delay": 0 }, { "tagName": "A", "text": "", "delay": 0 }, { "tagName": "IMG", "text": "", "delay": 0 }, { "tagName": "IMG", "text": "", "delay": 0 }, { "tagName": "IMG", "text": "", "delay": 0 }, { "tagName": "A", "text": "", "delay": 0 }, { "tagName": "A", "text": "Why is this in beta?", "delay": 0 }, { "tagName": "A", "text": "Home", "delay": 0 }, { "tagName": "A", "text": "About", "delay": 0 }, { "tagName": "A", "text": "Services", "delay": 0 }, { "tagName": "A", "text": "Resources", "delay": 0 }, { "tagName": "A", "text": "Clients", "delay": 0 }, { "tagName": "A", "text": "Contact", "delay": 0 }, { "tagName": "A", "text": "Accessin", "delay": 0 }, { "tagName": "A", "text": "More about user testing", "delay": 0 }, { "tagName": "A", "text": "Get in Touch", "delay": 0 }, { "tagName": "A", "text": "More about user testing", "delay": 0 }, { "tagName": "A", "text": "What we do", "delay": 0 }, { "tagName": "A", "text": "See clients", "delay": 0 }, { "tagName": "A", "text": "Follow us on Twitter", "delay": 0 }, { "tagName": "A", "text": "Join us on facebook", "delay": 0 }, { "tagName": "A", "text": "Connect on LinkedIn", "delay": 0 }, { "tagName": "A", "text": "info@digitalaccessibilitycentre.org", "delay": 0 }, { "tagName": "A", "text": "Site Map", "delay": 0 }, { "tagName": "A", "text": "Vacancies", "delay": 0 }, { "tagName": "A", "text": "Privacy Policy", "delay": 0 }, { "tagName": "INPUT", "text": "", "delay": 0 } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "focOp", "withItems": true, "what": "focusability and operability", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "total": 39, "types": { "onlyFocusable": { "total": 0, "tagNames": {} }, "onlyOperable": { "total": 0, "tagNames": {} }, "focusableAndOperable": { "total": 39, "tagNames": { "A": 33, "IMG": 3, "INPUT": 3 } } } }, "items": { "onlyFocusable": [], "onlyOperable": [], "focusableAndOperable": [ { "tagName": "A", "id": "", "text": "Skip to main content", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "<a href=\"/index.html\" style=\"cursor: default;\"><img src=\"/img/logo.svg\" class=\"w", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "IMG", "id": "acc-style-regular", "text": "<img src=\"/img/accessibility-style-a.svg\" id=\"acc-style-regular\" alt=\"Set websit", "byTag": false, "byOnClick": false, "byPointer": true }, { "tagName": "IMG", "id": "acc-style-blue", "text": "<img src=\"/img/accessibility-style-blue.svg\" id=\"acc-style-blue\" alt=\"Set websit", "byTag": false, "byOnClick": false, "byPointer": true }, { "tagName": "IMG", "id": "acc-style-high", "text": "<img src=\"/img/accessibility-style-high.svg\" id=\"acc-style-high\" alt=\"Set websit", "byTag": false, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "<a href=\"accessibility.html\" class=\"col-3 p-1\" style=\"cursor: default;\"><img src", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Why is this in beta?", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Home", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "About", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "About", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Meet the team", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "navbarDropdown2", "text": "Services", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Services", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "What we do", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Training and Consulting", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Design and Development", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Mobile Technology", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Issue Resolution", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "User Testing", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Audit and Accreditation", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Resources", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Clients", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Contact", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessin", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "More about user testing", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Get in Touch", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "More about user testing", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "What we do", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "See clients", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Follow us on Twitter", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Join us on facebook", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Connect on LinkedIn", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "info@digitalaccessibilitycentre.org", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Site Map", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Vacancies", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Privacy Policy", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "INPUT", "id": "AccessIN_url", "text": "<input type=\"hidden\" name=\"ai_url\" id=\"AccessIN_url\" value=\"unset\">", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "AccessIN_dom", "text": "<input type=\"hidden\" name=\"ai_dom\" id=\"AccessIN_dom\" value=\"unset\">", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "", "text": "<input type=\"image\" src=\"/img/ai-button.png\" alt=\"AccessIn Accessibility Service", "byTag": true, "byOnClick": false, "byPointer": true } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "hover", "headSize": 20, "headSampleSize": 20, "tailSampleSize": 15, "withItems": true, "what": "hover-caused content changes", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "triggers": 29, "headTriggers": 20, "tailTriggers": 9, "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://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "labClash", "withItems": true, "what": "labeling inconsistencies", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "mislabeled": 0, "unlabeled": 0, "wellLabeled": 1 }, "items": { "mislabeled": [], "unlabeled": [], "wellLabeled": [ { "index": 0, "tagName": "INPUT", "type": "image", "texts": { "content": "AccessIn Accessibility Service. Feedback form opens in a new window" } } ] } } }, { "type": "test", "which": "linkUl", "withItems": true, "what": "adjacent-link underlining", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "links": 33, "adjacent": { "total": 23, "underlined": 9, "underlinedPercent": 39 } }, "items": { "underlined": [ "Skip to main content", "", "", "Why is this in beta?", "Accessin", "Follow us on Twitter", "Join us on facebook", "Connect on LinkedIn", "info@digitalaccessibilitycentre.org" ], "notUnderlined": [ "Home", "About", "Services", "Resources", "Clients", "Contact", "More about user testing", "Get in Touch", "More about user testing", "What we do", "See clients", "Site Map", "Vacancies", "Privacy Policy" ] } } }, { "type": "test", "which": "menuNav", "withItems": true, "what": "keyboard navigation between focusable menu items", "url": "https://digitalaccessibilitycentre.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://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "radioSet", "withItems": true, "what": "fieldset grouping of radio buttons", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "total": 0, "inSet": 0, "percent": "N.A." }, "items": { "inSet": [], "notInSet": [] } } }, { "type": "test", "which": "role", "what": "roles", "url": "https://digitalaccessibilitycentre.org/", "result": { "roleElements": 31, "badRoleElements": 17, "tagNames": { "HEADER": { "banner": 1 }, "IMG": { "button": 3 }, "NAV": { "navigation": 1 }, "A": { "button": 10 }, "MAIN": { "main": 1 }, "FOOTER": { "contentinfo": 1 } } } }, { "type": "test", "which": "styleDiff", "withItems": true, "what": "style inconsistencies", "url": "https://digitalaccessibilitycentre.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": 23, "subtotals": [ 14, 9 ] }, "listLink": { "total": 10 }, "h1": { "total": 1 }, "h2": { "total": 11, "subtotals": [ 7, 4 ] }, "h3": { "total": 3 } }, "items": { "adjacentLink": { "textDecorationLine": { "underline": [ "Skip to main content", "", "", "Why is this in beta?", "Accessin", "Follow us on Twitter", "Join us on facebook", "Connect on LinkedIn", "info@digitalaccessibilitycentre.org" ], "none": [ "Home", "About", "Services", "Resources", "Clients", "Contact", "More about user testing", "Get in Touch", "More about user testing", "What we do", "See clients", "Site Map", "Vacancies", "Privacy Policy" ] } }, "h2": { "color": { "rgb(248, 249, 250)": [ "Accessibility training and consultancy", "Development, testing and accreditation", "Resolving issues", "Accessibility maintenance", "Talk to Us", "Social Media", "Contact" ], "rgb(35, 74, 112)": [ "Digital Inclusion", "Work with us", "How we work", "Our clients say..." ] } } } } }, { "type": "test", "which": "tabNav", "withItems": true, "what": "keyboard navigation between tab elements", "url": "https://digitalaccessibilitycentre.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://digitalaccessibilitycentre.org/", "result": { "totals": { "total": 2, "tagNames": { "UL": 2 } }, "items": [ { "tagName": "UL", "id": "", "text": "About Meet the team" }, { "tagName": "UL", "id": "", "text": "Services What we do Training and Consulting Design and Development Mobile Technology Issue Resolutio" } ] } }, { "type": "test", "which": "alfa", "what": "alfa", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "failures": 2, "warnings": 0 }, "items": [ { "index": 29, "verdict": "failed", "rule": { "ruleID": "r14", "ruleSummary": "Visible labels are included in accessible names", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r14", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#label-in-name", "chapter": "2.5.3", "title": "Label in Name" }, { "uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G208", "name": "G208", "title": "Including the text of the visible label as part of the accessible name" } ] }, "target": { "type": "element", "tagName": "a", "path": "/html[1]/body[1]/footer[1]/div[4]/a[1]", "codeLines": [ "<a href=\"mailto:info@digitalaccessibilitycentre.org\" class=\"white\" aria-labelledby=\"emailnotice\">", " info@digitalaccessibilitycentre.org", "</a>" ] } }, { "index": 510, "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]/div[1]/section[1]/div[1]/div[1]/div[1]/p[2]", "codeLines": [ "<p class=\"display-6\">", " Because everyone matters", "</p>" ] } } ] } }, { "type": "test", "which": "axe", "detailLevel": 2, "rules": [], "what": "Axe", "url": "https://digitalaccessibilitycentre.org/", "result": { "totals": { "rulesNA": 48, "rulesPassed": 47, "rulesWarned": 1, "rulesViolated": 2, "warnings": { "minor": 2, "moderate": 0, "serious": 0, "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:47:07.732Z", "url": "https://digitalaccessibilitycentre.org/", "toolOptions": { "resultTypes": [ "violations", "incomplete" ], "runOnly": { "type": "tag", "values": [ "experimental", "best-practice", "wcag2a", "wcag2aa", "wcag2aaa", "wcag21a", "wcag21aa", "wcag21aaa" ] }, "reporter": "v1" }, "incomplete": [ { "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": "<ul class=\"dropdown-menu w-100\" aria-labelledby=\"navbarDropdown\">", "target": [ ".dropdown.nav-item.col-lg-2:nth-child(2) > .dropdown-menu[aria-labelledby=\"navbarDropdown\"]" ], "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": "<ul class=\"dropdown-menu w-100\" aria-labelledby=\"navbarDropdown\">", "target": [ ".dropdown.nav-item.col-lg-2:nth-child(3) > .dropdown-menu[aria-labelledby=\"navbarDropdown\"]" ], "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": "#87cefa", "bgColor": "#234a70", "contrastRatio": 5.35, "fontSize": "12.0pt (16px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"row bg-dac-blue mx-1-sm border-bottom\">", "target": [ "section:nth-child(3) > .border-bottom.mx-1-sm.bg-dac-blue" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 5.35 (foreground color: #87cefa, background color: #234a70, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://accessin.org/\" class=\"lightskyblue\">Accessin</a>", "target": [ ".lightskyblue" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.35 (foreground color: #87cefa, background color: #234a70, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1" } ] }, { "id": "label-content-name-mismatch", "impact": "serious", "tags": [ "cat.semantics", "wcag21a", "wcag253", "experimental" ], "description": "Ensures that elements labelled through their content must have their visible text as part of their accessible name", "help": "Elements must have their visible text as part of their accessible name", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/label-content-name-mismatch?application=axeAPI", "nodes": [ { "any": [ { "id": "label-content-name-mismatch", "data": null, "relatedNodes": [], "impact": "serious", "message": "Text inside the element is not included in the accessible name" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"mailto:info@digitalaccessibilitycentre.org\" class=\"white\" aria-labelledby=\"emailnotice\">info@digitalaccessibilitycentre.org</a>", "target": [ "a[aria-labelledby=\"emailnotice\"]" ], "failureSummary": "Fix any of the following:\n Text inside the element is not included in the accessible name" } ] } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "htmlcs", "what": "HTML CodeSniffer WCAG 2.1 AA ruleset", "url": "https://digitalaccessibilitycentre.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": "#foot-logo", "code": "<img src=\"/img/logo.svg\" class=\"w-50\" alt=\"\" id=\"foot-logo\">" } ] }, "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=\"col ps-5\">...</div>" } ] }, "AA.1_4_3.G18.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 4.5:1.": [ { "tagName": "a", "id": "", "code": "<a href=\"#mainContent\" class=\"visually-hidden-focusable\">...</a>" } ] }, "AA.2_5_3.F96": { "Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.": [ { "tagName": "a", "id": "", "code": "<a href=\"mailto:info@digitalaccessibilitycentre.org\" class=\"white\" aria-labelledby=\"emailnotice\">...</a>" } ] } } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "ibm", "withItems": true, "what": "IBM Accessibility Checker", "url": "https://digitalaccessibilitycentre.org/", "result": { "content": { "totals": { "violation": 3, "recommendation": 4, "ignored": 0 }, "items": [ { "ruleId": "Rpt_Aria_ValidIdRef", "path": { "dom": "/html[1]/body[1]/div[1]/header[1]/nav[1]/ul[1]/li[3]/ul[1]", "aria": "/document[1]/banner[1]/navigation[1]/list[1]/listitem[3]/list[1]" }, "message": "The 'id' \"navbarDropdown\" specified for the ARIA property 'aria-labelledby' value is not valid", "bounds": { "left": 48, "top": 209, "height": 148, "width": 744 }, "snippet": "<ul aria-labelledby=\"navbarDropdown\" class=\"dropdown-menu w-100\">", "level": "violation" }, { "ruleId": "Rpt_Aria_ValidIdRef", "path": { "dom": "/html[1]/body[1]/div[1]/header[1]/nav[1]/ul[1]/li[2]/ul[1]", "aria": "/document[1]/banner[1]/navigation[1]/list[1]/listitem[2]/list[1]" }, "message": "The 'id' \"navbarDropdown\" specified for the ARIA property 'aria-labelledby' value is not valid", "bounds": { "left": 48, "top": 154, "height": 37, "width": 744 }, "snippet": "<ul aria-labelledby=\"navbarDropdown\" class=\"dropdown-menu w-100\">", "level": "violation" }, { "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": 8, "top": 8, "height": 18, "width": 133 }, "snippet": "<a class=\"visually-hidden-focusable\" href=\"#mainContent\">", "level": "violation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/main[1]", "aria": "/document[1]/main[1]" }, "message": "The explicitly-assigned ARIA role \"main\" is redundant with the implicit role of the element <main>", "bounds": { "left": 8, "top": 429, "height": 1710, "width": 784 }, "snippet": "<main role=\"main\" id=\"mainContent\" class=\"container-fluid px-5-sm\" tabindex=\"-1\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/footer[1]", "aria": "/document[1]/contentinfo[1]" }, "message": "The explicitly-assigned ARIA role \"contentinfo\" is redundant with the implicit role of the element <footer>", "bounds": { "left": 8, "top": 2138, "height": 909, "width": 784 }, "snippet": "<footer role=\"contentinfo\" class=\"bg-dac-blue text-light container-fluid p-0\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/div[1]/header[1]/nav[1]", "aria": "/document[1]/banner[1]/navigation[1]" }, "message": "The explicitly-assigned ARIA role \"navigation\" is redundant with the implicit role of the element <nav>", "bounds": { "left": 8, "top": 117, "height": 296, "width": 784 }, "snippet": "<nav role=\"navigation\" class=\"container-fluid navbar navbar-dark bg-dac-blue justify-content-center fs-5\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/div[1]/header[1]", "aria": "/document[1]/banner[1]" }, "message": "The explicitly-assigned ARIA role \"banner\" is redundant with the implicit role of the element <header>", "bounds": { "left": 8, "top": 27, "height": 386, "width": 784 }, "snippet": "<header role=\"banner\" class=\"container-fluid bg-white p-0\">", "level": "recommendation" } ] }, "url": { "totals": { "violation": 1, "recommendation": 4, "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": -1, "top": -1, "height": 1, "width": 1 }, "snippet": "<a class=\"visually-hidden-focusable\" href=\"#mainContent\">", "level": "violation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/main[1]", "aria": "/document[1]/main[1]" }, "message": "The explicitly-assigned ARIA role \"main\" is redundant with the implicit role of the element <main>", "bounds": { "left": 0, "top": 718, "height": 4572, "width": 800 }, "snippet": "<main role=\"main\" id=\"mainContent\" class=\"container-fluid px-5-sm\" tabindex=\"-1\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/footer[1]", "aria": "/document[1]/contentinfo[1]" }, "message": "The explicitly-assigned ARIA role \"contentinfo\" is redundant with the implicit role of the element <footer>", "bounds": { "left": 0, "top": 5337, "height": 1594, "width": 800 }, "snippet": "<footer role=\"contentinfo\" class=\"bg-dac-blue text-light container-fluid p-0\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/div[1]/header[1]/nav[1]", "aria": "/document[1]/banner[1]/navigation[1]" }, "message": "The explicitly-assigned ARIA role \"navigation\" is redundant with the implicit role of the element <nav>", "bounds": { "left": 0, "top": 426, "height": 292, "width": 800 }, "snippet": "<nav role=\"navigation\" class=\"container-fluid navbar navbar-dark bg-dac-blue justify-content-center fs-5\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/div[1]/header[1]", "aria": "/document[1]/banner[1]" }, "message": "The explicitly-assigned ARIA role \"banner\" is redundant with the implicit role of the element <header>", "bounds": { "left": 0, "top": 0, "height": 718, "width": 800 }, "snippet": "<header role=\"banner\" class=\"container-fluid bg-white p-0\">", "level": "recommendation" } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "wave", "reportType": 4, "what": "WAVE", "url": "https://digitalaccessibilitycentre.org/", "result": { "status": { "success": true, "httpstatuscode": 200 }, "statistics": { "pagetitle": "Home | Digital Accessibility Centre", "pageurl": "https://digitalaccessibilitycentre.org/", "time": 5.13, "creditsremaining": 384, "allitemcount": 96, "totalelements": 222, "waveurl": "http://wave.webaim.org/report?url=https://digitalaccessibilitycentre.org/" }, "categories": { "error": { "description": "Errors", "count": 2, "items": { "aria_reference_broken": { "id": "aria_reference_broken", "description": "Broken ARIA reference", "count": 2, "selectors": [ "HTML > HEAD:first-child + BODY > A:first-child + DIV > HEADER:first-child > DIV:first-child + DIV + NAV > UL:first-child > LI:first-child + LI > A:first-child + UL", "HTML > HEAD:first-child + BODY > A:first-child + DIV > HEADER:first-child > DIV:first-child + DIV + NAV > UL:first-child > LI:first-child + LI + LI > A:first-child + UL" ], "wcag": [ { "name": "1.3.1 Info and Relationships (Level A)", "link": "https://webaim.org/standards/wcag/checklist#sc1.3.1" }, { "name": "4.1.2 Name, Role, Value (Level A)", "link": "https://webaim.org/standards/wcag/checklist#sc4.1.2" } ] } } }, "contrast": { "description": "Contrast Errors", "count": 0, "items": [] }, "alert": { "description": "Alerts", "count": 1, "items": { "heading_possible": { "id": "heading_possible", "description": "Possible heading", "count": 1, "selectors": [ "HTML > HEAD:first-child + BODY > MAIN#mainContent > DIV:first-child > SECTION:first-child > DIV:first-child > DIV:first-child > DIV:first-child > IMG:first-child + H1 + P + P" ], "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" } ] } } } } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://www.digitalaccessibilitycentre.org/", "what": "URL", "result": "https://digitalaccessibilitycentre.org/" }, { "type": "test", "which": "tenon", "id": "a", "what": "Tenon", "url": "https://digitalaccessibilitycentre.org/", "result": { "status": 200, "message": "OK", "code": "success", "info": "Success", "moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success", "responseExecTime": "0.088", "responseTime": "2022-07-06T01:47:28.176Z", "data": { "apiErrors": [], "documentSize": 1014810, "metadata": null, "resultSummary": { "tests": { "total": 180, "passing": 176, "failing": 4 }, "issues": { "totalErrors": 7, "totalWarnings": 0, "totalIssues": 7 }, "issuesByLevel": { "A": { "count": 5, "pct": 71.43 }, "AA": { "count": 3, "pct": 42.86 }, "AAA": { "count": 7, "pct": 100 } }, "density": { "errorDensity": 1, "warningDensity": 0, "allDensity": 1 } }, "projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490", "responseID": "556cef3e-31fb-4657-a933-26f0ebe59172", "docID": "049e1968-62cf-42bc-d31b-efe63d05007a", "sourceHash": "ad1a24ea73ba296ca3aef24e0cde7867", "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=556cef3e-31fb-4657-a933-26f0ebe59172", "resultSet": [ { "tID": 28, "bpID": 3, "priority": 100, "level": [ "AAA" ], "certainty": 100, "errorTitle": "The layout or sizing of this page causes horizontal scrolling.", "standards": [ "Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 1.4.8 Visual Presentation" ], "resultTitle": "Avoid layouts that result in horizontal scroll", "errorDescription": "This page is too wide, causing horizontal scrolling (at the tested viewport size). Horizontal scrolling will cause difficulties for users with low vision, especially if they have their monitor set to a low resolution. Review HTML, CSS and page element sizes to ensure 100% width is not exceeded.", "viewPortLocation": { "top-left": { "x": 0, "y": 0 }, "bottom-right": { "x": 1024, "y": 4593.88 }, "height": 4593.88, "width": 1024 }, "position": { "line": 2850, "column": 60 }, "errorSnippet": "<body class=\"bg-white\"> <a href=\"#mainContent\" class=\"visually-hidden-focusable\"> Skip to main content </a> <div class=\"border-sm container-fluid p-0 shadow-lg\"> <header class=\"container-fluid bg-white p-0\" role=\"banner\"> &l", "xpath": "/html/body", "issueID": "6dfb9e49d78dd210556d467d13f027db", "signature": "20ac5d805a5742d931a184fb87d682cf", "ref": "https://tenon.io/bestpractice.php?bpID=3&tID=28&issueID=6dfb9e49d78dd210556d467d13f027db" }, { "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": 0, "y": 0 }, "bottom-right": { "x": -32, "y": -8 }, "height": -8, "width": -32 }, "position": { "line": 815, "column": 0 }, "errorSnippet": "<a class=\"dropdown-item\" href=\"about.html\">About</a>", "xpath": "/html/body/div[1]/header[1]/nav[1]/ul[1]/li[2]/ul[1]/li[1]/a[1]", "issueID": "137ad7df26ea708b3eddff296c2f7da5", "signature": "a60e6fc0d1eab038cdc0a2f1f2622926", "ref": "https://tenon.io/bestpractice.php?bpID=105&tID=98&issueID=137ad7df26ea708b3eddff296c2f7da5" }, { "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": 0, "y": 0 }, "bottom-right": { "x": -32, "y": -8 }, "height": -8, "width": -32 }, "position": { "line": 815, "column": 0 }, "errorSnippet": "<a class=\"dropdown-item\" href=\"services.html\">Services</a>", "xpath": "/html/body/div[1]/header[1]/nav[1]/ul[1]/li[3]/ul[1]/li[1]/a[1]", "issueID": "106782253e1a4088a851bf1be7bb6cc1", "signature": "760daa8185a83aae10be7b74db570159", "ref": "https://tenon.io/bestpractice.php?bpID=105&tID=98&issueID=106782253e1a4088a851bf1be7bb6cc1" }, { "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": 117.890625, "y": 3760.71875 }, "bottom-right": { "x": 278.890625, "y": 3777.71875 }, "height": 17, "width": 161 }, "position": { "line": 4448, "column": 0 }, "errorSnippet": "<a href=\"https://twitter.com/DACcessibility\" class=\"white\"><svg class=\"svg-inline--fa fa-twitter\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fab\" data-icon=\"twitter\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" data", "xpath": "/html/body/footer[1]/div[3]/div[1]/div[1]/a[1]", "issueID": "1ffb8d904b4e103d55a213df40b309c7", "signature": "5e494896aadfdbb71ef3bc601481086e", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=1ffb8d904b4e103d55a213df40b309c7" }, { "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": 418.609375, "y": 3760.71875 }, "bottom-right": { "x": 580.609375, "y": 3777.71875 }, "height": 17, "width": 162 }, "position": { "line": 4807, "column": 0 }, "errorSnippet": "<a href=\"https://www.facebook.com/DigitalAccessibilityCentre\" class=\"white\"><svg class=\"svg-inline--fa fa-facebook\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fab\" data-icon=\"facebook\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox", "xpath": "/html/body/footer[1]/div[3]/div[1]/div[2]/a[1]", "issueID": "9a8fadac6c9c99479c5b1d49890ac195", "signature": "fdb4c232686c14c76a68f1f57ba52d80", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=9a8fadac6c9c99479c5b1d49890ac195" }, { "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": 718.703125, "y": 3760.71875 }, "bottom-right": { "x": 883.703125, "y": 3777.71875 }, "height": 17, "width": 165 }, "position": { "line": 4807, "column": 0 }, "errorSnippet": "<a href=\"https://linkedin.com/company/digital-accessibility-centre\" class=\"white\"><svg class=\"svg-inline--fa fa-linkedin\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fab\" data-icon=\"linkedin\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" v", "xpath": "/html/body/footer[1]/div[3]/div[1]/div[3]/a[1]", "issueID": "aefca5819b09f4ab9abc0395829592be", "signature": "2c7d2cf3c0cee3541e8624cad255c57a", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=aefca5819b09f4ab9abc0395829592be" }, { "tID": 214, "bpID": 207, "priority": 88, "level": [ "AAA" ], "certainty": 100, "errorTitle": "Do not open new windows on form submission.", "standards": [ "Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request" ], "resultTitle": "Notify the user when links will open new windows or tabs", "errorDescription": "This form is set to open a new window or tab when the form is submitted. This may result in disorientation or confusion for users who do not expect the new window to appear or who cannot see the change to a new window. Remove `target=\"_blank\"` from this `<form>` element.", "viewPortLocation": { "top-left": { "x": 16, "y": 4482.71875 }, "bottom-right": { "x": 984, "y": 4537.87495 }, "height": 55.1562, "width": 968 }, "position": { "line": 815, "column": 0 }, "errorSnippet": "<form target=\"_blank\" id=\"AccessIN_form\" action=\"https://accessin.org/app/accessin/index.php/welcome2/index_AccessIN\" method=\"post\"><input type=\"hidden\" name=\"ai_url\" id=\"AccessIN_url\" value=\"unset\" style=\"\"><input type=\"hidden\" name=\"ai_d", "xpath": "/html/body/footer[1]/div[6]/form[1]", "issueID": "29405be5daef4b6e030c005320a7ae6f", "signature": "86afcdbf1a78ee577694adc160081ef9", "ref": "https://tenon.io/bestpractice.php?bpID=207&tID=214&issueID=29405be5daef4b6e030c005320a7ae6f" } ], "log": [] } } } ], "timeStamp": "3zjtz", "startTime": "2022-07-06T01:45:44", "presses": 0, "amountRead": 0, "testTimes": [ [ "hover", 45 ], [ "motion", 13 ], [ "wave", 5 ], [ "alfa", 4 ], [ "ibm", 4 ], [ "tenon", 1 ], [ "bulk", 0 ], [ "embAc", 0 ], [ "focAll", 0 ], [ "focInd", 0 ], [ "focOp", 0 ], [ "labClash", 0 ], [ "linkUl", 0 ], [ "menuNav", 0 ], [ "radioSet", 0 ], [ "role", 0 ], [ "styleDiff", 0 ], [ "tabNav", 0 ], [ "zIndex", 0 ], [ "axe", 0 ], [ "htmlcs", 0 ] ], "logCount": 0, "logSize": 0, "errorLogCount": 0, "errorLogSize": 0, "prohibitedCount": 0, "visitTimeoutCount": 0, "visitRejectionCount": 0, "endTime": "2022-07-06T01:47:28", "elapsedSeconds": 103, "score": { "scoreProcID": "sp12a", "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": { "hover": 1, "linkUl": 28, "role": 17, "styleDiff": 7, "zIndex": 2 }, "alfa": { "r14": 4, "r73": 4 }, "axe": { "hidden-content": 0, "color-contrast-enhanced": 3, "label-content-name-mismatch": 3 }, "htmlcs": { "w:AA.1_1_1.H67.2": 1, "w:AA.1_3_1.H48": 1, "w:AA.1_4_3.G18.Abs": 1, "w:AA.2_5_3.F96": 1 }, "wave": { "e:aria_reference_broken": 8, "a:heading_possible": 1 }, "tenon": { "28": 4, "98": 8, "152": 12, "214": 4 } }, "groupDetails": { "groups": { "hoverSurprise": { "testaro": { "hover": { "score": 1, "what": "Content changes caused by hovering" } } }, "linkIndication": { "testaro": { "linkUl": { "score": 14, "what": "Non-underlined adjacent links" } } }, "roleBad": { "testaro": { "role": { "score": 13, "what": "Nonexistent or implicit-overriding role" } } }, "inconsistentStyles": { "testaro": { "styleDiff": { "score": 2, "what": "Heading, link, and button style inconsistencies" } } }, "zIndexNotZero": { "testaro": { "zIndex": { "score": 1, "what": "Layering with nondefault z-index values" } } }, "invisibleLabel": { "alfa": { "r14": { "score": 3, "what": "Visible label is not in the accessible name" } }, "axe": { "label-content-name-mismatch": { "score": 2, "what": "Element visible text is not part of its accessible name" } }, "htmlcs": { "w:AA.2_5_3.F96": { "score": 1, "what": "Visible label is not in the accessible name" } } }, "noLeading": { "alfa": { "r73": { "score": 3, "what": "Paragraph of text has insufficient line height" } } }, "hiddenContentRisk": { "axe": { "hidden-content": { "score": 1, "what": "Some content is hidden and therefore may not be testable for accessibility" } } }, "contrastAAA": { "axe": { "color-contrast-enhanced": { "score": 1, "what": "Element has insufficient color contrast (Level AAA)" } } }, "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.G18.Abs": { "score": 1, "what": "Contrast between the absolutely positioned text and its background may be inadequate" } } }, "ariaReferenceBad": { "wave": { "e:aria_reference_broken": { "score": 8, "what": "Broken ARIA reference" } } }, "pseudoHeadingRisk": { "wave": { "a:heading_possible": { "score": 1, "what": "Possible heading" } } }, "horizontalScrolling": { "tenon": { "28": { "score": 3, "what": "Layout or sizing of the page causes horizontal scrolling" } } }, "linkTextsSame": { "tenon": { "98": { "score": 4, "what": "Links have the same text but different destinations" } } }, "targetSize": { "tenon": { "152": { "score": 6, "what": "Actionable element is smaller than the minimum required size" } } }, "formNewWindow": { "tenon": { "214": { "score": 2, "what": "Form submission opens a new window" } } } }, "solos": {} }, "preventionScores": {}, "summary": { "total": 103, "log": 0, "preventions": 0, "solos": 0, "groups": [ { "groupName": "linkIndication", "score": 16 }, { "groupName": "roleBad", "score": 15 }, { "groupName": "ariaReferenceBad", "score": 10 }, { "groupName": "targetSize", "score": 8 }, { "groupName": "invisibleLabel", "score": 6 }, { "groupName": "linkTextsSame", "score": 6 }, { "groupName": "noLeading", "score": 5 }, { "groupName": "horizontalScrolling", "score": 5 }, { "groupName": "inconsistentStyles", "score": 4 }, { "groupName": "formNewWindow", "score": 4 }, { "groupName": "hoverSurprise", "score": 3 }, { "groupName": "zIndexNotZero", "score": 3 }, { "groupName": "hiddenContentRisk", "score": 3 }, { "groupName": "contrastAAA", "score": 3 }, { "groupName": "decorativeImageRisk", "score": 3 }, { "groupName": "pseudoNavListRisk", "score": 3 }, { "groupName": "contrastRisk", "score": 3 }, { "groupName": "pseudoHeadingRisk", "score": 3 } ] } } }