Accessibility test digest
Synopsis
Page: Intopia
URL: https://intopia.digital/
Score: 286
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 Intopia web page at https://intopia.digital/ on 2022/07/09. 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 286 (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 | 286 |
---|---|
log | 107 |
focusIndication | 28 |
contrastAAA | 23 |
linkForcesNewWindow | 17 |
contrastAA | 16 |
linkIndication | 15 |
roleBad | 13 |
targetSize | 10 |
contrastRisk | 7 |
inconsistentStyles | 6 |
invisibleLabel | 6 |
h1Missing | 5 |
horizontalScrolling | 5 |
zIndexNotZero | 4 |
hoverSurprise | 3 |
hiddenContentRisk | 3 |
decorativeImageRisk | 3 |
pseudoNavListRisk | 3 |
headingStructure | 3 |
scrollRisk | 3 |
imageTextLong | 3 |
pseudoHeadingRisk | 3 |
Issue summary
Special issues
log: Score 107. This is based on the amount of browser error logging and miscellaneous logging during the tests.
Classified issues
focusIndication: Score 28. Issues reported by tests in this category:
- Package
testaro
, testfocInd
, score 26 (Focused element displaying no or nostandard focus indicator)
contrastAAA: Score 23. Issues reported by tests in this category:
- Package
alfa
, testr66
, score 9 (Text contrast less than AAA requires) - Package
axe
, testcolor-contrast-enhanced
, score 17 (Element has insufficient color contrast (Level AAA))
linkForcesNewWindow: Score 17. Issues reported by tests in this category:
- Package
tenon
, test218
, score 15 (Link opens in a new window without user control)
contrastAA: Score 16. Issues reported by tests in this category:
- Package
alfa
, testr69
, score 11 (Text outside widget has subminimum contrast) - Package
axe
, testcolor-contrast
, score 8 (Element has insufficient color contrast)
linkIndication: Score 15. Issues reported by tests in this category:
- Package
testaro
, testlinkUl
, score 13 (Non-underlined adjacent links)
roleBad: Score 13. Issues reported by tests in this category:
- Package
testaro
, testrole
, score 6 (Nonexistent or implicit-overriding role) - Package
alfa
, testr21
, score 9 (Element does not have a valid role)
targetSize: Score 10. Issues reported by tests in this category:
- Package
tenon
, test152
, score 8 (Actionable element is smaller than the minimum required size)
contrastRisk: Score 7. 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) - Package
htmlcs
, testw:AA.1_4_3.G18.BgImage
, score 1 (Contrast between the text and its background image may be less than 4.5:1) - Package
htmlcs
, testw:AA.1_4_3_F24.F24.BGColour
, score 1 (Inline background color may lack a complementary foreground color) - Package
htmlcs
, testw:AA.1_4_3_F24.F24.FGColour
, score 1 (Inline foreground color may lack a complementary background color)
inconsistentStyles: Score 6. Issues reported by tests in this category:
- Package
testaro
, teststyleDiff
, score 4 (Heading, link, and button style inconsistencies)
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)
h1Missing: Score 5. Issues reported by tests in this category:
- Package
alfa
, testr61
, score 2 (First heading is not h1) - Package
axe
, testpage-has-heading-one
, score 1 (Page contains no level-one heading) - Package
wave
, testa:h1_missing
, score 1 (Missing first level heading)
horizontalScrolling: Score 5. Issues reported by tests in this category:
- Package
tenon
, test28
, score 3 (Layout or sizing of the page causes horizontal scrolling)
zIndexNotZero: Score 4. Issues reported by tests in this category:
- Package
testaro
, testzIndex
, score 2 (Layering with nondefault z-index values)
hoverSurprise: Score 3. Issues reported by tests in this category:
- Package
testaro
, testhover
, score 1 (Content changes caused by hovering)
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)
headingStructure: Score 3. Issues reported by tests in this category:
- Package
htmlcs
, testw:AA.1_3_1_A.G141
, score 1 (Heading level is incorrect) - Package
tenon
, test155
, score 1 (Headings are not structured in a hierarchical manner)
scrollRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs
, testw:AA.1_4_10.C32,C31,C33,C38,SCR34,G206
, score 1 (Fixed-position element may force bidirectional scrolling)
imageTextLong: Score 3. Issues reported by tests in this category:
- Package
wave
, testa:alt_long
, score 1 (Long text alternative)
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": "42ubn-intopia", "host": { "id": "intopia", "which": "https://intopia.digital/", "what": "Intopia" }, "log": [ { "event": "startTime", "value": "2022-07-09T15:05:52" }, { "event": "endTime", "value": "2022-07-09T15:08:00" } ], "script": { "id": "tp12", "what": "Alfa, Axe, HTML CodeSniffer, IBM, Tenon, WAVE, and 16 custom tests", "strict": true, "timeLimit": 300, "commands": [ { "type": "launch", "which": "webkit", "what": "Webkit browser" }, { "type": "url", "which": "https://intopia.digital/", "what": "Intopia" }, { "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://intopia.digital/", "what": "Intopia" }, { "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://intopia.digital/", "what": "Intopia", "result": "https://intopia.digital/" }, { "type": "tenonRequest", "id": "a", "withNewContent": true, "what": "Tenon API version 2 test request", "url": "https://intopia.digital/" }, { "type": "test", "which": "motion", "what": "motion", "delay": 2500, "interval": 2500, "count": 5, "url": "https://intopia.digital/", "result": { "bytes": [ 112858, 112858, 112858, 112858, 112858 ], "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://intopia.digital/", "what": "Intopia", "result": "https://intopia.digital/" }, { "type": "test", "which": "bulk", "what": "count of visible elements", "url": "https://intopia.digital/", "result": { "visibleElements": 153 } }, { "type": "test", "which": "embAc", "withItems": true, "what": "active elements embedded in links or buttons", "url": "https://intopia.digital/", "result": { "totals": { "links": 0, "buttons": 0, "inputs": 0, "selects": 0 }, "items": [] } }, { "type": "test", "which": "focAll", "what": "focusable and Tab-focused elements", "url": "https://intopia.digital/", "result": { "tabFocusables": 34, "tabFocused": 34, "discrepancy": 0 } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "focInd", "revealAll": false, "allowedDelay": 250, "withItems": true, "what": "focus indicators", "url": "https://intopia.digital/", "result": { "totals": { "total": 34, "types": { "indicatorMissing": { "total": 0, "tagNames": {} }, "nonOutlinePresent": { "total": 26, "tagNames": { "A": 22, "INPUT": 4 } }, "outlinePresent": { "total": 8, "meanDelay": 0, "tagNames": { "A": 7, "BUTTON": 1 } } } }, "items": { "indicatorMissing": [], "nonOutlinePresent": [ { "tagName": "A", "text": "Skip to content" }, { "tagName": "INPUT", "text": "" }, { "tagName": "A", "text": "Services" }, { "tagName": "A", "text": "Resources" }, { "tagName": "A", "text": "About us" }, { "tagName": "A", "text": "Work with us" }, { "tagName": "A", "text": "Articles" }, { "tagName": "A", "text": "Contact us" }, { "tagName": "A", "text": "See our services" }, { "tagName": "A", "text": "Accessibility testing" }, { "tagName": "A", "text": "Strategy & consulting" }, { "tagName": "A", "text": "Accessibility training" }, { "tagName": "A", "text": "Usability testing" }, { "tagName": "A", "text": "See our resources" }, { "tagName": "A", "text": "Read about our philosophy" }, { "tagName": "INPUT", "text": "" }, { "tagName": "INPUT", "text": "" }, { "tagName": "INPUT", "text": "" }, { "tagName": "A", "text": "About us" }, { "tagName": "A", "text": "Services" }, { "tagName": "A", "text": "Work with us" }, { "tagName": "A", "text": "Contact us" }, { "tagName": "A", "text": "Articles" }, { "tagName": "A", "text": "Intopia on Facebook" }, { "tagName": "A", "text": "Intopia on Twitter" }, { "tagName": "A", "text": "Intopia on LinkedIn" } ], "outlinePresent": [ { "tagName": "A", "text": "", "delay": 0 }, { "tagName": "BUTTON", "text": "", "delay": 0 }, { "tagName": "A", "text": "Intopia", "delay": 0 }, { "tagName": "A", "text": "PB Web Development", "delay": 0 }, { "tagName": "A", "text": "", "delay": 0 }, { "tagName": "A", "text": "", "delay": 0 }, { "tagName": "A", "text": "", "delay": 0 }, { "tagName": "A", "text": "", "delay": 0 } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "focOp", "withItems": true, "what": "focusability and operability", "url": "https://intopia.digital/", "result": { "totals": { "total": 54, "types": { "onlyFocusable": { "total": 0, "tagNames": {} }, "onlyOperable": { "total": 0, "tagNames": {} }, "focusableAndOperable": { "total": 54, "tagNames": { "A": 35, "INPUT": 14, "BUTTON": 3, "TEXTAREA": 1, "IFRAME": 1 } } } }, "items": { "onlyFocusable": [], "onlyOperable": [], "focusableAndOperable": [ { "tagName": "A", "id": "skip-link", "text": "Skip to content", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "<a href=\"https://intopia.digital/\" aria-label=\"home\" style=\"cursor: default;\"> <", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "INPUT", "id": "", "text": "<input type=\"search\" class=\"search-field\" placeholder=\"search\" value=\"\" name=\"s\"", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "BUTTON", "id": "", "text": "<button type=\"submit\" aria-label=\"Search\" class=\"search-submit\" style=\"cursor: d", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Services", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Resources", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "About us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Work with us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Articles", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Contact us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "BUTTON", "id": "offcanvas-toggle", "text": "Menu", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Services", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Resources", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "About us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Work with us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Articles", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Contact us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "INPUT", "id": "", "text": "<input type=\"search\" class=\"search-field\" placeholder=\"search\" value=\"\" name=\"s\"", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "BUTTON", "id": "", "text": "<button type=\"submit\" class=\"search-submit\" aria-label=\"Search\" style=\"cursor: d", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "See our services", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessibility testing", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Strategy & consulting", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Accessibility training", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Usability testing", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "See our resources", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Read about our philosophy", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "INPUT", "id": "input_2_1", "text": "<input name=\"input_1\" id=\"input_2_1\" type=\"text\" value=\"\" class=\"large\" aria-req", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "input_2_2", "text": "<input name=\"input_2\" id=\"input_2_2\" autocomplete=\"email\" type=\"email\" value=\"\" ", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "gform_submit_button_2", "text": "<input type=\"submit\" id=\"gform_submit_button_2\" class=\"gform_button button btn\" ", "byTag": true, "byOnClick": true, "byPointer": true }, { "tagName": "INPUT", "id": "", "text": "<input type=\"hidden\" name=\"gform_ajax\" value=\"form_id=2&title=&descripti", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "", "text": "<input type=\"hidden\" class=\"gform_hidden\" name=\"is_submit_2\" value=\"1\">", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "", "text": "<input type=\"hidden\" class=\"gform_hidden\" name=\"gform_submit\" value=\"2\">", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "", "text": "<input type=\"hidden\" class=\"gform_hidden\" name=\"gform_unique_id\" value=\"\">", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "", "text": "<input type=\"hidden\" class=\"gform_hidden\" name=\"state_2\" value=\"WyJbXSIsIjJmMWRj", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "gform_target_page_number_2", "text": "<input type=\"hidden\" class=\"gform_hidden\" name=\"gform_target_page_number_2\" id=\"", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "gform_source_page_number_2", "text": "<input type=\"hidden\" class=\"gform_hidden\" name=\"gform_source_page_number_2\" id=\"", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "", "text": "<input type=\"hidden\" name=\"gform_field_values\" value=\"\">", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "TEXTAREA", "id": "", "text": "<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"></textarea>", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "INPUT", "id": "ak_js_1", "text": "<input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"1657379188438\">", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "IFRAME", "id": "gform_ajax_frame_2", "text": "<iframe style=\"display:none;width:0px;height:0px;\" src=\"about:blank\" name=\"gform", "byTag": true, "byOnClick": false, "byPointer": false }, { "tagName": "A", "id": "", "text": "About us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Services", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Work with us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Contact us", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Articles", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Intopia on Facebook", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Intopia on Twitter", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Intopia on LinkedIn", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "Intopia", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "PB Web Development", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "<a href=\"https://www.w3.org\" target=\"_blank\" rel=\"noopener\" style=\"cursor: defau", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "<a href=\"http://www.pledge1percent.org/\" target=\"_blank\" rel=\"noopener\" style=\"c", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "<a href=\"http://bcorporation.com.au/\" target=\"_blank\" rel=\"noopener\" style=\"curs", "byTag": true, "byOnClick": false, "byPointer": true }, { "tagName": "A", "id": "", "text": "<a href=\"https://www.accessibilityassociation.org\" target=\"_blank\" rel=\"noopener", "byTag": true, "byOnClick": false, "byPointer": true } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "hover", "headSize": 20, "headSampleSize": 20, "tailSampleSize": 15, "withItems": true, "what": "hover-caused content changes", "url": "https://intopia.digital/", "result": { "totals": { "triggers": 50, "headTriggers": 20, "tailTriggers": 30, "impactTriggers": 0, "additions": 0, "removals": 0, "opacityChanges": 0, "opacityImpact": 0, "unhoverables": 1 }, "items": { "head": { "impactTriggers": [], "unhoverables": [ { "tagName": "A", "id": "skip-link", "text": "Skiptocontent" } ] }, "tail": { "impactTriggers": [], "unhoverables": [] } } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "labClash", "withItems": true, "what": "labeling inconsistencies", "url": "https://intopia.digital/", "result": { "totals": { "mislabeled": 0, "unlabeled": 0, "wellLabeled": 9 }, "items": { "mislabeled": [], "unlabeled": [], "wellLabeled": [ { "index": 0, "tagName": "INPUT", "type": "search", "labelType": "label", "texts": { "label": [ "Search for:" ] } }, { "index": 1, "tagName": "BUTTON", "type": "submit", "labelType": "aria-label", "texts": { "attribute": "Search" } }, { "index": 2, "tagName": "BUTTON", "type": "button", "labelType": "aria-label", "texts": { "attribute": "Menu", "content": "Menu" } }, { "index": 3, "tagName": "INPUT", "type": "search", "labelType": "label", "texts": { "label": [ "Search for:" ] } }, { "index": 4, "tagName": "BUTTON", "type": "submit", "labelType": "aria-label", "texts": { "attribute": "Search" } }, { "index": 5, "tagName": "INPUT", "type": "text", "labelType": "label", "texts": { "label": [ "Name * Required" ] } }, { "index": 6, "tagName": "INPUT", "type": "email", "labelType": "label", "texts": { "label": [ "Email * Required" ] } }, { "index": 7, "tagName": "INPUT", "type": "submit", "texts": { "content": "Subscribe" } }, { "index": 8, "tagName": "TEXTAREA", "type": "textarea", "labelType": "label", "texts": { "label": [ "Δ" ] } } ] } } }, { "type": "test", "which": "linkUl", "withItems": true, "what": "adjacent-link underlining", "url": "https://intopia.digital/", "result": { "totals": { "links": 35, "adjacent": { "total": 15, "underlined": 2, "underlinedPercent": 13 } }, "items": { "underlined": [ "Intopia", "PB Web Development" ], "notUnderlined": [ "Skip to content", "", "See our services", "Accessibility testing", "Strategy & consulting", "Accessibility training", "Usability testing", "See our resources", "Read about our philosophy", "", "", "", "" ] } } }, { "type": "test", "which": "menuNav", "withItems": true, "what": "keyboard navigation between focusable menu items", "url": "https://intopia.digital/", "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://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "radioSet", "withItems": true, "what": "fieldset grouping of radio buttons", "url": "https://intopia.digital/", "result": { "totals": { "total": 0, "inSet": 0, "percent": "N.A." }, "items": { "inSet": [], "notInSet": [] } } }, { "type": "test", "which": "role", "what": "roles", "url": "https://intopia.digital/", "result": { "roleElements": 10, "badRoleElements": 8, "tagNames": { "HEADER": { "banner": 1 }, "NAV": { "navigation": 2 }, "MAIN": { "main": 1 }, "FOOTER": { "contentinfo": 1 }, "SPAN": { "text": 3 } } } }, { "type": "test", "which": "styleDiff", "withItems": true, "what": "style inconsistencies", "url": "https://intopia.digital/", "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": 15, "subtotals": [ 5, 4, 4, 2 ] }, "listLink": { "total": 20, "subtotals": [ 14, 6 ] }, "h2": { "total": 5, "subtotals": [ 3, 1, 1 ] }, "h3": { "total": 1 } }, "items": { "button": { "borderStyle": { "none": [ "", "" ], "solid": [ "Menu" ] }, "borderWidth": { "0px": [ "", "" ], "2px": [ "Menu" ] }, "height": { "30px": [ "" ], "auto": [ "Menu", "" ] }, "lineHeight": { "30px": [ "", "" ], "31.5px": [ "Menu" ] } }, "adjacentLink": { "fontWeight": { "400": [ "", "Intopia", "PB Web Development", "", "", "", "" ], "600": [ "Skip to content", "See our services", "See our resources", "Read about our philosophy" ], "700": [ "Accessibility testing", "Strategy & consulting", "Accessibility training", "Usability testing" ] }, "textDecorationLine": { "none": [ "Skip to content", "", "See our services", "Accessibility testing", "Strategy & consulting", "Accessibility training", "Usability testing", "See our resources", "Read about our philosophy", "", "", "", "" ], "underline": [ "Intopia", "PB Web Development" ] } }, "listLink": { "color": { "rgb(211, 66, 13)": [ "Services", "Resources", "About us", "Work with us", "Articles", "Contact us" ], "rgb(255, 255, 255)": [ "Services", "Resources", "About us", "Work with us", "Articles", "Contact us", "About us", "Services", "Work with us", "Contact us", "Articles", "Intopia on Facebook", "Intopia on Twitter", "Intopia on LinkedIn" ] } }, "h2": { "color": { "rgb(255, 255, 255)": [ "We’re creating an inclusive digital world", "What we do", "We all have a right to inclusive digital experiences", "Sign up to our newsletter" ], "rgb(71, 68, 68)": [ "What we're working on" ] }, "fontSize": { "52.5px": [ "We’re creating an inclusive digital world", "What we do", "What we're working on", "We all have a right to inclusive digital experiences" ], "42px": [ "Sign up to our newsletter" ] } } } } }, { "type": "test", "which": "tabNav", "withItems": true, "what": "keyboard navigation between tab elements", "url": "https://intopia.digital/", "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://intopia.digital/", "result": { "totals": { "total": 6, "tagNames": { "A": 1, "BUTTON": 2, "DIV": 3 } }, "items": [ { "tagName": "A", "id": "skip-link", "text": "Skip to content" }, { "tagName": "BUTTON", "id": "", "text": "" }, { "tagName": "DIV", "id": "offcanvas", "text": "ServicesResourcesAbout usWork with usArticlesContact us Search for:" }, { "tagName": "BUTTON", "id": "", "text": "" }, { "tagName": "DIV", "id": "", "text": "We’re creating an inclusive digital world\nWe help organisations be more inclusive and accessible.\nTo" }, { "tagName": "DIV", "id": "", "text": "" } ] } }, { "type": "test", "which": "alfa", "what": "alfa", "url": "https://intopia.digital/", "result": { "totals": { "failures": 14, "warnings": 12 }, "items": [ { "index": 34, "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]/div[1]/footer[1]/div[2]/div[1]/p[1]/a[1]", "codeLines": [ "<a href=\"https://intopia.digital/\" aria-label=\"home\">", " Intopia", "</a>" ] } }, { "index": 206, "verdict": "failed", "rule": { "ruleID": "r21", "ruleSummary": "role attributes have a valid value", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r21", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#info-and-relationships", "chapter": "1.3.1", "title": "Info and Relationships" }, { "uri": "https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA4", "name": "ARIA4", "title": "Using a WAI-ARIA role to expose the role of a user interface component" }, { "uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G108", "name": "G108", "title": "Using markup features to expose the name and role, allow user-settable properties" } ] }, "target": { "type": "attribute", "tagName": "role", "path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[6]/a[1]/span[1]/@role", "codeLines": [ "role=\"text\"" ] } }, { "index": 207, "verdict": "failed", "rule": { "ruleID": "r21", "ruleSummary": "role attributes have a valid value", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r21", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#info-and-relationships", "chapter": "1.3.1", "title": "Info and Relationships" }, { "uri": "https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA4", "name": "ARIA4", "title": "Using a WAI-ARIA role to expose the role of a user interface component" }, { "uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G108", "name": "G108", "title": "Using markup features to expose the name and role, allow user-settable properties" } ] }, "target": { "type": "attribute", "tagName": "role", "path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[7]/a[1]/span[1]/@role", "codeLines": [ "role=\"text\"" ] } }, { "index": 208, "verdict": "failed", "rule": { "ruleID": "r21", "ruleSummary": "role attributes have a valid value", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r21", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#info-and-relationships", "chapter": "1.3.1", "title": "Info and Relationships" }, { "uri": "https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA4", "name": "ARIA4", "title": "Using a WAI-ARIA role to expose the role of a user interface component" }, { "uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G108", "name": "G108", "title": "Using markup features to expose the name and role, allow user-settable properties" } ] }, "target": { "type": "attribute", "tagName": "role", "path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[8]/a[1]/span[1]/@role", "codeLines": [ "role=\"text\"" ] } }, { "index": 360, "verdict": "failed", "rule": { "ruleID": "r61", "ruleSummary": "Documents start with a level 1 heading", "scope": "page", "uri": "https://alfa.siteimprove.com/rules/sia-r61", "requirements": [] }, "target": { "type": "document", "tagName": "", "path": "/", "codeLines": [ "#document", " <!doctype html>", "...", " </html>" ] } }, { "index": 404, "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]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/h2[1]/text()[1]", "codeLines": [ "We’re creating an inclusive digital world" ] } }, { "index": 405, "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]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/p[1]/text()[1]", "codeLines": [ "We help organisations be more inclusive and accessible." ] } }, { "index": 406, "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]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/p[1]/text()[2]", "codeLines": [ "Together, we create enjoyable, efficient online and mobile experiences for everyone." ] } }, { "index": 407, "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]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/p[2]/text()[1]", "codeLines": [ "Let’s go on an accessibility adventure together." ] } }, { "index": 409, "verdict": "failed", "rule": { "ruleID": "r66", "ruleSummary": "Text outside widget has enhanced contrast", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r66", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced", "chapter": "1.4.6", "title": "Contrast (Enhanced)" } ] }, "target": { "type": "text", "tagName": "", "path": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[2]/div[1]/div[1]/div[1]/p[1]/text()[1]", "codeLines": [ "WCAG compliance audits and usability testing - can do." ] } }, { "index": 410, "verdict": "failed", "rule": { "ruleID": "r66", "ruleSummary": "Text outside widget has enhanced contrast", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r66", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced", "chapter": "1.4.6", "title": "Contrast (Enhanced)" } ] }, "target": { "type": "text", "tagName": "", "path": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[2]/div[1]/div[1]/div[1]/p[1]/text()[2]", "codeLines": [ "Accessibility training - sure thing." ] } }, { "index": 411, "verdict": "failed", "rule": { "ruleID": "r66", "ruleSummary": "Text outside widget has enhanced contrast", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r66", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced", "chapter": "1.4.6", "title": "Contrast (Enhanced)" } ] }, "target": { "type": "text", "tagName": "", "path": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[2]/div[1]/div[1]/div[1]/p[1]/text()[3]", "codeLines": [ "Need an accessibility consultant? No worries." ] } }, { "index": 412, "verdict": "failed", "rule": { "ruleID": "r66", "ruleSummary": "Text outside widget has enhanced contrast", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r66", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced", "chapter": "1.4.6", "title": "Contrast (Enhanced)" } ] }, "target": { "type": "text", "tagName": "", "path": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[2]/div[1]/div[1]/div[1]/p[1]/text()[4]", "codeLines": [ "Creating an accessibility strategy? We can help." ] } }, { "index": 413, "verdict": "failed", "rule": { "ruleID": "r66", "ruleSummary": "Text outside widget has enhanced contrast", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r66", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced", "chapter": "1.4.6", "title": "Contrast (Enhanced)" } ] }, "target": { "type": "text", "tagName": "", "path": "/html[1]/body[1]/div[1]/div[1]/main[1]/div[2]/div[1]/div[1]/div[1]/p[2]/text()[1]", "codeLines": [ "We’d love to be your digital accessibility partner." ] } }, { "index": 415, "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]/div[1]/div[1]/main[1]/div[4]/div[1]/div[1]/div[1]/h2[1]/text()[1]", "codeLines": [ "What we're working on" ] } }, { "index": 416, "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]/div[1]/div[1]/main[1]/div[4]/div[1]/div[1]/div[1]/p[1]/text()[1]", "codeLines": [ "We’ve put together a range of resources to help any person with their accessibility journeys, no ma..." ] } }, { "index": 421, "verdict": "failed", "rule": { "ruleID": "r66", "ruleSummary": "Text outside widget has enhanced contrast", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r66", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced", "chapter": "1.4.6", "title": "Contrast (Enhanced)" } ] }, "target": { "type": "text", "tagName": "", "path": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]/text()[1]", "codeLines": [ "©" ] } }, { "index": 422, "verdict": "failed", "rule": { "ruleID": "r66", "ruleSummary": "Text outside widget has enhanced contrast", "scope": "component", "uri": "https://alfa.siteimprove.com/rules/sia-r66", "requirements": [ { "uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced", "chapter": "1.4.6", "title": "Contrast (Enhanced)" } ] }, "target": { "type": "text", "tagName": "", "path": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]/text()[2]", "codeLines": [ "2022 - All rights reserved Experience by" ] } }, { "index": 431, "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]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/h2[1]/text()[1]", "codeLines": [ "We’re creating an inclusive digital world" ] } }, { "index": 432, "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]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/p[1]/text()[1]", "codeLines": [ "We help organisations be more inclusive and accessible." ] } }, { "index": 433, "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]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/p[1]/text()[2]", "codeLines": [ "Together, we create enjoyable, efficient online and mobile experiences for everyone." ] } }, { "index": 434, "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]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/p[2]/text()[1]", "codeLines": [ "Let’s go on an accessibility adventure together." ] } }, { "index": 442, "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]/div[1]/div[1]/main[1]/div[4]/div[1]/div[1]/div[1]/h2[1]/text()[1]", "codeLines": [ "What we're working on" ] } }, { "index": 443, "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]/div[1]/div[1]/main[1]/div[4]/div[1]/div[1]/div[1]/p[1]/text()[1]", "codeLines": [ "We’ve put together a range of resources to help any person with their accessibility journeys, no ma..." ] } }, { "index": 448, "verdict": "failed", "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]/div[1]/footer[1]/div[2]/div[1]/p[1]/text()[1]", "codeLines": [ "©" ] } }, { "index": 449, "verdict": "failed", "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]/div[1]/footer[1]/div[2]/div[1]/p[1]/text()[2]", "codeLines": [ "2022 - All rights reserved Experience by" ] } } ] } }, { "type": "test", "which": "axe", "detailLevel": 2, "rules": [], "what": "Axe", "url": "https://intopia.digital/", "result": { "totals": { "rulesNA": 45, "rulesPassed": 50, "rulesWarned": 3, "rulesViolated": 4, "warnings": { "minor": 9, "moderate": 0, "serious": 4, "critical": 0 }, "violations": { "minor": 0, "moderate": 1, "serious": 26, "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-09T15:07:35.954Z", "url": "https://intopia.digital/", "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": "#474444", "contrastRatio": 0, "fontSize": "39.4pt (52.5px)", "fontWeight": "normal", "messageKey": "bgImage", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [ { "html": "<div class=\"work-section\" style=\"background-image: url('https://intopia.digital/wp-content/uploads/2017/03/home-service-bg.png')\">", "target": [ ".work-section" ] } ], "impact": "serious", "message": "Element's background color could not be determined due to a background image" } ], "all": [], "none": [], "impact": "serious", "html": "<h2>What we're working on</h2>", "target": [ ".col-sm-push-5 > h2" ], "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#474444", "contrastRatio": 0, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": "bgImage", "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"work-section\" style=\"background-image: url('https://intopia.digital/wp-content/uploads/2017/03/home-service-bg.png')\">", "target": [ ".work-section" ] } ], "impact": "serious", "message": "Element's background color could not be determined due to a background image" } ], "all": [], "none": [], "impact": "serious", "html": "<p>We’ve put together a range of resources to help any person with their accessibility journeys, no matter their current level of understanding.</p>", "target": [ ".col-sm-push-5 > p" ], "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": "#474444", "contrastRatio": 0, "fontSize": "39.4pt (52.5px)", "fontWeight": "normal", "messageKey": "bgImage", "expectedContrastRatio": "3:1" }, "relatedNodes": [ { "html": "<div class=\"work-section\" style=\"background-image: url('https://intopia.digital/wp-content/uploads/2017/03/home-service-bg.png')\">", "target": [ ".work-section" ] } ], "impact": "serious", "message": "Element's background color could not be determined due to a background image" } ], "all": [], "none": [], "impact": "serious", "html": "<h2>What we're working on</h2>", "target": [ ".col-sm-push-5 > h2" ], "failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image" }, { "any": [ { "id": "color-contrast", "data": { "fgColor": "#474444", "contrastRatio": 0, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": "bgImage", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [ { "html": "<div class=\"work-section\" style=\"background-image: url('https://intopia.digital/wp-content/uploads/2017/03/home-service-bg.png')\">", "target": [ ".work-section" ] } ], "impact": "serious", "message": "Element's background color could not be determined due to a background image" } ], "all": [], "none": [], "impact": "serious", "html": "<p>We’ve put together a range of resources to help any person with their accessibility journeys, no matter their current level of understanding.</p>", "target": [ ".col-sm-push-5 > p" ], "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 type=\"button\" id=\"offcanvas-toggle\" aria-label=\"Menu\" aria-expanded=\"false\">\n\t\t\t\t\t\tMenu\n\t\t\t\t\t\t<span class=\"icon-bars\">\n\t\t\t\t\t\t\t<i class=\"icon-bar\"></i>\n\t\t\t\t\t\t\t<i class=\"icon-bar\"></i>\n\t\t\t\t\t\t\t<i class=\"icon-bar\"></i>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>", "target": [ "#offcanvas-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 id=\"offcanvas\" style=\"display: none\">", "target": [ "#offcanvas" ], "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": "<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\"> * <span class=\"sr-only\"> Required</span></span></span>", "target": [ "label[for=\"input_2_1\"] > .gfield_required" ], "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": "<span class=\"gfield_required gfield_required_asterisk\"> * <span class=\"sr-only\"> Required</span></span>", "target": [ "label[for=\"input_2_1\"] > .gfield_required > .gfield_required_asterisk.gfield_required" ], "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": "<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\"> * <span class=\"sr-only\"> Required</span></span></span>", "target": [ "label[for=\"input_2_2\"] > .gfield_required" ], "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": "<span class=\"gfield_required gfield_required_asterisk\"> * <span class=\"sr-only\"> Required</span></span>", "target": [ "label[for=\"input_2_2\"] > .gfield_required > .gfield_required_asterisk.gfield_required" ], "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": "<p style=\"display: none !important;\">", "target": [ "#gform_2 > p" ], "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": "<iframe style=\"display:none;width:0px;height:0px;\" src=\"about:blank\" name=\"gform_ajax_frame_2\" id=\"gform_ajax_frame_2\" title=\"This iframe contains the logic required to handle Ajax powered Gravity Forms.\"></iframe>", "target": [ "#gform_ajax_frame_2" ], "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": "<p id=\"a11y-speak-intro-text\" class=\"a11y-speak-intro-text\" style=\"position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;\" hidden=\"hidden\">", "target": [ "#a11y-speak-intro-text" ], "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": "#d3420d", "bgColor": "#ffffff", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<header class=\"site-header\" role=\"banner\">", "target": [ "header" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/services/\">Services</a>", "target": [ ".sitenav > .menu > li:nth-child(1) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#d3420d", "bgColor": "#ffffff", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<header class=\"site-header\" role=\"banner\">", "target": [ "header" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/resources/\">Resources</a>", "target": [ ".sitenav > .menu > li:nth-child(2) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#d3420d", "bgColor": "#ffffff", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<header class=\"site-header\" role=\"banner\">", "target": [ "header" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/about-us/\">About us</a>", "target": [ ".sitenav > .menu > li:nth-child(3) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#d3420d", "bgColor": "#ffffff", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<header class=\"site-header\" role=\"banner\">", "target": [ "header" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/work-with-us/\">Work with us</a>", "target": [ ".sitenav > .menu > li:nth-child(4) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#d3420d", "bgColor": "#ffffff", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<header class=\"site-header\" role=\"banner\">", "target": [ "header" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/articles/\">Articles</a>", "target": [ ".sitenav > .menu > li:nth-child(5) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#d3420d", "bgColor": "#ffffff", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<header class=\"site-header\" role=\"banner\">", "target": [ "header" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/contact-us/\">Contact us</a>", "target": [ ".sitenav > .menu > li:nth-child(6) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #d3420d, background color: #ffffff, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#d3420d", "contrastRatio": 4.61, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"banner\" style=\"background:#d3420d;\">", "target": [ ".banner" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<p style=\"text-align: center;\">We help organisations be more inclusive and accessible.<br>\nTogether, we create enjoyable, efficient online and mobile experiences for everyone.</p>", "target": [ ".banner > .container > .row > .text.col-sm-7 > p:nth-child(2)" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#d3420d", "contrastRatio": 4.61, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"banner\" style=\"background:#d3420d;\">", "target": [ ".banner" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<p style=\"text-align: center;\">Let’s go on an accessibility adventure together.</p>", "target": [ ".banner > .container > .row > .text.col-sm-7 > p:nth-child(3)" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#15828e", "contrastRatio": 4.54, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"service-section\" style=\"background:#15828e;\">", "target": [ ".service-section" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #15828e, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<p>WCAG compliance audits and usability testing - can do.<br>\nAccessibility training - sure thing.<br>\nNeed an accessibility consultant? No worries.<br>\nCreating an accessibility strategy? We can help.</p>", "target": [ ".service-section > .container > .row > .text.col-sm-7 > p:nth-child(2)" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #15828e, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#15828e", "contrastRatio": 4.54, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"service-section\" style=\"background:#15828e;\">", "target": [ ".service-section" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #15828e, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<p>We’d love to be your digital accessibility partner.</p>", "target": [ ".service-section > .container > .row > .text.col-sm-7 > p:nth-child(3)" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #15828e, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#15828e", "bgColor": "#ffffff", "contrastRatio": 4.54, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<a class=\"btn white more\" href=\"https://intopia.digital/services/\" style=\"color:#15828e;\">See our services</a>", "target": [ ".text.col-sm-7 > .white.more.btn" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.54 (foreground color: #15828e, background color: #ffffff, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a class=\"btn white more\" href=\"https://intopia.digital/services/\" style=\"color:#15828e;\">See our services</a>", "target": [ ".text.col-sm-7 > .white.more.btn" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #15828e, background color: #ffffff, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#d3420d", "contrastRatio": 4.61, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<a class=\"btn brand more\" href=\"https://intopia.digital/resources/\">See our resources</a>", "target": [ ".brand" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a class=\"btn brand more\" href=\"https://intopia.digital/resources/\">See our resources</a>", "target": [ ".brand" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#e71348", "bgColor": "#ffffff", "contrastRatio": 4.58, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<a class=\"btn white more\" href=\"/about-us\" style=\"color:#e71348;\">Read about our philosophy</a>", "target": [ "a[href$=\"about-us\"]" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.58 (foreground color: #e71348, background color: #ffffff, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a class=\"btn white more\" href=\"/about-us\" style=\"color:#e71348;\">Read about our philosophy</a>", "target": [ "a[href$=\"about-us\"]" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.58 (foreground color: #e71348, background color: #ffffff, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#15828e", "contrastRatio": 4.54, "fontSize": "15.8pt (21px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"newsletter\">", "target": [ ".newsletter" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #15828e, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<input type=\"submit\" id=\"gform_submit_button_2\" class=\"gform_button button btn\" value=\"Subscribe\" onclick=\"if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} \" onkeypress=\"if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} jQuery("#gform_2").trigger("submit",[true]); }\">", "target": [ "#gform_submit_button_2" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #15828e, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#d3420d", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"sitelinks\">", "target": [ ".sitelinks" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/about-us/\">About us</a>", "target": [ ".container > .menu > li:nth-child(1) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#d3420d", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"sitelinks\">", "target": [ ".sitelinks" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/services/\">Services</a>", "target": [ ".container > .menu > li:nth-child(2) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#d3420d", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"sitelinks\">", "target": [ ".sitelinks" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/work-with-us/\">Work with us</a>", "target": [ ".container > .menu > li:nth-child(3) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#d3420d", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"sitelinks\">", "target": [ ".sitelinks" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/contact-us/\">Contact us</a>", "target": [ ".container > .menu > li:nth-child(4) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#ffffff", "bgColor": "#d3420d", "contrastRatio": 4.61, "fontSize": "13.5pt (17.9999px)", "fontWeight": "bold", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<div class=\"sitelinks\">", "target": [ ".sitelinks" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/articles/\">Articles</a>", "target": [ ".container > .menu > li:nth-child(5) > a" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.61 (foreground color: #ffffff, background color: #d3420d, font size: 13.5pt (17.9999px), font weight: bold). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#7b7b7b", "bgColor": "#ffffff", "contrastRatio": 4.24, "fontSize": "10.5pt (14.0001px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<body class=\"home\">", "target": [ "body" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<p>", "target": [ ".container > p" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#7b7b7b", "bgColor": "#ffffff", "contrastRatio": 4.24, "fontSize": "10.5pt (14.0001px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<body class=\"home\">", "target": [ "body" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/\" aria-label=\"home\">Intopia</a>", "target": [ "p > a[aria-label=\"home\"][href$=\"intopia.digital/\"]" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 7:1" }, { "any": [ { "id": "color-contrast-enhanced", "data": { "fgColor": "#7b7b7b", "bgColor": "#ffffff", "contrastRatio": 4.24, "fontSize": "10.5pt (14.0001px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "7:1" }, "relatedNodes": [ { "html": "<body class=\"home\">", "target": [ "body" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 7:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://pbwebdev.com/\" title=\"WordPress design & development\" alt=\"WordPress design & development\" target=\"_blank\" aria-label=\"PB Web Development\">PB Web Development</a>", "target": [ "a[href$=\"pbwebdev.com/\"]" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 7:1" } ] }, { "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": "#7b7b7b", "bgColor": "#ffffff", "contrastRatio": 4.24, "fontSize": "10.5pt (14.0001px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "4.5:1" }, "relatedNodes": [ { "html": "<body class=\"home\">", "target": [ "body" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 4.5:1" } ], "all": [], "none": [], "impact": "serious", "html": "<p>", "target": [ ".container > p" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 4.5:1" }, { "any": [ { "id": "color-contrast", "data": { "fgColor": "#7b7b7b", "bgColor": "#ffffff", "contrastRatio": 4.24, "fontSize": "10.5pt (14.0001px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "4.5:1" }, "relatedNodes": [ { "html": "<body class=\"home\">", "target": [ "body" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 4.5:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://intopia.digital/\" aria-label=\"home\">Intopia</a>", "target": [ "p > a[aria-label=\"home\"][href$=\"intopia.digital/\"]" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 4.5:1" }, { "any": [ { "id": "color-contrast", "data": { "fgColor": "#7b7b7b", "bgColor": "#ffffff", "contrastRatio": 4.24, "fontSize": "10.5pt (14.0001px)", "fontWeight": "normal", "messageKey": null, "expectedContrastRatio": "4.5:1" }, "relatedNodes": [ { "html": "<body class=\"home\">", "target": [ "body" ] } ], "impact": "serious", "message": "Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 4.5:1" } ], "all": [], "none": [], "impact": "serious", "html": "<a href=\"https://pbwebdev.com/\" title=\"WordPress design & development\" alt=\"WordPress design & development\" target=\"_blank\" aria-label=\"PB Web Development\">PB Web Development</a>", "target": [ "a[href$=\"pbwebdev.com/\"]" ], "failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #7b7b7b, background color: #ffffff, font size: 10.5pt (14.0001px), font weight: normal). Expected contrast ratio of 4.5: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=\"https://intopia.digital/\" aria-label=\"home\">Intopia</a>", "target": [ "p > a[aria-label=\"home\"][href$=\"intopia.digital/\"]" ], "failureSummary": "Fix any of the following:\n Text inside the element is not included in the accessible name" } ] }, { "id": "page-has-heading-one", "impact": "moderate", "tags": [ "cat.semantics", "best-practice" ], "description": "Ensure that the page, or at least one of its frames contains a level-one heading", "help": "Page should contain a level-one heading", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/page-has-heading-one?application=axeAPI", "nodes": [ { "any": [], "all": [ { "id": "page-has-heading-one", "data": null, "relatedNodes": [], "impact": "moderate", "message": "Page must have a level-one heading" } ], "none": [], "impact": "moderate", "html": "<html lang=\"en-AU\" class=\" js\">", "target": [ "html" ], "failureSummary": "Fix all of the following:\n Page must have a level-one heading" } ] } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "htmlcs", "what": "HTML CodeSniffer WCAG 2.1 AA ruleset", "url": "https://intopia.digital/", "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 width=\"239\" height=\"300\" src=\"https://intopia.digital/wp-content/uploads/2017/03/home-work-239x300.png\" class=\"attachment-banner size-banner\" alt=\"\" loading=\"lazy\" srcset=\"https://intopia.digital/wp-content/uploads/2017/03/home-work-239x300.png 239w, https://intopia.digital/wp-content/uploads/2017/03/home-work.png 298w\" sizes=\"(max-width: 239px) 100vw, 239px\">" }, { "tagName": "img", "id": "", "code": "<img width=\"294\" height=\"300\" src=\"https://intopia.digital/wp-content/uploads/2017/03/newsletter.png\" class=\"attachment-x300 size-x300\" alt=\"\" loading=\"lazy\" srcset=\"https://intopia.digital/wp-content/uploads/2017/03/newsletter.png 389w, https://intopia.digital/wp-content/uploads/2017/03/newsletter-294x300.png 294w\" sizes=\"(max-width: 294px) 100vw, 294px\">" }, { "tagName": "img", "id": "", "code": "<img width=\"378\" height=\"300\" src=\"https://intopia.digital/wp-content/uploads/2017/03/home-service-378x300.png\" class=\"attachment-banner size-banner\" alt=\"\" loading=\"lazy\" srcset=\"https://intopia.digital/wp-content/uploads/2017/03/home-service-378x300.png 378w, https://intopia.digital/wp-content/uploads/2017/03/home-service-300x238.png 300w, https://intopia.digital/wp-content/uploads/2017/03/home-service-768x610.png 768w, https://intopia.digital/wp-content/uploads/2017/03/home-service.png 900w\" sizes=\"(max-width: 378px) 100vw, 378px\">" }, { "tagName": "img", "id": "", "code": "<img width=\"723\" height=\"676\" src=\"https://intopia.digital/wp-content/uploads/2017/03/alice-temp.png\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" srcset=\"https://intopia.digital/wp-content/uploads/2017/03/alice-temp.png 723w, https://intopia.digital/wp-content/uploads/2017/03/alice-temp-300x280.png 300w, https://intopia.digital/wp-content/uploads/2017/03/alice-temp-321x300.png 321w\" sizes=\"(max-width: 723px) 100vw, 723px\">" } ] }, "AA.1_3_1.H48": { "If this element contains a navigation section, it is recommended that it be marked up as a list.": [ { "tagName": "p", "id": "", "code": "<p>...</p>" } ] }, "AA.1_3_1_A.G141": { "The heading structure is not logically nested. This h2 element appears to be the primary document heading, so should be an h1 element.": [ { "tagName": "h2", "id": "", "code": "<h2 style=\"text-align: center;\">...</h2>" } ], "The heading structure is not logically nested. This h2 element should be an h1 to be properly nested.": [ { "tagName": "h2", "id": "", "code": "<h2 style=\"text-align: center;\">...</h2>" } ] }, "AA.1_4_10.C32,C31,C33,C38,SCR34,G206": { "This element has \"position: fixed\". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.": [ { "tagName": "div", "id": "#offcanvas", "code": "<div id=\"offcanvas\" style=\"display: none\">...</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": "#skip-link", "code": "<a id=\"skip-link\" class=\"screen-reader-text\" href=\"#site-content\">...</a>" }, { "tagName": "span", "id": "", "code": "<span class=\"screen-reader-text\">...</span>" }, { "tagName": "span", "id": "", "code": "<span class=\"sr-only\">...</span>" } ] }, "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": "h2", "id": "", "code": "<h2>...</h2>" } ] }, "AA.1_4_3.G18.BgImage": { "This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.": [ { "tagName": "p", "id": "", "code": "<p>...</p>" } ] }, "AA.1_4_3_F24.F24.BGColour": { "Check that this element has an inherited foreground colour to complement the corresponding inline background colour or image.": [ { "tagName": "div", "id": "", "code": "<div class=\"banner\" style=\"background:#d3420d;\">...</div>" }, { "tagName": "div", "id": "", "code": "<div class=\"call2action\" style=\"background:#e71348;\">...</div>" }, { "tagName": "div", "id": "", "code": "<div class=\"key-section\" style=\"background:#07808d;\">...</div>" }, { "tagName": "div", "id": "", "code": "<div class=\"service-section\" style=\"background:#15828e;\">...</div>" } ] }, "AA.1_4_3_F24.F24.FGColour": { "Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.": [ { "tagName": "a", "id": "", "code": "<a class=\"btn white more\" href=\"/about-us\" style=\"color:#e71348;\">...</a>" }, { "tagName": "a", "id": "", "code": "<a class=\"btn white more\" href=\"https://intopia.digital/services/\" style=\"color:#15828e;\">...</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=\"https://intopia.digital/\" aria-label=\"home\">...</a>" } ] } } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "ibm", "withItems": true, "what": "IBM Accessibility Checker", "url": "https://intopia.digital/", "result": { "content": { "totals": { "violation": 8, "recommendation": 3, "ignored": 0 }, "items": [ { "ruleId": "WCAG21_Label_Accessible", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]/a[1]", "aria": "/document[1]/contentinfo[1]/link[1]" }, "message": "Accessible name does not match or contain the visible label text", "bounds": { "left": 181, "top": 3445, "height": 16, "width": 43 }, "snippet": "<a aria-label=\"home\" href=\"https://intopia.digital/\">", "level": "violation" }, { "ruleId": "Rpt_Aria_ValidRole", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[8]/a[1]/span[1]", "aria": "/document[1]/contentinfo[1]/list[1]/listitem[8]/link[1]" }, "message": "The role 'text' defined on the element is not valid per ARIA specification", "bounds": { "left": 734, "top": 3337, "height": 0, "width": 0 }, "snippet": "<span class=\"fa-stack fa-lg\" role=\"text\">", "level": "violation" }, { "ruleId": "Rpt_Aria_ValidRole", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[7]/a[1]/span[1]", "aria": "/document[1]/contentinfo[1]/list[1]/listitem[7]/link[1]" }, "message": "The role 'text' defined on the element is not valid per ARIA specification", "bounds": { "left": 699, "top": 3337, "height": 0, "width": 0 }, "snippet": "<span class=\"fa-stack fa-lg\" role=\"text\">", "level": "violation" }, { "ruleId": "Rpt_Aria_ValidRole", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[6]/a[1]/span[1]", "aria": "/document[1]/contentinfo[1]/list[1]/listitem[6]/link[1]" }, "message": "The role 'text' defined on the element is not valid per ARIA specification", "bounds": { "left": 664, "top": 3337, "height": 0, "width": 0 }, "snippet": "<span class=\"fa-stack fa-lg\" role=\"text\">", "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": 19, "top": 19, "height": 20, "width": 40 }, "snippet": "<a href=\"#site-content\" class=\"screen-reader-text\" id=\"skip-link\">", "level": "violation" }, { "ruleId": "IBMA_Color_Contrast_WCAG2AA", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]/a[2]", "aria": "/document[1]/contentinfo[1]/link[2]" }, "message": "Text contrast of 4.24 with its background is less than the WCAG AA minimum requirements for text of size 14.0001px and weight of 400", "bounds": { "left": 496, "top": 3445, "height": 16, "width": 138 }, "snippet": "<a aria-label=\"PB Web Development\" target=\"_blank\" alt=\"WordPress design & development\" title=\"WordPress design & development\" href=\"https://pbwebdev.com/\">", "level": "violation" }, { "ruleId": "IBMA_Color_Contrast_WCAG2AA", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]/a[1]", "aria": "/document[1]/contentinfo[1]/link[1]" }, "message": "Text contrast of 4.24 with its background is less than the WCAG AA minimum requirements for text of size 14.0001px and weight of 400", "bounds": { "left": 181, "top": 3445, "height": 16, "width": 43 }, "snippet": "<a aria-label=\"home\" href=\"https://intopia.digital/\">", "level": "violation" }, { "ruleId": "IBMA_Color_Contrast_WCAG2AA", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]", "aria": "/document[1]/contentinfo[1]" }, "message": "Text contrast of 4.24 with its background is less than the WCAG AA minimum requirements for text of size 14.0001px and weight of 400", "bounds": { "left": 40, "top": 3442, "height": 21, "width": 720 }, "snippet": "<p>", "level": "violation" }, { "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": 131, "width": 800 }, "snippet": "<header role=\"banner\" class=\"site-header\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/div[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": 3278, "height": 374, "width": 800 }, "snippet": "<footer role=\"contentinfo\" class=\"site-footer\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/div[1]/div[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": 131, "height": 3148, "width": 800 }, "snippet": "<main role=\"main\" class=\"content\">", "level": "recommendation" } ] }, "url": { "totals": { "violation": 8, "recommendation": 3, "ignored": 0 }, "items": [ { "ruleId": "WCAG21_Label_Accessible", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]/a[1]", "aria": "/document[1]/contentinfo[1]/link[1]" }, "message": "Accessible name does not match or contain the visible label text", "bounds": { "left": 185, "top": 3530, "height": 17, "width": 44 }, "snippet": "<a aria-label=\"home\" href=\"https://intopia.digital/\">", "level": "violation" }, { "ruleId": "Rpt_Aria_ValidRole", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[8]/a[1]/span[1]", "aria": "/document[1]/contentinfo[1]/list[1]/listitem[8]/link[1]" }, "message": "The role 'text' defined on the element is not valid per ARIA specification", "bounds": { "left": 418, "top": 3390, "height": 48, "width": 48 }, "snippet": "<span class=\"fa-stack fa-lg\" role=\"text\">", "level": "violation" }, { "ruleId": "Rpt_Aria_ValidRole", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[7]/a[1]/span[1]", "aria": "/document[1]/contentinfo[1]/list[1]/listitem[7]/link[1]" }, "message": "The role 'text' defined on the element is not valid per ARIA specification", "bounds": { "left": 335, "top": 3390, "height": 48, "width": 48 }, "snippet": "<span class=\"fa-stack fa-lg\" role=\"text\">", "level": "violation" }, { "ruleId": "Rpt_Aria_ValidRole", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/ul[1]/li[6]/a[1]/span[1]", "aria": "/document[1]/contentinfo[1]/list[1]/listitem[6]/link[1]" }, "message": "The role 'text' defined on the element is not valid per ARIA specification", "bounds": { "left": 644, "top": 3325, "height": 48, "width": 48 }, "snippet": "<span class=\"fa-stack fa-lg\" role=\"text\">", "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": 19, "top": 19, "height": 20, "width": 40 }, "snippet": "<a href=\"#site-content\" class=\"screen-reader-text\" id=\"skip-link\">", "level": "violation" }, { "ruleId": "IBMA_Color_Contrast_WCAG2AA", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]/a[2]", "aria": "/document[1]/contentinfo[1]/link[2]" }, "message": "Text contrast of 4.24 with its background is less than the WCAG AA minimum requirements for text of size 14.0001px and weight of 400", "bounds": { "left": 494, "top": 3530, "height": 17, "width": 136 }, "snippet": "<a aria-label=\"PB Web Development\" target=\"_blank\" alt=\"WordPress design & development\" title=\"WordPress design & development\" href=\"https://pbwebdev.com/\">", "level": "violation" }, { "ruleId": "IBMA_Color_Contrast_WCAG2AA", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]/a[1]", "aria": "/document[1]/contentinfo[1]/link[1]" }, "message": "Text contrast of 4.24 with its background is less than the WCAG AA minimum requirements for text of size 14.0001px and weight of 400", "bounds": { "left": 185, "top": 3530, "height": 17, "width": 44 }, "snippet": "<a aria-label=\"home\" href=\"https://intopia.digital/\">", "level": "violation" }, { "ruleId": "IBMA_Color_Contrast_WCAG2AA", "path": { "dom": "/html[1]/body[1]/div[1]/footer[1]/div[2]/div[1]/p[1]", "aria": "/document[1]/contentinfo[1]" }, "message": "Text contrast of 4.24 with its background is less than the WCAG AA minimum requirements for text of size 14.0001px and weight of 400", "bounds": { "left": 40, "top": 3528, "height": 21, "width": 720 }, "snippet": "<p>", "level": "violation" }, { "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": 131, "width": 800 }, "snippet": "<header role=\"banner\" class=\"site-header\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/div[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": 3278, "height": 460, "width": 800 }, "snippet": "<footer role=\"contentinfo\" class=\"site-footer\">", "level": "recommendation" }, { "ruleId": "aria_role_redundant", "path": { "dom": "/html[1]/body[1]/div[1]/div[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": 131, "height": 3148, "width": 800 }, "snippet": "<main role=\"main\" class=\"content\">", "level": "recommendation" } ] } } }, { "type": "launch", "which": "chromium", "what": "chromium browser" }, { "type": "url", "which": "https://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "wave", "reportType": 4, "what": "WAVE", "url": "https://intopia.digital/", "result": { "status": { "success": true, "httpstatuscode": 200 }, "statistics": { "pagetitle": "Home - Intopia", "pageurl": "https://intopia.digital/", "time": 3.82, "creditsremaining": 222, "allitemcount": 60, "totalelements": 279, "waveurl": "http://wave.webaim.org/report?url=https://intopia.digital/" }, "categories": { "error": { "description": "Errors", "count": 0, "items": [] }, "contrast": { "description": "Contrast Errors", "count": 0, "items": [] }, "alert": { "description": "Alerts", "count": 4, "items": { "alt_long": { "id": "alt_long", "description": "Long alternative text", "count": 1, "selectors": [ "HTML > HEAD:first-child + BODY > DIV#wrapper > HEADER:first-child + DIV + FOOTER > DIV:first-child + DIV > DIV:first-child > P:first-child + DIV > SPAN:first-child + SPAN + SPAN + SPAN > A:first-child > IMG:first-child" ], "wcag": [ { "name": "1.1.1 Non-text Content (Level A)", "link": "https://webaim.org/standards/wcag/checklist#sc1.1.1" } ] }, "h1_missing": { "id": "h1_missing", "description": "Missing first level heading", "count": 1, "selectors": [ false ], "wcag": [ { "name": "1.3.1 Info and Relationships (Level A)", "link": "https://webaim.org/standards/wcag/checklist#sc1.3.1" }, { "name": "2.4.6 Headings and Labels (Level AA)", "link": "https://webaim.org/standards/wcag/checklist#sc2.4.6" } ] }, "heading_possible": { "id": "heading_possible", "description": "Possible heading", "count": 2, "selectors": [ "HTML > HEAD:first-child + BODY > DIV#wrapper > DIV#site-content > MAIN:first-child > DIV:first-child > DIV:first-child > DIV:first-child > DIV:first-child > H2:first-child + P + P", "HTML > HEAD:first-child + BODY > P#a11y-speak-intro-text" ], "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://intopia.digital/", "what": "URL", "result": "https://intopia.digital/" }, { "type": "test", "which": "tenon", "id": "a", "what": "Tenon", "url": "https://intopia.digital/", "result": { "status": 200, "message": "OK", "code": "success", "info": "Success", "moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success", "responseExecTime": "0.075", "responseTime": "2022-07-09T15:08:00.603Z", "data": { "apiErrors": [], "documentSize": 1013092, "metadata": null, "resultSummary": { "tests": { "total": 180, "passing": 176, "failing": 4 }, "issues": { "totalErrors": 10, "totalWarnings": 1, "totalIssues": 11 }, "issuesByLevel": { "A": { "count": 5, "pct": 45.45 }, "AA": { "count": 4, "pct": 36.36 }, "AAA": { "count": 11, "pct": 100 } }, "density": { "errorDensity": 1, "warningDensity": 0, "allDensity": 1 } }, "projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490", "responseID": "d8fcfb18-1c3b-4ca8-91a0-977c15b6ac9f", "docID": "45a43394-c9cc-4d8a-8192-7a4e92ca188d", "sourceHash": "d26a4ca8c7256c3ff7eb1b1f2a33da26", "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=d8fcfb18-1c3b-4ca8-91a0-977c15b6ac9f", "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": 3141.73 }, "height": 3141.73, "width": 1024 }, "position": { "line": 2590, "column": 60 }, "errorSnippet": "<body class=\"home\"> <a id=\"skip-link\" class=\"screen-reader-text\" href=\"#site-content\">Skip to content</a> <div id=\"wrapper\"> <header class=\"site-header\" role=\"banner\"> <div class=\"container\"> <div class=\"bottomsecti", "xpath": "/html/body", "issueID": "871f71584282d0aea906cb0fb9a28ca9", "signature": "17693a0c7805c248473c0781703e050d", "ref": "https://tenon.io/bestpractice.php?bpID=3&tID=28&issueID=871f71584282d0aea906cb0fb9a28ca9" }, { "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": 242, "y": 8.5 }, "bottom-right": { "x": 261, "y": 37.5 }, "height": 29, "width": 19 }, "position": { "line": 8283, "column": 8 }, "errorSnippet": "<button type=\"submit\" aria-label=\"Search\" class=\"search-submit\"><span class=\"fa fa-search\"></span></button>", "xpath": "/html/body/div[1]/header[1]/div[1]/div[1]/div[2]/form[1]/button[1]", "issueID": "00d505fe5f6712ebd9ef053bd2aee043", "signature": "279cbf0a6121aae524ffa03c2bc56fbf", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=00d505fe5f6712ebd9ef053bd2aee043" }, { "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": -64, "y": -24 }, "height": -24, "width": -64 }, "position": { "line": 4319, "column": 34 }, "errorSnippet": "<input type=\"search\" class=\"search-field\" placeholder=\"search\" value=\"\" name=\"s\">", "xpath": "/html/body/div[1]/header[1]/div[1]/div[1]/div[3]/form[1]/label[1]/input[1]", "issueID": "85166ef1ddd0f944c9930f568faa438e", "signature": "c45134fdec823864df83db43806bbb02", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=85166ef1ddd0f944c9930f568faa438e" }, { "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": 2 }, "bottom-right": { "x": 0, "y": 2 }, "height": 0, "width": 0 }, "position": { "line": 8309, "column": 3 }, "errorSnippet": "<button type=\"submit\" class=\"search-submit\" aria-label=\"Search\"><span class=\"fa fa-search\"></span></button>", "xpath": "/html/body/div[1]/header[1]/div[1]/div[1]/div[3]/form[1]/button[1]", "issueID": "c2c0323b48f476e4544e721db4059100", "signature": "153b25a87dfb1575faa790c864d956d0", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=c2c0323b48f476e4544e721db4059100" }, { "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": -44, "y": -24 }, "height": -24, "width": -44 }, "position": { "line": 555, "column": 14812 }, "errorSnippet": "<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"></textarea>", "xpath": "/html/body/div[1]/div[1]/main[1]/div[6]/div[1]/div[1]/div[2]/div[1]/form[1]/p[1]/label[1]/textarea[1]", "issueID": "9e518d815ee5fc7d70144b701164316c", "signature": "5d645a55a03959274cc60238ea15223c", "ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=9e518d815ee5fc7d70144b701164316c" }, { "tID": 155, "bpID": 143, "priority": 100, "level": [ "A", "AAA" ], "certainty": 60, "errorTitle": "These headings are not structured in a hierarchical manner.", "standards": [ "Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships", "Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.10 Section Headings" ], "resultTitle": "Make sure that headings are in the right order for the content.", "errorDescription": "The heading structure of this page does not effectively communicate the structure of the content on it. Heading elements provide important benefits: they act as wayfinding cues for in-page navigation, they contribute to page content summaries, and they provide context to the content below them. To do so effectively, headings should follow the `<h1>` to `<h6>` hierarchy and they should not skip levels. Restructure the document's heading order so it uses a clear, ordered, and intuitive hierarchy. Ensure there are no gaps between each numbered heading level and the next.", "viewPortLocation": { "top-left": { "x": 0, "y": 0 }, "bottom-right": { "x": 1024, "y": 3141.73 }, "height": 3141.73, "width": 1024 }, "position": { "line": 2590, "column": 60 }, "errorSnippet": "<body class=\"home\"> <a id=\"skip-link\" class=\"screen-reader-text\" href=\"#site-content\">Skip to content</a> <div id=\"wrapper\"> <header class=\"site-header\" role=\"banner\"> <div class=\"container\"> <div class=\"bottomsecti", "xpath": "/html/body", "issueID": "53fe60d0aa172c4f1067a85d0b8eb591", "signature": "05804f3ad4c06405f27424d727165978", "ref": "https://tenon.io/bestpractice.php?bpID=143&tID=155&issueID=53fe60d0aa172c4f1067a85d0b8eb591" }, { "tID": 218, "bpID": 207, "priority": 88, "level": [ "AAA" ], "certainty": 100, "errorTitle": "This link opens in a new window without user control.", "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 link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.", "viewPortLocation": { "top-left": { "x": 607.5, "y": 2934.359375 }, "bottom-right": { "x": 744.5, "y": 2951.359375 }, "height": 17, "width": 137 }, "position": { "line": 4548, "column": 0 }, "errorSnippet": "<a href=\"https://pbwebdev.com/\" title=\"WordPress design &amp; development\" alt=\"WordPress design &amp; development\" target=\"_blank\" aria-label=\"PB Web Development\">PB Web Development</a>", "xpath": "/html/body/div[1]/footer[1]/div[2]/div[1]/p[1]/a[2]", "issueID": "6f8e1c818e22041a2b2597053f2b37db", "signature": "ef7e237ccbf73c2ac4c4d2ddd25a3fb5", "ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=6f8e1c818e22041a2b2597053f2b37db" }, { "tID": 218, "bpID": 207, "priority": 88, "level": [ "AAA" ], "certainty": 100, "errorTitle": "This link opens in a new window without user control.", "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 link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.", "viewPortLocation": { "top-left": { "x": 304.5, "y": 3026.859375 }, "bottom-right": { "x": 379.5, "y": 3051.859375 }, "height": 25, "width": 75 }, "position": { "line": 4548, "column": 0 }, "errorSnippet": "<a href=\"https://www.w3.org\" target=\"_blank\" rel=\"noopener\"><img width=\"1\" height=\"1\" src=\"https://intopia.digital/wp-content/uploads/2018/01/w3c-member.svg\" class=\"image wp-image-460 attachment-medium size-medium\" alt=\"Intopia is a W3C member -", "xpath": "/html/body/div[1]/footer[1]/div[2]/div[1]/div[1]/span[1]/a[1]", "issueID": "f9de200ec2c61d4adfdbe37bccebfcf7", "signature": "85aa4b0928aff07a81f80406d2ee380a", "ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=f9de200ec2c61d4adfdbe37bccebfcf7" }, { "tID": 218, "bpID": 207, "priority": 88, "level": [ "AAA" ], "certainty": 100, "errorTitle": "This link opens in a new window without user control.", "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 link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.", "viewPortLocation": { "top-left": { "x": 399.5, "y": 3026.859375 }, "bottom-right": { "x": 474.5, "y": 3051.859375 }, "height": 25, "width": 75 }, "position": { "line": 4548, "column": 0 }, "errorSnippet": "<a href=\"http://www.pledge1percent.org/\" target=\"_blank\" rel=\"noopener\"><img width=\"302\" height=\"336\" src=\"https://intopia.digital/wp-content/uploads/2018/01/Pledge1_ProudMember.jpg\" class=\"image wp-image-461 attachment-full size-full\" alt=\"Into", "xpath": "/html/body/div[1]/footer[1]/div[2]/div[1]/div[1]/span[2]/a[1]", "issueID": "9091652276812fac9e1d1d3f7210808d", "signature": "27ab06aded832466e91cb37c45473f77", "ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=9091652276812fac9e1d1d3f7210808d" }, { "tID": 218, "bpID": 207, "priority": 88, "level": [ "AAA" ], "certainty": 100, "errorTitle": "This link opens in a new window without user control.", "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 link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.", "viewPortLocation": { "top-left": { "x": 494.5, "y": 3026.859375 }, "bottom-right": { "x": 569.5, "y": 3051.859375 }, "height": 25, "width": 75 }, "position": { "line": 4715, "column": 34 }, "errorSnippet": "<a href=\"http://bcorporation.com.au/\" target=\"_blank\" rel=\"noopener\"><img width=\"204\" height=\"322\" src=\"https://intopia.digital/wp-content/uploads/2018/01/A_BCorp_logo_POS.png\" class=\"image wp-image-462 attachment-full size-full\" alt=\"Intopia is", "xpath": "/html/body/div[1]/footer[1]/div[2]/div[1]/div[1]/span[3]/a[1]", "issueID": "a4ae9bb0c70d040ed215290767f45f57", "signature": "96610387c5ca1a17e8a267642486611b", "ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=a4ae9bb0c70d040ed215290767f45f57" }, { "tID": 218, "bpID": 207, "priority": 88, "level": [ "AAA" ], "certainty": 100, "errorTitle": "This link opens in a new window without user control.", "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 link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.", "viewPortLocation": { "top-left": { "x": 589.5, "y": 3026.859375 }, "bottom-right": { "x": 719.5, "y": 3051.859375 }, "height": 25, "width": 130 }, "position": { "line": 4716, "column": 0 }, "errorSnippet": "<a href=\"https://www.accessibilityassociation.org\" target=\"_blank\" rel=\"noopener\"><img width=\"1440\" height=\"850\" src=\"https://intopia.digital/wp-content/uploads/2019/03/iaap.png\" class=\"image wp-image-1167 iaap attachment-full size-full\" alt=\"In", "xpath": "/html/body/div[1]/footer[1]/div[2]/div[1]/div[1]/span[4]/a[1]", "issueID": "925a955bb88eeb2c2523452ae4673ee1", "signature": "4d05695e82ac177ee2bcc4e4d5e2bf6f", "ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=925a955bb88eeb2c2523452ae4673ee1" } ], "log": [] } } } ], "timeStamp": "42ubn", "startTime": "2022-07-09T15:05:52", "presses": 0, "amountRead": 0, "testTimes": [ [ "hover", 49 ], [ "motion", 13 ], [ "focInd", 8 ], [ "ibm", 7 ], [ "alfa", 6 ], [ "wave", 4 ], [ "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": 12, "logSize": 3218, "errorLogCount": 11, "errorLogSize": 2913, "prohibitedCount": 0, "visitTimeoutCount": 0, "visitRejectionCount": 0, "endTime": "2022-07-09T15:08:00", "elapsedSeconds": 127, "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": { "focInd": 26, "hover": 1, "linkUl": 26, "role": 8, "styleDiff": 16, "zIndex": 6 }, "alfa": { "r14": 4, "r21": 12, "r61": 4, "r66": 34, "r69": 14 }, "axe": { "color-contrast-enhanced": 68, "color-contrast": 11, "hidden-content": 0, "label-content-name-mismatch": 3, "page-has-heading-one": 2 }, "htmlcs": { "w:AA.1_1_1.H67.2": 4, "w:AA.1_3_1.H48": 1, "w:AA.1_3_1_A.G141": 2, "w:AA.1_4_10.C32,C31,C33,C38,SCR34,G206": 1, "w:AA.1_4_3.G145.Abs": 3, "w:AA.1_4_3.G145.BgImage": 1, "w:AA.1_4_3.G18.BgImage": 1, "w:AA.1_4_3_F24.F24.BGColour": 4, "w:AA.1_4_3_F24.F24.FGColour": 2, "w:AA.2_5_3.F96": 1 }, "wave": { "a:alt_long": 1, "a:h1_missing": 1, "a:heading_possible": 2 }, "tenon": { "28": 4, "152": 16, "155": 2, "218": 20 } }, "groupDetails": { "groups": { "focusIndication": { "testaro": { "focInd": { "score": 26, "what": "Focused element displaying no or nostandard focus indicator" } } }, "hoverSurprise": { "testaro": { "hover": { "score": 1, "what": "Content changes caused by hovering" } } }, "linkIndication": { "testaro": { "linkUl": { "score": 13, "what": "Non-underlined adjacent links" } } }, "roleBad": { "testaro": { "role": { "score": 6, "what": "Nonexistent or implicit-overriding role" } }, "alfa": { "r21": { "score": 9, "what": "Element does not have a valid role" } } }, "inconsistentStyles": { "testaro": { "styleDiff": { "score": 4, "what": "Heading, link, and button style inconsistencies" } } }, "zIndexNotZero": { "testaro": { "zIndex": { "score": 2, "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" } } }, "h1Missing": { "alfa": { "r61": { "score": 2, "what": "First heading is not h1" } }, "axe": { "page-has-heading-one": { "score": 1, "what": "Page contains no level-one heading" } }, "wave": { "a:h1_missing": { "score": 1, "what": "Missing first level heading" } } }, "contrastAAA": { "alfa": { "r66": { "score": 9, "what": "Text contrast less than AAA requires" } }, "axe": { "color-contrast-enhanced": { "score": 17, "what": "Element has insufficient color contrast (Level AAA)" } } }, "contrastAA": { "alfa": { "r69": { "score": 11, "what": "Text outside widget has subminimum contrast" } }, "axe": { "color-contrast": { "score": 8, "what": "Element has insufficient color contrast" } } }, "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" } } }, "headingStructure": { "htmlcs": { "w:AA.1_3_1_A.G141": { "score": 1, "what": "Heading level is incorrect" } }, "tenon": { "155": { "score": 1, "what": "Headings are not structured in a hierarchical manner" } } }, "scrollRisk": { "htmlcs": { "w:AA.1_4_10.C32,C31,C33,C38,SCR34,G206": { "score": 1, "what": "Fixed-position element may force bidirectional scrolling" } } }, "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" }, "w:AA.1_4_3.G18.BgImage": { "score": 1, "what": "Contrast between the text and its background image may be less than 4.5:1" }, "w:AA.1_4_3_F24.F24.BGColour": { "score": 1, "what": "Inline background color may lack a complementary foreground color" }, "w:AA.1_4_3_F24.F24.FGColour": { "score": 1, "what": "Inline foreground color may lack a complementary background color" } } }, "imageTextLong": { "wave": { "a:alt_long": { "score": 1, "what": "Long text alternative" } } }, "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" } } }, "targetSize": { "tenon": { "152": { "score": 8, "what": "Actionable element is smaller than the minimum required size" } } }, "linkForcesNewWindow": { "tenon": { "218": { "score": 15, "what": "Link opens in a new window without user control" } } } }, "solos": {} }, "preventionScores": {}, "summary": { "total": 286, "log": 107, "preventions": 0, "solos": 0, "groups": [ { "groupName": "focusIndication", "score": 28 }, { "groupName": "contrastAAA", "score": 23 }, { "groupName": "linkForcesNewWindow", "score": 17 }, { "groupName": "contrastAA", "score": 16 }, { "groupName": "linkIndication", "score": 15 }, { "groupName": "roleBad", "score": 13 }, { "groupName": "targetSize", "score": 10 }, { "groupName": "contrastRisk", "score": 7 }, { "groupName": "inconsistentStyles", "score": 6 }, { "groupName": "invisibleLabel", "score": 6 }, { "groupName": "h1Missing", "score": 5 }, { "groupName": "horizontalScrolling", "score": 5 }, { "groupName": "zIndexNotZero", "score": 4 }, { "groupName": "hoverSurprise", "score": 3 }, { "groupName": "hiddenContentRisk", "score": 3 }, { "groupName": "decorativeImageRisk", "score": 3 }, { "groupName": "pseudoNavListRisk", "score": 3 }, { "groupName": "headingStructure", "score": 3 }, { "groupName": "scrollRisk", "score": 3 }, { "groupName": "imageTextLong", "score": 3 }, { "groupName": "pseudoHeadingRisk", "score": 3 } ] } } }