Accessibility test digest
Synopsis
Page: TetraLogical
URL: https://tetralogical.com/
Score: 142
Tested by: Testaro, procedure tp12
Scored by: Testilo, procedure sp12b
Digested by: Testilo, procedure dp12b
Introduction
The Testaro application used its tp12 testing procedure to test the accessibility (barrier-free design and coding) of the TetraLogical web page at https://tetralogical.com/ on 2022/07/06. The procedure performed 808 tests. Of these, 16 are custom tests defined by Testaro, and the others belong to these six other packages (programs that perform collections of tests):
- Alfa by Siteimprove
- Axe-core by Deque
- HTML CodeSniffer by Squiz Labs
- Equal Access by IBM
- Tenon by Level Access
- WAVE by WebAIM
Testaro produced a report enumerating the test results.
Testilo processed the report and used the sp12b scoring procedure to compute partial and total scores for the page. The total score is 142 (where 0 is the best possible score). The scored report is appended below.
Finally, Testilo used procedure dp12b to produce this digest, briefly explaining how sp12a computed the scores.
Score summary
| total | 142 |
|---|---|
| log | 45 |
| contrastAAA | 36 |
| linkNoText | 18 |
| targetSize | 10 |
| linkIndication | 9 |
| hoverSurprise | 3 |
| inconsistentStyles | 3 |
| zIndexNotZero | 3 |
| skipRepeatedContent | 3 |
| pseudoNavListRisk | 3 |
| contrastRisk | 3 |
| invisibleLabel | 3 |
| pseudoLinkRisk | 3 |
Issue summary
Special issues
log: Score 45. This is based on the amount of browser error logging and miscellaneous logging during the tests.
Classified issues
contrastAAA: Score 36. Issues reported by tests in this category:
- Package
alfa, testr66, score 13 (Text contrast less than AAA requires) - Package
axe, testcolor-contrast-enhanced, score 29 (Element has insufficient color contrast (Level AAA))
linkNoText: Score 18. Issues reported by tests in this category:
- Package
htmlcs, teste:AA.4_1_2.H91.A.NoContent, score 16 (Link has an href attribute but no text)
targetSize: Score 10. Issues reported by tests in this category:
- Package
tenon, test152, score 8 (Actionable element is smaller than the minimum required size)
linkIndication: Score 9. Issues reported by tests in this category:
- Package
testaro, testlinkUl, score 7 (Non-underlined adjacent links)
hoverSurprise: Score 3. Issues reported by tests in this category:
- Package
testaro, testhover, score 1 (Content changes caused by hovering)
inconsistentStyles: Score 3. Issues reported by tests in this category:
- Package
testaro, teststyleDiff, score 1 (Heading, link, and button style inconsistencies)
zIndexNotZero: Score 3. Issues reported by tests in this category:
- Package
testaro, testzIndex, score 1 (Layering with nondefault z-index values)
skipRepeatedContent: Score 3. Issues reported by tests in this category:
- Package
alfa, testr87, score 1 (First focusable element is not a link to the main content)
pseudoNavListRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_3_1.H48, score 1 (Navigation links are not coded as a list)
contrastRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_4_3.G18.Abs, score 1 (Contrast between the absolutely positioned text and its background may be inadequate)
invisibleLabel: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.2_5_3.F96, score 1 (Visible label is not in the accessible name)
pseudoLinkRisk: Score 3. Issues reported by tests in this category:
- Package
wave, testa:underline, score 1 (CSS underline on text that is not a link)
Discussion
Although there are widely accepted accessibility standards, there is no unanimity about how to define, test, and quantify accessibility. The failures reported in this digest merit investigation as potential opportunities for improved accessibility. Investigation may lead you to conclude that some of the reported failures do not actually harm accessibility. Conversely, some substantial accessibility faults can escape detection by any of these tests. You may question the attempt to assign an accessibility score to a web page, or you may prefer weightings and formulas different from those used by sp12b. You can modify and extend Testaro and Testilo to fit other theories and priorities.
Here, in brief, is how sp12a computes a score for a page.
- It finds all the defects and warnings (let’s call them
issues
) recorded in the report. - It classifies them according to type. For example, a link that looks like the text around it is one issue category, while a video that has no captions is another issue category.
- It also classifies the issues according to severity. For example, an issue that prevents a transaction is more severe than an issue that only complicates the transaction, and a warning about a possible issue is less severe than a definite finding of an issue. (Some packages rate the severity of each issue; for the other packages,
sp12aassigns a severity weight to the issue type and uses that weight.) - It assigns quality ratings to particular tests that are judged abnormally reliable or unreliable.
- It assigns a score to each issue reported by each test of each package.
- It aggregates the issue scores, weighting them by severity, test quality, and redundancy. Redundancy occurs, and causes downweighting, when two or more packages contain tests that are designed to discover the same or mostly the same issues. So the score for a category is not simply the sum of the scores of the tests in that category.
- It assigns a score for issues in the page logged by the browser.
- It assigns an estimated score each time the page prevents one of the packages or one of the Testaro tests from being run on the page.
- It adds the scores together to obtain a total score.
The precise rules of sp12b are found in the code itself.
Report
{
"id": "3zjtz-tetralogical",
"host": {
"id": "tetralogical",
"which": "https://tetralogical.com/",
"what": "TetraLogical"
},
"log": [
{
"event": "startTime",
"value": "2022-07-06T02:49:37"
},
{
"event": "endTime",
"value": "2022-07-06T02:51:02"
}
],
"script": {
"id": "tp12",
"what": "Alfa, Axe, HTML CodeSniffer, IBM, Tenon, WAVE, and 16 custom tests",
"strict": true,
"commands": [
{
"type": "launch",
"which": "webkit",
"what": "Webkit browser"
},
{
"type": "url",
"which": "https://tetralogical.com/",
"what": "TetraLogical"
},
{
"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://tetralogical.com/",
"what": "TetraLogical"
},
{
"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://tetralogical.com/",
"what": "TetraLogical",
"result": "https://tetralogical.com/"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request",
"url": "https://tetralogical.com/"
},
{
"type": "test",
"which": "motion",
"what": "motion",
"delay": 2500,
"interval": 2500,
"count": 5,
"url": "https://tetralogical.com/",
"result": {
"bytes": [
135065,
135065,
135065,
135065,
135065
],
"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://tetralogical.com/",
"what": "TetraLogical",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements",
"url": "https://tetralogical.com/",
"result": {
"visibleElements": 148
}
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements embedded in links or buttons",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"links": 0,
"buttons": 0,
"inputs": 0,
"selects": 0
},
"items": []
}
},
{
"type": "test",
"which": "focAll",
"what": "focusable and Tab-focused elements",
"url": "https://tetralogical.com/",
"result": {
"tabFocusables": 34,
"tabFocused": 34,
"discrepancy": 0
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"total": 34,
"types": {
"indicatorMissing": {
"total": 0,
"tagNames": {}
},
"nonOutlinePresent": {
"total": 0,
"tagNames": {}
},
"outlinePresent": {
"total": 34,
"meanDelay": 0,
"tagNames": {
"A": 34
}
}
}
},
"items": {
"indicatorMissing": [],
"nonOutlinePresent": [],
"outlinePresent": [
{
"tagName": "A",
"text": "Skip to main content",
"delay": 0
},
{
"tagName": "A",
"text": "#tll-inclusive { fill: #A900C0; } #tll-sustainable { fill: #FF1958; } #tll-ethical { fill: #E100A0; ",
"delay": 0
},
{
"tagName": "A",
"text": "About",
"delay": 0
},
{
"tagName": "A",
"text": "Services",
"delay": 0
},
{
"tagName": "A",
"text": "News",
"delay": 0
},
{
"tagName": "A",
"text": "Blog",
"delay": 0
},
{
"tagName": "A",
"text": "Initial assessments",
"delay": 0
},
{
"tagName": "A",
"text": "assessments",
"delay": 0
},
{
"tagName": "A",
"text": "Agile usability testing",
"delay": 0
},
{
"tagName": "A",
"text": "usability testing",
"delay": 0
},
{
"tagName": "A",
"text": "Embedded accessibility",
"delay": 0
},
{
"tagName": "A",
"text": "helpdesk",
"delay": 0
},
{
"tagName": "A",
"text": "Instructor-led training",
"delay": 0
},
{
"tagName": "A",
"text": "self-led training",
"delay": 0
},
{
"tagName": "A",
"text": "Design reviews",
"delay": 0
},
{
"tagName": "A",
"text": "usability reviews",
"delay": 0
},
{
"tagName": "A",
"text": "Design system accessibility",
"delay": 0
},
{
"tagName": "A",
"text": "Sustainable accessibility",
"delay": 0
},
{
"tagName": "A",
"text": "member of the W3C",
"delay": 0
},
{
"tagName": "A",
"text": "User Experience Network",
"delay": 0
},
{
"tagName": "A",
"text": "agile usability testing",
"delay": 0
},
{
"tagName": "A",
"text": "usability testing",
"delay": 0
},
{
"tagName": "A",
"text": "#tlp-inclusive, #tlp-inclusive-text { fill: #A900C0; } #tlp-sustainable, #tlp-sustainable-text { fil",
"delay": 0
},
{
"tagName": "A",
"text": "Léonie Watson at DCDC",
"delay": 0
},
{
"tagName": "A",
"text": "Patrick H. Lauke at Bitwarden Community Forum",
"delay": 0
},
{
"tagName": "A",
"text": "More news items",
"delay": 0
},
{
"tagName": "A",
"text": "Meet the team: Léonie Watson",
"delay": 0
},
{
"tagName": "A",
"text": "Android accessibility: roles and TalkBack",
"delay": 0
},
{
"tagName": "A",
"text": "More blog posts",
"delay": 0
},
{
"tagName": "A",
"text": "hello@tetralogical.com",
"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://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"total": 34,
"types": {
"onlyFocusable": {
"total": 0,
"tagNames": {}
},
"onlyOperable": {
"total": 0,
"tagNames": {}
},
"focusableAndOperable": {
"total": 34,
"tagNames": {
"A": 34
}
}
}
},
"items": {
"onlyFocusable": [],
"onlyOperable": [],
"focusableAndOperable": [
{
"tagName": "A",
"id": "",
"text": "Skip to main content",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "#tll-inclusive { fill: #A900C0; } #tll-sustainable { fill: #FF1958; } #tll-ethic",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "About",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Services",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "News",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Blog",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Initial assessments",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "assessments",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Agile usability testing",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "usability testing",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Embedded accessibility",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "helpdesk",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Instructor-led training",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "self-led training",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Design reviews",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "usability reviews",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Design system accessibility",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Sustainable accessibility",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "member of the W3C",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "User Experience Network",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "agile usability testing",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "usability testing",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "#tlp-inclusive, #tlp-inclusive-text { fill: #A900C0; } #tlp-sustainable, #tlp-su",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Patrick H. Lauke at Bitwarden Community Forum",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Announcing our new recruitment service",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "More news items",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Accessible design systems",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Meet the team: Patrick H. Lauke",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "More blog posts",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "hello@tetralogical.com",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a href=\"https://tetralogical.com/feed.xml\" style=\"cursor: default;\"><svg role=\"",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a href=\"https://twitter.com/TetraLogical\" style=\"cursor: default;\"><svg role=\"i",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a href=\"https://www.youtube.com/c/tetralogical\" style=\"cursor: default;\"><svg r",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a href=\"https://www.linkedin.com/company/tetralogical/\" style=\"cursor: default;",
"byTag": true,
"byOnClick": false,
"byPointer": true
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover-caused content changes",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"triggers": 49,
"headTriggers": 20,
"tailTriggers": 29,
"impactTriggers": 0,
"additions": 0,
"removals": 0,
"opacityChanges": 0,
"opacityImpact": 0,
"unhoverables": 1
},
"items": {
"head": {
"impactTriggers": [],
"unhoverables": [
{
"tagName": "A",
"id": "",
"text": "Skiptomaincontent"
}
]
},
"tail": {
"impactTriggers": [],
"unhoverables": []
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "labeling inconsistencies",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"mislabeled": 0,
"unlabeled": 0,
"wellLabeled": 0
},
"items": {
"mislabeled": [],
"unlabeled": [],
"wellLabeled": []
}
}
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "adjacent-link underlining",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"links": 34,
"adjacent": {
"total": 30,
"underlined": 23,
"underlinedPercent": 76
}
},
"items": {
"underlined": [
"Skip to main content",
"#tll-inclusive { fill: #A900C0; } #tll-sustainable { fill: #FF1958; } #tll-ethical { fill: #E100A0; } #tll-safe { fill: #F56F00; } #tll-scaffold { fill: #2D0045; } #tll-scaffold #tll-inclusive-ethical { fill-opacity:0.28; } #tll-scaffold #tll-sustainable-safe { fill-opacity:0.84; } #tll-scaffold #tll-perimeter { fill-opacity:0.62; } #tll-tetralogical { fill: #420065; } @media (forced-colors) { #tll-inclusive, #tll-sustainable, #tll-ethical, #tll-safe, #tll-scaffold, #tll-tetralogical { fill: CanvasText; } }",
"Initial assessments",
"assessments",
"Agile usability testing",
"usability testing",
"Embedded accessibility",
"helpdesk",
"Instructor-led training",
"self-led training",
"Design reviews",
"usability reviews",
"Design system accessibility",
"Sustainable accessibility",
"member of the W3C",
"User Experience Network",
"agile usability testing",
"usability testing",
"#tlp-inclusive, #tlp-inclusive-text { fill: #A900C0; } #tlp-sustainable, #tlp-sustainable-text { fill: #FF1958; } #tlp-ethical, #tlp-ethical-text { fill: #E100A0; } #tlp-safe, #tlp-safe-text { fill: #F56F00; } #tlp-scaffold { fill: #2D0045; } #tlp-scaffold #tlp-inclusive-ethical { fill-opacity:0.28; } #tlp-scaffold #tlp-sustainable-safe { fill-opacity:0.84; } #tlp-scaffold #tlp-perimeter { fill-opacity:0.62; } @media (forced-colors) { #tlp-inclusive, #tlp-inclusive-text, #tlp-sustainable, #tlp-sustainable-text, #tlp-ethical, #tlp-ethical-text, #tlp-safe, #tlp-safe-text, #tlp-scaffold { fill: CanvasText; } } Find out more about our principles",
"Patrick H. Lauke at Bitwarden Community Forum",
"Announcing our new recruitment service",
"Accessible design systems",
"Meet the team: Patrick H. Lauke"
],
"notUnderlined": [
"More news items",
"More blog posts",
"hello@tetralogical.com",
"",
"",
"",
""
]
}
}
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation between focusable menu items",
"url": "https://tetralogical.com/",
"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://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "fieldset grouping of radio buttons",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"total": 0,
"inSet": 0,
"percent": "N.A."
},
"items": {
"inSet": [],
"notInSet": []
}
}
},
{
"type": "test",
"which": "role",
"what": "roles",
"url": "https://tetralogical.com/",
"result": {
"roleElements": 6,
"badRoleElements": 0,
"redundantRoleElements": 0,
"tagNames": {}
}
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style inconsistencies",
"url": "https://tetralogical.com/",
"result": {
"mainStyles": [
"fontStyle",
"fontWeight",
"opacity",
"textDecorationLine",
"textDecorationStyle",
"textDecorationThickness"
],
"buttonStyles": [
"borderStyle",
"borderWidth",
"height",
"lineHeight",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"outlineOffset",
"outlineStyle",
"outlineWidth"
],
"headingStyles": [
"color",
"fontSize"
],
"listLinkStyles": [
"color",
"fontSize",
"lineHeight"
],
"totals": {
"adjacentLink": {
"total": 30,
"subtotals": [
23,
4,
2,
1
]
},
"listLink": {
"total": 4
},
"h1": {
"total": 1
},
"h2": {
"total": 3
}
},
"items": {
"adjacentLink": {
"fontWeight": {
"400": [
"",
"",
"",
""
],
"500": [
"hello@tetralogical.com"
],
"600": [
"Skip to main content",
"#tll-inclusive { fill: #A900C0; } #tll-sustainable { fill: #FF1958; } #tll-ethical { fill: #E100A0; } #tll-safe { fill: #F56F00; } #tll-scaffold { fill: #2D0045; } #tll-scaffold #tll-inclusive-ethical { fill-opacity:0.28; } #tll-scaffold #tll-sustainable-safe { fill-opacity:0.84; } #tll-scaffold #tll-perimeter { fill-opacity:0.62; } #tll-tetralogical { fill: #420065; } @media (forced-colors) { #tll-inclusive, #tll-sustainable, #tll-ethical, #tll-safe, #tll-scaffold, #tll-tetralogical { fill: CanvasText; } }",
"Initial assessments",
"assessments",
"Agile usability testing",
"usability testing",
"Embedded accessibility",
"helpdesk",
"Instructor-led training",
"self-led training",
"Design reviews",
"usability reviews",
"Design system accessibility",
"Sustainable accessibility",
"member of the W3C",
"User Experience Network",
"agile usability testing",
"usability testing",
"#tlp-inclusive, #tlp-inclusive-text { fill: #A900C0; } #tlp-sustainable, #tlp-sustainable-text { fill: #FF1958; } #tlp-ethical, #tlp-ethical-text { fill: #E100A0; } #tlp-safe, #tlp-safe-text { fill: #F56F00; } #tlp-scaffold { fill: #2D0045; } #tlp-scaffold #tlp-inclusive-ethical { fill-opacity:0.28; } #tlp-scaffold #tlp-sustainable-safe { fill-opacity:0.84; } #tlp-scaffold #tlp-perimeter { fill-opacity:0.62; } @media (forced-colors) { #tlp-inclusive, #tlp-inclusive-text, #tlp-sustainable, #tlp-sustainable-text, #tlp-ethical, #tlp-ethical-text, #tlp-safe, #tlp-safe-text, #tlp-scaffold { fill: CanvasText; } } Find out more about our principles",
"Patrick H. Lauke at Bitwarden Community Forum",
"Announcing our new recruitment service",
"More news items",
"Accessible design systems",
"Meet the team: Patrick H. Lauke",
"More blog posts"
]
},
"textDecorationLine": {
"underline": [
"Skip to main content",
"#tll-inclusive { fill: #A900C0; } #tll-sustainable { fill: #FF1958; } #tll-ethical { fill: #E100A0; } #tll-safe { fill: #F56F00; } #tll-scaffold { fill: #2D0045; } #tll-scaffold #tll-inclusive-ethical { fill-opacity:0.28; } #tll-scaffold #tll-sustainable-safe { fill-opacity:0.84; } #tll-scaffold #tll-perimeter { fill-opacity:0.62; } #tll-tetralogical { fill: #420065; } @media (forced-colors) { #tll-inclusive, #tll-sustainable, #tll-ethical, #tll-safe, #tll-scaffold, #tll-tetralogical { fill: CanvasText; } }",
"Initial assessments",
"assessments",
"Agile usability testing",
"usability testing",
"Embedded accessibility",
"helpdesk",
"Instructor-led training",
"self-led training",
"Design reviews",
"usability reviews",
"Design system accessibility",
"Sustainable accessibility",
"member of the W3C",
"User Experience Network",
"agile usability testing",
"usability testing",
"#tlp-inclusive, #tlp-inclusive-text { fill: #A900C0; } #tlp-sustainable, #tlp-sustainable-text { fill: #FF1958; } #tlp-ethical, #tlp-ethical-text { fill: #E100A0; } #tlp-safe, #tlp-safe-text { fill: #F56F00; } #tlp-scaffold { fill: #2D0045; } #tlp-scaffold #tlp-inclusive-ethical { fill-opacity:0.28; } #tlp-scaffold #tlp-sustainable-safe { fill-opacity:0.84; } #tlp-scaffold #tlp-perimeter { fill-opacity:0.62; } @media (forced-colors) { #tlp-inclusive, #tlp-inclusive-text, #tlp-sustainable, #tlp-sustainable-text, #tlp-ethical, #tlp-ethical-text, #tlp-safe, #tlp-safe-text, #tlp-scaffold { fill: CanvasText; } } Find out more about our principles",
"Patrick H. Lauke at Bitwarden Community Forum",
"Announcing our new recruitment service",
"Accessible design systems",
"Meet the team: Patrick H. Lauke"
],
"none": [
"More news items",
"More blog posts",
"hello@tetralogical.com",
"",
"",
"",
""
]
}
}
}
}
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation between tab elements",
"url": "https://tetralogical.com/",
"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://tetralogical.com/",
"result": {
"totals": {
"total": 1,
"tagNames": {
"A": 1
}
},
"items": [
{
"tagName": "A",
"id": "",
"text": "Skip to main content"
}
]
}
},
{
"type": "test",
"which": "alfa",
"what": "alfa",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"failures": 13,
"warnings": 1
},
"items": [
{
"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]/footer[1]/div[2]/address[1]/span[1]/text()[1]",
"codeLines": [
"TetraLogical"
]
}
},
{
"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]/footer[1]/div[2]/address[1]/text()[1]",
"codeLines": [
","
]
}
},
{
"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]/footer[1]/div[2]/address[1]/span[2]/span[1]/text()[1]",
"codeLines": [
"60 Windsor Avenue"
]
}
},
{
"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]/footer[1]/div[2]/address[1]/span[2]/text()[1]",
"codeLines": [
","
]
}
},
{
"index": 414,
"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]/footer[1]/div[2]/address[1]/span[2]/span[2]/text()[1]",
"codeLines": [
"London"
]
}
},
{
"index": 415,
"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]/footer[1]/div[2]/address[1]/span[2]/text()[2]",
"codeLines": [
","
]
}
},
{
"index": 416,
"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]/footer[1]/div[2]/address[1]/span[2]/span[3]/text()[1]",
"codeLines": [
"SW19 2RR"
]
}
},
{
"index": 417,
"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]/footer[1]/div[2]/address[1]/span[2]/text()[3]",
"codeLines": [
","
]
}
},
{
"index": 418,
"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]/footer[1]/div[2]/address[1]/span[2]/span[4]/text()[1]",
"codeLines": [
"UK"
]
}
},
{
"index": 419,
"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]/footer[1]/div[2]/address[1]/text()[2]",
"codeLines": [
"."
]
}
},
{
"index": 420,
"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]/footer[1]/div[2]/address[1]/span[3]/text()[1]",
"codeLines": [
"Tel:"
]
}
},
{
"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]/footer[1]/div[2]/address[1]/span[3]/span[1]/text()[1]",
"codeLines": [
"+44 (0)20 8895 6768"
]
}
},
{
"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]/footer[1]/div[2]/p[1]/text()[1]",
"codeLines": [
"Company number 12951928"
]
}
},
{
"index": 631,
"verdict": "cantTell",
"rule": {
"ruleID": "r87",
"ruleSummary": "First focusable element is link to main content",
"scope": "page",
"uri": "https://alfa.siteimprove.com/rules/sia-r87",
"requirements": [
{
"uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G1",
"name": "G1",
"title": "Adding a link at the top of each page that goes directly to the main content area"
}
]
},
"target": {
"type": "document",
"tagName": "",
"path": "/",
"codeLines": [
"#document",
" <!doctype html>",
"...",
" </html>"
]
}
}
]
}
},
{
"type": "test",
"which": "axe",
"detailLevel": 2,
"rules": [],
"what": "Axe",
"url": "https://tetralogical.com/",
"result": {
"totals": {
"rulesNA": 53,
"rulesPassed": 43,
"rulesWarned": 0,
"rulesViolated": 1,
"warnings": {
"minor": 0,
"moderate": 0,
"serious": 0,
"critical": 0
},
"violations": {
"minor": 0,
"moderate": 0,
"serious": 38,
"critical": 0
}
},
"details": {
"testEngine": {
"name": "axe-core",
"version": "4.4.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/102.0.5005.40 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 90,
"orientationType": "landscape-primary"
},
"timestamp": "2022-07-06T02:50:53.040Z",
"url": "https://tetralogical.com/",
"toolOptions": {
"resultTypes": [
"violations",
"incomplete"
],
"runOnly": {
"type": "tag",
"values": [
"experimental",
"best-practice",
"wcag2a",
"wcag2aa",
"wcag2aaa",
"wcag21a",
"wcag21aa",
"wcag21aaa"
]
},
"reporter": "v1"
},
"incomplete": [],
"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": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/about/\">About</a>",
"target": [
"li:nth-child(1) > a[href$=\"about/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/\">Services</a>",
"target": [
"a[href$=\"services/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/news/\">News</a>",
"target": [
"li:nth-child(3) > a[href$=\"news/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/blog/\">Blog</a>",
"target": [
"li:nth-child(4) > a[href$=\"blog/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/initial-assessments/\">Initial assessments</a>",
"target": [
"a[href$=\"initial-assessments/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/assessments/\">assessments</a>",
"target": [
"a[href$=\"assessments/\"]:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/agile-usability-testing/\">Agile usability testing</a>",
"target": [
".columns > li:nth-child(2) > a:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/usability-testing/\">usability testing</a>",
"target": [
"li:nth-child(2) > a[href$=\"usability-testing/\"]:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/embedded-accessibility/\">Embedded accessibility</a>",
"target": [
".columns > li:nth-child(3) > a:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/helpdesk/\">helpdesk</a>",
"target": [
"a[href$=\"helpdesk/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/instructor-led-training/\">Instructor-led training</a>",
"target": [
".columns > li:nth-child(4) > a:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/self-led-training\">self-led training</a>",
"target": [
"a[href$=\"self-led-training\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/design-reviews/\">Design reviews</a>",
"target": [
"a[href$=\"design-reviews/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/usability-reviews/\">usability reviews</a>",
"target": [
"a[href$=\"usability-reviews/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/design-system-accessibility/\">Design system accessibility</a>",
"target": [
"li:nth-child(6) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/sustainable-accessibility/\">Sustainable accessibility</a>",
"target": [
"li:nth-child(7) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://www.w3.org/Consortium/Member/List\">member of the W3C</a>",
"target": [
".grid-main > p:nth-child(3) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://uxnetwork.tetralogical.com\">User Experience Network</a>",
"target": [
"p:nth-child(4) > a:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/agile-usability-testing/\">agile usability testing</a>",
"target": [
"p:nth-child(4) > a:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/services/usability-testing/\">usability testing</a>",
"target": [
"a[href$=\"usability-testing/\"]:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#555555",
"bgColor": "#f6f5f4",
"contrastRatio": 6.84,
"fontSize": "11.4pt (15.232px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 6.84 (foreground color: #555555, background color: #f6f5f4, font size: 11.4pt (15.232px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<figcaption>Find out more about our principles</figcaption>",
"target": [
"figcaption"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6.84 (foreground color: #555555, background color: #f6f5f4, font size: 11.4pt (15.232px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/news/2022/06/29/patrick-h-lauke-bitwarden-community-forum/\" class=\"postlist-link\">Patrick H. Lauke at Bitwarden Community Forum</a>",
"target": [
"section:nth-child(3) > ol > li:nth-child(1) > .postlist-link"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/news/2022/06/23/announcing-our-new-recruitment-service/\" class=\"postlist-link\">Announcing our new recruitment service</a>",
"target": [
"section:nth-child(3) > ol > li:nth-child(2) > .postlist-link"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>More news items</span>",
"target": [
".moreposts[href$=\"news/\"] > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/blog/2022/06/24/accessible-design-systems/\" class=\"postlist-link\">Accessible design systems</a>",
"target": [
"section:nth-child(4) > ol > li:nth-child(1) > .postlist-link"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/blog/2022/06/13/meet-the-team-patrick-h-lauke/\" class=\"postlist-link\">Meet the team: Patrick H. Lauke</a>",
"target": [
"section:nth-child(4) > ol > li:nth-child(2) > .postlist-link"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#a900c0",
"bgColor": "#f6f5f4",
"contrastRatio": 5.59,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>More blog posts</span>",
"target": [
".moreposts[href$=\"blog/\"] > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.59 (foreground color: #a900c0, background color: #f6f5f4, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#a900c0",
"contrastRatio": 6.09,
"fontSize": "13.4pt (17.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<a class=\"cta\" href=\"mailto:hello@tetralogical.com?subject=Website%20contact\">hello@tetralogical.com</a>",
"target": [
".cta"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 6.09 (foreground color: #ffffff, background color: #a900c0, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"cta\" href=\"mailto:hello@tetralogical.com?subject=Website%20contact\">hello@tetralogical.com</a>",
"target": [
".cta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6.09 (foreground color: #ffffff, background color: #a900c0, font size: 13.4pt (17.92px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<address>",
"target": [
"address"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span itemprop=\"name\">TetraLogical</span>",
"target": [
"span[itemprop=\"name\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span itemprop=\"address\" itemscope=\"\" itemtype=\"https://schema.org/PostalAddress\"><span itemprop=\"streetAddress\">60 Windsor Avenue</span>, <span itemprop=\"addressLocality\">London</span>, <span itemprop=\"postalCode\">SW19 2RR</span>, <span itemprop=\"addressCountry\">UK</span></span>",
"target": [
"span[itemprop=\"address\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span itemprop=\"streetAddress\">60 Windsor Avenue</span>",
"target": [
"span[itemprop=\"streetAddress\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span itemprop=\"addressLocality\">London</span>",
"target": [
"span[itemprop=\"addressLocality\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span itemprop=\"postalCode\">SW19 2RR</span>",
"target": [
"span[itemprop=\"postalCode\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span itemprop=\"addressCountry\">UK</span>",
"target": [
"span[itemprop=\"addressCountry\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tel\">Tel: <span itemprop=\"telephone\">+44 (0)20 8895 6768</span></span>",
"target": [
".tel"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span itemprop=\"telephone\">+44 (0)20 8895 6768</span>",
"target": [
"span[itemprop=\"telephone\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#666666",
"bgColor": "#f6f5f4",
"contrastRatio": 5.27,
"fontSize": "10.8pt (14.336px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Company number 12951928</p>",
"target": [
"div[itemscope=\"\"] > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.27 (foreground color: #666666, background color: #f6f5f4, font size: 10.8pt (14.336px), font weight: normal). Expected contrast ratio of 7:1"
}
]
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer WCAG 2.1 AA ruleset",
"url": "https://tetralogical.com/",
"result": {
"Error": {
"AA.4_1_2.H91.A.NoContent": {
"Anchor element found with a valid href attribute, but no link content has been supplied.": [
{
"tagName": "a",
"id": "",
"code": "<a href=\"https://tetralogical.com/feed.xml\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"https://twitter.com/TetraLogical\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"https://www.linkedin.com/company/tetralogical/\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"https://www.youtube.com/c/tetralogical\">...</a>"
}
]
}
},
"Warning": {
"AA.1_3_1.H48": {
"If this element contains a navigation section, it is recommended that it be marked up as a list.": [
{
"tagName": "div",
"id": "",
"code": "<div class=\"social\">...</div>"
},
{
"tagName": "p",
"id": "",
"code": "<p>...</p>"
}
]
},
"AA.1_4_3.G18.Abs": {
"This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.": [
{
"tagName": "a",
"id": "",
"code": "<a href=\"#main\" class=\"skiplink\">...</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=\"/about/\" aria-label=\"Inclusive, sustainable, ethical, safe – find out more about our principles\">...</a>"
}
]
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker",
"url": "https://tetralogical.com/",
"result": {
"content": {
"totals": {
"violation": 0,
"recommendation": 1,
"ignored": 0
},
"items": [
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/body[1]/main[1]/section[1]/div[3]/a[1]/figure[1]/svg[1]",
"aria": "/document[1]/main[1]/link[5]/figure[1]/img[1]"
},
"message": "The HTML attribute(s) \"version\" is deprecated in HTML 5",
"bounds": {
"left": 48,
"top": 862,
"height": 161,
"width": 310
},
"snippet": "<svg focusable=\"false\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\" xml:space=\"preserve\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 659 342\" width=\"310\" aria-label=\"Inclusive, sustainable, ethical, safe\" role=\"img\">",
"level": "recommendation"
}
]
},
"url": {
"totals": {
"violation": 0,
"recommendation": 1,
"ignored": 0
},
"items": [
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/body[1]/main[1]/section[1]/div[3]/a[1]/figure[1]/svg[1]",
"aria": "/document[1]/main[1]/link[5]/figure[1]/img[1]"
},
"message": "The HTML attribute(s) \"version\" is deprecated in HTML 5",
"bounds": {
"left": 439,
"top": 278,
"height": 161,
"width": 310
},
"snippet": "<svg focusable=\"false\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\" xml:space=\"preserve\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 659 342\" width=\"310\" aria-label=\"Inclusive, sustainable, ethical, safe\" role=\"img\">",
"level": "recommendation"
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE",
"url": "https://tetralogical.com/",
"result": {
"status": {
"success": true,
"httpstatuscode": 200
},
"statistics": {
"pagetitle": "TetraLogical",
"pageurl": "https://tetralogical.com/",
"time": 2.02,
"creditsremaining": 309,
"allitemcount": 36,
"totalelements": 176,
"waveurl": "http://wave.webaim.org/report?url=https://tetralogical.com/"
},
"categories": {
"error": {
"description": "Errors",
"count": 0,
"items": []
},
"contrast": {
"description": "Contrast Errors",
"count": 0,
"items": []
},
"alert": {
"description": "Alerts",
"count": 2,
"items": {
"underline": {
"id": "underline",
"description": "Underlined text",
"count": 2,
"selectors": [
"HTML > HEAD:first-child + BODY > MAIN#main > H1:first-child + SECTION + SECTION > H2:first-child + OL + P > A:first-child > svg:first-child + SPAN",
"HTML > HEAD:first-child + BODY > MAIN#main > H1:first-child + SECTION + SECTION + SECTION > H2:first-child + OL + P > A:first-child > svg:first-child + SPAN"
],
"wcag": []
}
}
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://tetralogical.com/",
"what": "URL",
"result": "https://tetralogical.com/"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon",
"url": "https://tetralogical.com/",
"result": {
"status": 200,
"message": "OK",
"code": "success",
"info": "Success",
"moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success",
"responseExecTime": "0.058",
"responseTime": "2022-07-06T02:51:02.234Z",
"data": {
"apiErrors": [],
"documentSize": 1004363,
"metadata": null,
"resultSummary": {
"tests": {
"total": 180,
"passing": 179,
"failing": 1
},
"issues": {
"totalErrors": 4,
"totalWarnings": 0,
"totalIssues": 4
},
"issuesByLevel": {
"A": {
"count": 4,
"pct": 100
},
"AA": {
"count": 4,
"pct": 100
},
"AAA": {
"count": 4,
"pct": 100
}
},
"density": {
"errorDensity": 0,
"warningDensity": 0,
"allDensity": 0
}
},
"projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490",
"responseID": "c500382b-1aaf-403d-8180-e73aefc52e79",
"docID": "062dc501-9045-4bb6-91f8-d66cec399339",
"sourceHash": "b61d9e813046c661c8b0eed033d29551",
"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=c500382b-1aaf-403d-8180-e73aefc52e79",
"resultSet": [
{
"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": 739.328125,
"y": 2018.765625
},
"bottom-right": {
"x": 783.328125,
"y": 2062.765625
},
"height": 44,
"width": 44
},
"position": {
"line": 4024,
"column": 0
},
"errorSnippet": "<a href=\"https://tetralogical.com/feed.xml\"><svg role=\"img\" aria-label=\"Blog RSS feed\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\" class=\"icon\"><path d=\"M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h1",
"xpath": "/html/body/footer[1]/div[1]/div[2]/a[1]",
"issueID": "2e3decbcc5167683c761825c16fd4729",
"signature": "27d1e0c0c7cf1cde0edc79c06ac61a65",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=2e3decbcc5167683c761825c16fd4729"
},
{
"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": 783.328125,
"y": 2018.765625
},
"bottom-right": {
"x": 827.328125,
"y": 2062.765625
},
"height": 44,
"width": 44
},
"position": {
"line": 4024,
"column": 0
},
"errorSnippet": "<a href=\"https://twitter.com/TetraLogical\"><svg role=\"img\" aria-label=\"Twitter: @TetraLogical\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\" class=\"icon\"><path d=\"M5.026 15c6.038 0 9.341-5.003",
"xpath": "/html/body/footer[1]/div[1]/div[2]/a[2]",
"issueID": "10181c508c2ce50728f8b0d118299773",
"signature": "9e0c2a594a38430b81b004e72c656464",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=10181c508c2ce50728f8b0d118299773"
},
{
"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": 827.328125,
"y": 2018.765625
},
"bottom-right": {
"x": 871.328125,
"y": 2062.765625
},
"height": 44,
"width": 44
},
"position": {
"line": 4024,
"column": 0
},
"errorSnippet": "<a href=\"https://www.youtube.com/c/tetralogical\"><svg role=\"img\" aria-label=\"YouTube: TetraLogical\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\" class=\"icon\"><path d=\"M8.051 1.999h.089c.822.0",
"xpath": "/html/body/footer[1]/div[1]/div[2]/a[3]",
"issueID": "686c44176a14cd08938067f000bca8d3",
"signature": "b04eb156dc19adcca56323d7467722a0",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=686c44176a14cd08938067f000bca8d3"
},
{
"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": 871.328125,
"y": 2018.765625
},
"bottom-right": {
"x": 915.328125,
"y": 2062.765625
},
"height": 44,
"width": 44
},
"position": {
"line": 4191,
"column": 34
},
"errorSnippet": "<a href=\"https://www.linkedin.com/company/tetralogical/\"><svg role=\"img\" aria-label=\"LinkedIn: TetraLogical\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\" focusable=\"false\" class=\"icon\"><path d=\"M0 1.146C0 .513",
"xpath": "/html/body/footer[1]/div[1]/div[2]/a[4]",
"issueID": "36eaf5ee1d2e8d5c58af27da443330d8",
"signature": "bb7ea40269da0033d5116c06692ed82a",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=36eaf5ee1d2e8d5c58af27da443330d8"
}
],
"log": []
}
}
}
],
"timeStamp": "3zjtz",
"startTime": "2022-07-06T02:49:37",
"presses": 0,
"amountRead": 0,
"testTimes": [
[
"hover",
51
],
[
"motion",
13
],
[
"alfa",
2
],
[
"ibm",
2
],
[
"wave",
2
],
[
"bulk",
0
],
[
"embAc",
0
],
[
"focAll",
0
],
[
"focInd",
0
],
[
"focOp",
0
],
[
"labClash",
0
],
[
"linkUl",
0
],
[
"menuNav",
0
],
[
"radioSet",
0
],
[
"role",
0
],
[
"styleDiff",
0
],
[
"tabNav",
0
],
[
"zIndex",
0
],
[
"axe",
0
],
[
"htmlcs",
0
],
[
"tenon",
0
]
],
"logCount": 10,
"logSize": 1010,
"errorLogCount": 10,
"errorLogSize": 1010,
"prohibitedCount": 0,
"visitTimeoutCount": 0,
"visitRejectionCount": 0,
"endTime": "2022-07-06T02:51:02",
"elapsedSeconds": 84,
"score": {
"scoreProcID": "sp12b",
"logWeights": {
"logCount": 0.5,
"logSize": 0.01,
"errorLogCount": 1,
"errorLogSize": 0.02,
"prohibitedCount": 15,
"visitTimeoutCount": 10,
"visitRejectionCount": 10
},
"soloWeight": 2,
"groupWeights": {
"absolute": 2,
"largest": 1,
"smaller": 0.4
},
"preventionWeights": {
"testaro": 50,
"other": 100
},
"packageDetails": {
"testaro": {
"hover": 1,
"linkUl": 14,
"styleDiff": 5,
"zIndex": 1
},
"alfa": {
"r66": 52,
"r87": 1
},
"axe": {
"color-contrast-enhanced": 114
},
"htmlcs": {
"e:AA.4_1_2.H91.A.NoContent": 16,
"w:AA.1_3_1.H48": 2,
"w:AA.1_4_3.G18.Abs": 1,
"w:AA.2_5_3.F96": 1
},
"wave": {
"a:underline": 2
},
"tenon": {
"152": 16
}
},
"groupDetails": {
"groups": {
"hoverSurprise": {
"testaro": {
"hover": {
"score": 1,
"what": "Content changes caused by hovering"
}
}
},
"linkIndication": {
"testaro": {
"linkUl": {
"score": 7,
"what": "Non-underlined adjacent links"
}
}
},
"inconsistentStyles": {
"testaro": {
"styleDiff": {
"score": 1,
"what": "Heading, link, and button style inconsistencies"
}
}
},
"zIndexNotZero": {
"testaro": {
"zIndex": {
"score": 1,
"what": "Layering with nondefault z-index values"
}
}
},
"contrastAAA": {
"alfa": {
"r66": {
"score": 13,
"what": "Text contrast less than AAA requires"
}
},
"axe": {
"color-contrast-enhanced": {
"score": 29,
"what": "Element has insufficient color contrast (Level AAA)"
}
}
},
"skipRepeatedContent": {
"alfa": {
"r87": {
"score": 1,
"what": "First focusable element is not a link to the main content"
}
}
},
"linkNoText": {
"htmlcs": {
"e:AA.4_1_2.H91.A.NoContent": {
"score": 16,
"what": "Link has an href attribute but no text"
}
}
},
"pseudoNavListRisk": {
"htmlcs": {
"w:AA.1_3_1.H48": {
"score": 1,
"what": "Navigation links are not coded as a list"
}
}
},
"contrastRisk": {
"htmlcs": {
"w:AA.1_4_3.G18.Abs": {
"score": 1,
"what": "Contrast between the absolutely positioned text and its background may be inadequate"
}
}
},
"invisibleLabel": {
"htmlcs": {
"w:AA.2_5_3.F96": {
"score": 1,
"what": "Visible label is not in the accessible name"
}
}
},
"pseudoLinkRisk": {
"wave": {
"a:underline": {
"score": 1,
"what": "CSS underline on text that is not a link"
}
}
},
"targetSize": {
"tenon": {
"152": {
"score": 8,
"what": "Actionable element is smaller than the minimum required size"
}
}
}
},
"solos": {}
},
"preventionScores": {},
"summary": {
"total": 142,
"log": 45,
"preventions": 0,
"solos": 0,
"groups": [
{
"groupName": "contrastAAA",
"score": 36
},
{
"groupName": "linkNoText",
"score": 18
},
{
"groupName": "targetSize",
"score": 10
},
{
"groupName": "linkIndication",
"score": 9
},
{
"groupName": "hoverSurprise",
"score": 3
},
{
"groupName": "inconsistentStyles",
"score": 3
},
{
"groupName": "zIndexNotZero",
"score": 3
},
{
"groupName": "skipRepeatedContent",
"score": 3
},
{
"groupName": "pseudoNavListRisk",
"score": 3
},
{
"groupName": "contrastRisk",
"score": 3
},
{
"groupName": "invisibleLabel",
"score": 3
},
{
"groupName": "pseudoLinkRisk",
"score": 3
}
]
}
}
}