Accessibility test digest
Synopsis
Page: Eleven Ways
URL: https://www.elevenways.be/
Score: 192
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 Eleven Ways web page at https://www.elevenways.be/ 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 sp12b scoring procedure to compute partial and total scores for the page. The total score is 192 (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 | 192 |
|---|---|
| focusIndication | 38 |
| contrastAA | 27 |
| linkIndication | 20 |
| contrastAAA | 20 |
| inconsistentStyles | 6 |
| contentBeyondLandmarks | 6 |
| linkNoText | 6 |
| controlLabel | 6 |
| tabFocusability | 5 |
| noLeading | 5 |
| listChild | 5 |
| linkForcesNewWindow | 5 |
| focusableOperable | 4 |
| skipRepeatedContent | 4 |
| labeledHidden | 4 |
| formNewWindow | 4 |
| spontaneousMotion | 3 |
| hoverSurprise | 3 |
| zIndexNotZero | 3 |
| allItalics | 3 |
| pseudoNavListRisk | 3 |
| scrollRisk | 3 |
| contrastRisk | 3 |
| linkBrokenRisk | 3 |
| imagesSameAlt | 3 |
Issue summary
Special issues
No special issues contributed to the score.
Classified issues
focusIndication: Score 38. Issues reported by tests in this category:
- Package
testaro, testfocInd, score 36 (Focused element displaying no or nostandard focus indicator) - Package
alfa, testr65, score 1 (Element in sequential focus order has no visible focus)
contrastAA: Score 27. Issues reported by tests in this category:
- Package
alfa, testr69, score 10 (Text outside widget has subminimum contrast) - Package
axe, testcolor-contrast, score 11 (Element has insufficient color contrast) - Package
htmlcs, teste:AA.1_4_3.G18.Fail, score 6 (Contrast between the text and its background is less than 4.5:1) - Package
wave, testc:contrast, score 14 (Very low contrast)
linkIndication: Score 20. Issues reported by tests in this category:
- Package
testaro, testlinkUl, score 18 (Non-underlined adjacent links)
contrastAAA: Score 20. Issues reported by tests in this category:
- Package
alfa, testr66, score 10 (Text contrast less than AAA requires) - Package
axe, testcolor-contrast-enhanced, score 14 (Element has insufficient color contrast (Level AAA)) - Package
tenon, test95, score 1 (Element has insufficient color contrast (Level AAA))
inconsistentStyles: Score 6. Issues reported by tests in this category:
- Package
testaro, teststyleDiff, score 4 (Heading, link, and button style inconsistencies)
contentBeyondLandmarks: Score 6. Issues reported by tests in this category:
- Package
alfa, testr57, score 4 (Perceivable text content is not included in any landmark) - Package
axe, testregion, score 1 (Some page content is not contained by landmarks)
linkNoText: Score 6. Issues reported by tests in this category:
- Package
htmlcs, teste:AA.4_1_2.H91.A.EmptyNoId, score 4 (Link has no name or id attribute or value)
controlLabel: Score 6. Issues reported by tests in this category:
- Package
wave, teste:label_missing, score 4 (Missing form label)
tabFocusability: Score 5. Issues reported by tests in this category:
- Package
testaro, testfocAll, score 3 (Discrepancy between elements that should be and that are Tab-focusable)
noLeading: Score 5. Issues reported by tests in this category:
- Package
alfa, testr73, score 3 (Paragraph of text has insufficient line height)
listChild: Score 5. Issues reported by tests in this category:
- Package
axe, testlist, score 3 (List element ul or ol has a child element other than li, script, and template)
linkForcesNewWindow: Score 5. Issues reported by tests in this category:
- Package
tenon, test218, score 3 (Link opens in a new window without user control)
focusableOperable: Score 4. Issues reported by tests in this category:
- Package
testaro, testfocOp, score 2 (Operable elements that cannot be Tab-focused and vice versa)
skipRepeatedContent: Score 4. Issues reported by tests in this category:
- Package
alfa, testr87, score 2 (First focusable element is not a link to the main content)
labeledHidden: Score 4. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_3_1.F68.Hidden, score 2 (Hidden form field is needlessly labeled.)
formNewWindow: Score 4. Issues reported by tests in this category:
- Package
tenon, test214, score 2 (Form submission opens a new window)
spontaneousMotion: Score 3. Issues reported by tests in this category:
- Package
testaro, testmotion, score 1 (Change of visible content not requested by user)
hoverSurprise: Score 3. Issues reported by tests in this category:
- Package
testaro, testhover, score 1 (Content changes caused by hovering)
zIndexNotZero: Score 3. Issues reported by tests in this category:
- Package
testaro, testzIndex, score 1 (Layering with nondefault z-index values)
allItalics: Score 3. Issues reported by tests in this category:
- Package
alfa, testr85, score 1 (Text of the paragraph is all italic) - Package
tenon, test154, score 1 (Long string of text is italic)
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)
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)
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)
linkBrokenRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.4_1_2.H91.A.Placeholder, score 1 (Link has text but no href, id, or name attribute)
imagesSameAlt: Score 3. Issues reported by tests in this category:
- Package
wave, testa:alt_duplicate, score 1 (Two images near each other have the same text alternative)
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": "42ubn-elevenways",
"host": {
"id": "elevenways",
"which": "https://www.elevenways.be/",
"what": "Eleven Ways"
},
"log": [
{
"event": "startTime",
"value": "2022-07-09T14:50:57"
},
{
"event": "endTime",
"value": "2022-07-09T14:52:52"
}
],
"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://www.elevenways.be/",
"what": "Eleven Ways"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request"
},
{
"type": "test",
"which": "motion",
"what": "spontaneous change of content; requires webkit",
"delay": 2500,
"interval": 2500,
"count": 5
},
{
"type": "launch",
"which": "chromium",
"what": "Chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "Eleven Ways"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements"
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements incorrectly embedded in each other"
},
{
"type": "test",
"which": "focAll",
"what": "Tab-focusability"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability of elements"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover impacts"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "unlabeled and mislabeled form controls"
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "underlining of inline links"
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation within true-focus menus"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "grouping of radio buttons in fieldsets"
},
{
"type": "test",
"which": "role",
"what": "validity and necessity of role assignments"
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style consistency of headings, buttons, and links"
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation within tab lists"
},
{
"type": "test",
"which": "zIndex",
"withItems": true,
"what": "elements with non-auto z indexes"
},
{
"type": "test",
"which": "alfa",
"what": "Siteimprove alfa"
},
{
"type": "test",
"which": "axe",
"detailLevel": 2,
"rules": [],
"what": "Axe core, all rules"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker, with page content and again with URL"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE, report-type 4"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon API version 2 result retrieval"
}
]
},
"acts": [
{
"type": "launch",
"which": "webkit",
"what": "Webkit browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "Eleven Ways",
"result": "https://www.elevenways.be/"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request",
"url": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "motion",
"what": "motion",
"delay": 2500,
"interval": 2500,
"count": 5,
"url": "https://www.elevenways.be/",
"result": {
"bytes": [
124670,
124598,
124598,
124598,
124598
],
"localRatios": [
1.001,
1,
1,
1
],
"meanLocalRatio": 1,
"maxLocalRatio": 1.001,
"globalRatio": 1.001,
"pixelChanges": [
3112,
0,
0,
0
],
"meanPixelChange": 778,
"maxPixelChange": 3112,
"changeFrequency": 0.25
}
},
{
"type": "launch",
"which": "chromium",
"what": "Chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "Eleven Ways",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements",
"url": "https://www.elevenways.be/",
"result": {
"visibleElements": 222
}
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements embedded in links or buttons",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"links": 0,
"buttons": 0,
"inputs": 0,
"selects": 0
},
"items": []
}
},
{
"type": "test",
"which": "focAll",
"what": "focusable and Tab-focused elements",
"url": "https://www.elevenways.be/",
"result": {
"tabFocusables": 33,
"tabFocused": 31,
"discrepancy": -2
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"total": 33,
"types": {
"indicatorMissing": {
"total": 3,
"tagNames": {
"A": 3
}
},
"nonOutlinePresent": {
"total": 27,
"tagNames": {
"BUTTON": 1,
"A": 24,
"INPUT": 2
}
},
"outlinePresent": {
"total": 3,
"meanDelay": 0,
"tagNames": {
"INPUT": 3
}
}
}
},
"items": {
"indicatorMissing": [
{
"tagName": "A",
"text": "Sla de navigatie over"
},
{
"tagName": "A",
"text": "Home"
},
{
"tagName": "A",
"text": ""
}
],
"nonOutlinePresent": [
{
"tagName": "BUTTON",
"text": "Ik snap het (verberg cookie-waarschuwing)"
},
{
"tagName": "A",
"text": "Krijg gratis advies"
},
{
"tagName": "A",
"text": "Contact"
},
{
"tagName": "A",
"text": "Bestel een audit"
},
{
"tagName": "A",
"text": "Neem contact op"
},
{
"tagName": "A",
"text": "Vraag een gesprek aan over HARP"
},
{
"tagName": "A",
"text": "Thomas Byttebier"
},
{
"tagName": "INPUT",
"text": ""
},
{
"tagName": "INPUT",
"text": ""
},
{
"tagName": "A",
"text": "roel@elevenways.be"
},
{
"tagName": "A",
"text": "info-coronavirus.be"
},
{
"tagName": "A",
"text": "Corona Rensponse site"
},
{
"tagName": "A",
"text": "info@elevenways.be"
},
{
"tagName": "A",
"text": "+32 (0)78 079 111"
},
{
"tagName": "A",
"text": "@elevenways_be"
},
{
"tagName": "A",
"text": "DiAX"
},
{
"tagName": "A",
"text": "Roel Van Gils, Founder & Consultant(IAAP-WAS)"
},
{
"tagName": "A",
"text": "Régine Lambrecht, Senior Trainer(IAAP-WAS)"
},
{
"tagName": "A",
"text": "Jelle De Loecker, Accessibility Engineer"
},
{
"tagName": "A",
"text": "Sophie Ragas, Accessibility Consultant"
},
{
"tagName": "A",
"text": "Méryem Lahouel, Acccessibility Consultant"
},
{
"tagName": "A",
"text": "Christophe Strobbe, Senior Researcher"
},
{
"tagName": "A",
"text": "WCAG 2.1"
},
{
"tagName": "A",
"text": "AnySurfer"
},
{
"tagName": "A",
"text": "Kouter 7B-202, B-9000 Gent"
},
{
"tagName": "A",
"text": "+32 (0)78 079 111"
},
{
"tagName": "A",
"text": "info@elevenways.be"
}
],
"outlinePresent": [
{
"tagName": "INPUT",
"text": "",
"delay": 0
},
{
"tagName": "INPUT",
"text": "",
"delay": 0
},
{
"tagName": "INPUT",
"text": "",
"delay": 0
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"total": 38,
"types": {
"onlyFocusable": {
"total": 0,
"tagNames": {}
},
"onlyOperable": {
"total": 1,
"tagNames": {
"INPUT": 1
}
},
"focusableAndOperable": {
"total": 37,
"tagNames": {
"BUTTON": 1,
"A": 28,
"INPUT": 8
}
}
}
},
"items": {
"onlyFocusable": [],
"onlyOperable": [
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"text\" name=\"b_b911ef771ae2c95bf70dc90ff_5282995b39\" tabindex=\"-1\" v",
"byTag": true,
"byOnClick": false,
"byPointer": false
}
],
"focusableAndOperable": [
{
"tagName": "BUTTON",
"id": "cookies-ok",
"text": "Ik snap het (verberg cookie-waarschuwing)",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "A",
"id": "",
"text": "Sla de navigatie over",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Home",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "A",
"id": "",
"text": "<a aria-current=\"true\" class=\"active\"> </a>",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "A",
"id": "",
"text": "<a aria-current=\"true\" class=\"active\"> </a>",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "A",
"id": "",
"text": "Krijg gratis advies",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Contact",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Bestel een audit",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Neem contact op",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Vraag een gesprek aan over HARP",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Thomas Byttebier",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "mce-EMAIL",
"text": "<input placeholder=\"Jouw e-mailadres\" autocomplete=\"email\" type=\"email\" id=\"mce-",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"hidden\" name=\"GENERAL\" value=\"Nee\">",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"checkbox\" name=\"GENERAL\" value=\"Ja\" checked=\"checked\" style=\"cursor",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"hidden\" name=\"UX\" value=\"Nee\">",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"checkbox\" name=\"UX\" value=\"Ja\" checked=\"checked\" style=\"cursor: def",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"hidden\" name=\"FRONTEND\" value=\"Nee\">",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"checkbox\" name=\"FRONTEND\" value=\"Ja\" checked=\"checked\" style=\"curso",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "",
"text": "<input type=\"submit\" class=\"btn\" value=\"Ja, stuur me gratis accessibility-tips\" ",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "roel@elevenways.be",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "info-coronavirus.be",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Corona Rensponse site",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "info@elevenways.be",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "+32 (0)78 079 111",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "@elevenways_be",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "DiAX",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Roel Van Gils, Founder & Consultant(IAAP-WAS)",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Régine Lambrecht, Senior Trainer(IAAP-WAS)",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Jelle De Loecker, Accessibility Engineer",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Sophie Ragas, Accessibility Consultant",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Méryem Lahouel, Acccessibility Consultant",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Christophe Strobbe, Senior Researcher",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "WCAG 2.1",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "AnySurfer",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Kouter 7B-202, B-9000 Gent",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "+32 (0)78 079 111",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "info@elevenways.be",
"byTag": true,
"byOnClick": false,
"byPointer": true
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover-caused content changes",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"triggers": 69,
"headTriggers": 20,
"tailTriggers": 49,
"impactTriggers": 0,
"additions": 0,
"removals": 0,
"opacityChanges": 0,
"opacityImpact": 0,
"unhoverables": 1
},
"items": {
"head": {
"impactTriggers": [],
"unhoverables": [
{
"tagName": "A",
"id": "",
"text": "Sladenavigatieover"
}
]
},
"tail": {
"impactTriggers": [],
"unhoverables": []
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "labeling inconsistencies",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"mislabeled": 0,
"unlabeled": 1,
"wellLabeled": 6
},
"items": {
"mislabeled": [],
"unlabeled": [
{
"index": 5,
"tagName": "INPUT",
"type": "text"
}
],
"wellLabeled": [
{
"index": 0,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "Ik snap het (verberg cookie-waarschuwing)"
}
},
{
"index": 1,
"tagName": "INPUT",
"type": "email",
"labelType": "label",
"texts": {
"label": [
"Op welk e-mailadres wil je de tips ontvangen?"
]
}
},
{
"index": 2,
"tagName": "INPUT",
"type": "checkbox",
"labelType": "label",
"texts": {
"label": [
"Essentiële tips, nieuws en aankondigingen"
]
}
},
{
"index": 3,
"tagName": "INPUT",
"type": "checkbox",
"labelType": "label",
"texts": {
"label": [
"Tips voor UX Designers"
]
}
},
{
"index": 4,
"tagName": "INPUT",
"type": "checkbox",
"labelType": "label",
"texts": {
"label": [
"Tips voor Developers (focus op HTML, CSS & JavaScript)"
]
}
},
{
"index": 6,
"tagName": "INPUT",
"type": "submit",
"texts": {
"content": "Ja, stuur me gratis accessibility-tips"
}
}
]
}
}
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "adjacent-link underlining",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"links": 28,
"adjacent": {
"total": 22,
"underlined": 4,
"underlinedPercent": 18
}
},
"items": {
"underlined": [
"Sla de navigatie over",
"Bestel een audit",
"Neem contact op",
"Vraag een gesprek aan over HARP"
],
"notUnderlined": [
"Home",
"",
"",
"Krijg gratis advies",
"Contact",
"Thomas Byttebier",
"roel@elevenways.be",
"info-coronavirus.be",
"CoronaRensponse site",
"info@elevenways.be",
"+32 (0)78 079 111",
"@elevenways_be",
"DiAX",
"WCAG 2.1",
"AnySurfer",
"Kouter 7B-202, B-9000 Gent",
"+32 (0)78 079 111",
"info@elevenways.be"
]
}
}
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation between focusable menu items",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"navigations": {
"all": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"specific": {
"tab": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"left": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"right": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"up": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"down": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"home": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"end": {
"total": 0,
"correct": 0,
"incorrect": 0
}
}
},
"menuItems": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"menus": {
"total": 0,
"correct": 0,
"incorrect": 0
}
},
"menuItems": {
"incorrect": [],
"correct": []
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "fieldset grouping of radio buttons",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"total": 0,
"inSet": 0,
"percent": "N.A."
},
"items": {
"inSet": [],
"notInSet": []
}
}
},
{
"type": "test",
"which": "role",
"what": "roles",
"url": "https://www.elevenways.be/",
"result": {
"roleElements": 0,
"badRoleElements": 0,
"redundantRoleElements": 0,
"tagNames": {}
}
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style inconsistencies",
"url": "https://www.elevenways.be/",
"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": 1
},
"adjacentLink": {
"total": 22,
"subtotals": [
13,
4,
3,
1,
1
]
},
"listLink": {
"total": 6
},
"h1": {
"total": 1
},
"h2": {
"total": 6,
"subtotals": [
3,
1,
1,
1
]
},
"h3": {
"total": 2,
"subtotals": [
1,
1
]
}
},
"items": {
"adjacentLink": {
"fontStyle": {
"normal": [
"Sla de navigatie over",
"Home",
"",
"",
"Krijg gratis advies",
"Contact",
"Bestel een audit",
"Neem contact op",
"Vraag een gesprek aan over HARP",
"roel@elevenways.be",
"info-coronavirus.be",
"Corona Rensponse site",
"info@elevenways.be",
"+32 (0)78 079 111",
"@elevenways_be",
"DiAX",
"WCAG 2.1",
"AnySurfer",
"Kouter 7B-202, B-9000 Gent",
"+32 (0)78 079 111",
"info@elevenways.be"
],
"italic": [
"Thomas Byttebier"
]
},
"fontWeight": {
"400": [
"Sla de navigatie over",
"",
"Thomas Byttebier",
"roel@elevenways.be",
"info-coronavirus.be",
"Corona Rensponse site",
"info@elevenways.be",
"+32 (0)78 079 111",
"@elevenways_be",
"DiAX",
"WCAG 2.1",
"AnySurfer",
"Kouter 7B-202, B-9000 Gent",
"+32 (0)78 079 111",
"info@elevenways.be"
],
"700": [
"Home",
"",
"Krijg gratis advies",
"Contact",
"Bestel een audit",
"Neem contact op",
"Vraag een gesprek aan over HARP"
]
},
"textDecorationLine": {
"underline": [
"Sla de navigatie over",
"Bestel een audit",
"Neem contact op",
"Vraag een gesprek aan over HARP"
],
"none": [
"Home",
"",
"",
"Krijg gratis advies",
"Contact",
"Thomas Byttebier",
"roel@elevenways.be",
"info-coronavirus.be",
"Corona Rensponse site",
"info@elevenways.be",
"+32 (0)78 079 111",
"@elevenways_be",
"DiAX",
"WCAG 2.1",
"AnySurfer",
"Kouter 7B-202, B-9000 Gent",
"+32 (0)78 079 111",
"info@elevenways.be"
]
}
},
"h2": {
"color": {
"rgb(255, 255, 255)": [
"WCAG Audits en gebruikerstesten",
"Begeleidingstrajecten",
"Servicedesk & Remediëring",
"Waarmee kunnen we jouw organisatie helpen?"
],
"rgb(0, 0, 0)": [
"Haalbare accessibility-tips in je mailbox.",
"Met onze hulp maakten deze organisaties hun website of app een stuk toegankelijker."
]
},
"fontSize": {
"24px": [
"WCAG Audits en gebruikerstesten",
"Begeleidingstrajecten",
"Servicedesk & Remediëring",
"Met onze hulp maakten deze organisaties hun website of app een stuk toegankelijker."
],
"38.4px": [
"Haalbare accessibility-tips in je mailbox.",
"Waarmee kunnen we jouw organisatie helpen?"
]
}
},
"h3": {
"color": {
"rgb(0, 0, 0)": [
"Mis geen enkele tip"
],
"rgb(255, 255, 255)": [
"Aangenaam!"
]
}
}
}
}
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation between tab elements",
"url": "https://www.elevenways.be/",
"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://www.elevenways.be/",
"result": {
"totals": {
"total": 3,
"tagNames": {
"A": 1,
"UL": 1,
"DIV": 1
}
},
"items": [
{
"tagName": "A",
"id": "",
"text": "Sla de navigatie over"
},
{
"tagName": "UL",
"id": "",
"text": "Home Krijg gratis advies Contact"
},
{
"tagName": "DIV",
"id": "",
"text": "Bereik meer mensen met een toegankelijke website of app. Eleven Ways helpt overheden en bedrijven di"
}
]
}
},
{
"type": "test",
"which": "alfa",
"what": "alfa",
"url": "https://www.elevenways.be/",
"result": {
"totals": {
"failures": 12,
"warnings": 27
},
"items": [
{
"index": 346,
"verdict": "failed",
"rule": {
"ruleID": "r57",
"ruleSummary": "Perceivable text content is included in a landmark",
"scope": "page",
"uri": "https://alfa.siteimprove.com/rules/sia-r57",
"requirements": []
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[3]/div[1]/div[1]/p[1]/text()[1]",
"codeLines": [
"Deze website gebruikt cookies om",
"\t\t\t\t\tjouw voorkeuren te bewaren."
]
}
},
{
"index": 348,
"verdict": "failed",
"rule": {
"ruleID": "r57",
"ruleSummary": "Perceivable text content is included in a landmark",
"scope": "page",
"uri": "https://alfa.siteimprove.com/rules/sia-r57",
"requirements": []
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[3]/div[1]/div[1]/p[1]/button[1]/span[1]/text()[1]",
"codeLines": [
"(verberg",
"\t\t\t\t\t\t\tcookie-waarschuwing)"
]
}
},
{
"index": 472,
"verdict": "cantTell",
"rule": {
"ruleID": "r65",
"ruleSummary": "Element in sequential focus order has visible focus",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r65",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#focus-visible",
"chapter": "2.4.7",
"title": "Focus Visible"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/header[1]/a[1]",
"codeLines": [
"<a href=\"#hero\" class=\"skip\">",
" Sla de navigatie over",
"</a>"
]
}
},
{
"index": 503,
"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]/header[1]/nav[1]/div[1]/ul[1]/li[1]/a[1]/span[1]/text()[1]",
"codeLines": [
"Home"
]
}
},
{
"index": 507,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[1]/div[1]/section[1]/div[1]/div[1]/p[1]/text()[1]",
"codeLines": [
"Hoe toegankelijk is de website of app van jouw organisatie? Wat vinden gebruikers met een",
"\t\t\t\t\t\t\t\tbeperking zelf van je product? Krijg inzicht dankzij een"
]
}
},
{
"index": 508,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[1]/div[1]/section[1]/div[1]/div[1]/p[1]/strong[1]/text()[1]",
"codeLines": [
"WCAG Audit"
]
}
},
{
"index": 509,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[1]/div[1]/section[1]/div[1]/div[1]/p[1]/text()[2]",
"codeLines": [
"of",
"\t\t\t\t\t\t\t\teen testnamiddag met echte gebruikers."
]
}
},
{
"index": 511,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[1]/div[1]/section[1]/div[2]/div[1]/p[1]/text()[1]",
"codeLines": [
"Je gaat je website of app binnenkort vernieuwen? Wacht niet tot na de lancering; neem",
"\t\t\t\t\t\t\t\taccessibility"
]
}
},
{
"index": 512,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[1]/div[1]/section[1]/div[2]/div[1]/p[1]/strong[1]/text()[1]",
"codeLines": [
"van bij de start"
]
}
},
{
"index": 513,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[1]/div[1]/section[1]/div[2]/div[1]/p[1]/text()[2]",
"codeLines": [
"op in het proces. We begeleiden je team",
"\t\t\t\t\t\t\t\tvoor een optimaal resultaat."
]
}
},
{
"index": 515,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[1]/div[1]/section[1]/div[3]/div[1]/p[1]/text()[1]",
"codeLines": [
"Werk direct samen met onze WCAG experts. Samen lossen we de meest complexe vraagstukkken",
"\t\t\t\t\t\t\t\top. Om bestaande overheidssites te verbeteren, hebben we onze eigen HARP-methode",
"\t\t\t\t\t\t\t\tontwikkeld."
]
}
},
{
"index": 517,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[1]/text()[1]",
"codeLines": [
"Met onze praktische"
]
}
},
{
"index": 518,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[1]/strong[1]/text()[1]",
"codeLines": [
"tips"
]
}
},
{
"index": 519,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[1]/text()[2]",
"codeLines": [
"leer je hoe je de website of app van jouw",
"\t\t\t\t\t\t\t\torganisatie (of klant) voor iedereen toegankelijk maakt."
]
}
},
{
"index": 520,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[2]/text()[1]",
"codeLines": [
"Voorkom dat je mensen met een beperking uitsluit: van (kleuren)blinden en lezers met",
"\t\t\t\t\t\t\t\tdyslexie tot ouderen. Opgeteld gaat het om"
]
}
},
{
"index": 521,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[2]/strong[1]/text()[1]",
"codeLines": [
"25% of meer van je bezoekers"
]
}
},
{
"index": 522,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[2]/text()[2]",
"codeLines": [
"of klanten."
]
}
},
{
"index": 523,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[3]/text()[1]",
"codeLines": [
"Accessibility gaat"
]
}
},
{
"index": 524,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[3]/strong[1]/text()[1]",
"codeLines": [
"niet alleen over techniek"
]
}
},
{
"index": 525,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[3]/text()[2]",
"codeLines": [
". We schrijven ook over",
"\t\t\t\t\t\t\t\tbruikbaar ontwerp, leesbare inhoud en hoe je mensen met een beperking bereikt via",
"\t\t\t\t\t\t\t\tsociale media."
]
}
},
{
"index": 526,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[4]/text()[1]",
"codeLines": [
"Onze tips zijn"
]
}
},
{
"index": 527,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[4]/strong[1]/text()[1]",
"codeLines": [
"verrassend haalbaar"
]
}
},
{
"index": 528,
"verdict": "cantTell",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[4]/text()[2]",
"codeLines": [
". Pas ze meteen toe in jouw werk, of",
"\t\t\t\t\t\t\t\tdeel ze met je team."
]
}
},
{
"index": 579,
"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]/header[1]/nav[1]/div[1]/ul[1]/li[1]/a[1]/span[1]/text()[1]",
"codeLines": [
"Home"
]
}
},
{
"index": 593,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[1]/text()[1]",
"codeLines": [
"Met onze praktische"
]
}
},
{
"index": 594,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[1]/strong[1]/text()[1]",
"codeLines": [
"tips"
]
}
},
{
"index": 595,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[1]/text()[2]",
"codeLines": [
"leer je hoe je de website of app van jouw",
"\t\t\t\t\t\t\t\torganisatie (of klant) voor iedereen toegankelijk maakt."
]
}
},
{
"index": 596,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[2]/text()[1]",
"codeLines": [
"Voorkom dat je mensen met een beperking uitsluit: van (kleuren)blinden en lezers met",
"\t\t\t\t\t\t\t\tdyslexie tot ouderen. Opgeteld gaat het om"
]
}
},
{
"index": 597,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[2]/strong[1]/text()[1]",
"codeLines": [
"25% of meer van je bezoekers"
]
}
},
{
"index": 598,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[2]/text()[2]",
"codeLines": [
"of klanten."
]
}
},
{
"index": 599,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[3]/text()[1]",
"codeLines": [
"Accessibility gaat"
]
}
},
{
"index": 600,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[3]/strong[1]/text()[1]",
"codeLines": [
"niet alleen over techniek"
]
}
},
{
"index": 601,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[3]/text()[2]",
"codeLines": [
". We schrijven ook over",
"\t\t\t\t\t\t\t\tbruikbaar ontwerp, leesbare inhoud en hoe je mensen met een beperking bereikt via",
"\t\t\t\t\t\t\t\tsociale media."
]
}
},
{
"index": 602,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[4]/text()[1]",
"codeLines": [
"Onze tips zijn"
]
}
},
{
"index": 603,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[4]/strong[1]/text()[1]",
"codeLines": [
"verrassend haalbaar"
]
}
},
{
"index": 604,
"verdict": "cantTell",
"rule": {
"ruleID": "r69",
"ruleSummary": "Text outside widget has minimum contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r69",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-minimum",
"chapter": "1.4.3",
"title": "Contrast (Minimum)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[4]/text()[2]",
"codeLines": [
". Pas ze meteen toe in jouw werk, of",
"\t\t\t\t\t\t\t\tdeel ze met je team."
]
}
},
{
"index": 707,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/section[1]/div[1]/div[1]/div[1]/p[1]",
"codeLines": [
"<p class=\"heading-l\">",
" Ben je op zoek naar een partner voor het uitvoeren van een WCAG Audit? Heb je een vraag over",
" \t\t\t\t\t\t\tde nieuwe Europese Toegankelijkheidsrichtlijn? Stel je vraag of kom een keer op de koffie ...",
" \t\t\t\t\t\t\tGent.",
"</p>"
]
}
},
{
"index": 795,
"verdict": "failed",
"rule": {
"ruleID": "r85",
"ruleSummary": "Paragraphs of text are not all italics",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r85",
"requirements": []
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/blockquote[1]/p[2]",
"codeLines": [
"<p id=\"tips-quote-by\" class=\"tips-quote-by\">",
" <span aria-hidden=\"true\">",
" —",
" </span>",
" <a href=\"https://thomasbyttebier.be/\">",
" Thomas Byttebier",
" </a>",
" , Digital Designer &",
" \t\t\t\t\t\t\t\tDirector bij Base Design",
"</p>"
]
}
},
{
"index": 804,
"verdict": "failed",
"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://www.elevenways.be/",
"result": {
"totals": {
"rulesNA": 47,
"rulesPassed": 49,
"rulesWarned": 2,
"rulesViolated": 4,
"warnings": {
"minor": 0,
"moderate": 0,
"serious": 18,
"critical": 0
},
"violations": {
"minor": 0,
"moderate": 1,
"serious": 18,
"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-09T14:52:34.241Z",
"url": "https://www.elevenways.be/",
"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": {
"fontSize": "14.5pt (19.36px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"home\">Home</span>",
"target": [
".active[aria-current=\"true\"] > .home"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fontSize": "14.5pt (19.36px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#tips\">Krijg gratis advies</a>",
"target": [
"a[href$=\"#tips\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fontSize": "14.5pt (19.36px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\">Contact</a>",
"target": [
"li:nth-child(4) > a[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fontSize": "42.0pt (56px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1 class=\"xl\" style=\"margin-top: 4rem;\">\n\t\t\t\t\t\tBereik meer mensen met een toegankelijke website of app.\n\t\t\t\t\t</h1>",
"target": [
"h1"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fontSize": "21.0pt (28px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"tagline\">\n\t\t\t\t\t\tEleven Ways helpt overheden en bedrijven die digitale toegankelijkheid willen aanpakken. Samen maken we de digitale kanalen van uw organisatie meetbaar en blijvend toegankelijk. \n\t\t\t\t\t</p>",
"target": [
".tagline"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">✓</span>",
"target": [
"li:nth-child(1) > span[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">✓</span>",
"target": [
"li:nth-child(2) > span[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">✓</span>",
"target": [
"li:nth-child(3) > span[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">✓</span>",
"target": [
"li:nth-child(4) > span[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
}
]
},
{
"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": {
"fontSize": "14.5pt (19.36px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"home\">Home</span>",
"target": [
".active[aria-current=\"true\"] > .home"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fontSize": "14.5pt (19.36px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#tips\">Krijg gratis advies</a>",
"target": [
"a[href$=\"#tips\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fontSize": "14.5pt (19.36px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\">Contact</a>",
"target": [
"li:nth-child(4) > a[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fontSize": "42.0pt (56px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1 class=\"xl\" style=\"margin-top: 4rem;\">\n\t\t\t\t\t\tBereik meer mensen met een toegankelijke website of app.\n\t\t\t\t\t</h1>",
"target": [
"h1"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fontSize": "21.0pt (28px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<header class=\"banner\">",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"tagline\">\n\t\t\t\t\t\tEleven Ways helpt overheden en bedrijven die digitale toegankelijkheid willen aanpakken. Samen maken we de digitale kanalen van uw organisatie meetbaar en blijvend toegankelijk. \n\t\t\t\t\t</p>",
"target": [
".tagline"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">✓</span>",
"target": [
"li:nth-child(1) > span[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">✓</span>",
"target": [
"li:nth-child(2) > span[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">✓</span>",
"target": [
"li:nth-child(3) > span[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">✓</span>",
"target": [
"li:nth-child(4) > span[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
}
]
}
],
"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": "#eeeeee",
"bgColor": "#0d5d82",
"contrastRatio": 6.23,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<button id=\"cookies-ok\">Ik snap het <span class=\"sr-only\">(verberg\n\t\t\t\t\t\t\tcookie-waarschuwing)</span></button>",
"target": [
"#cookies-ok"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 6.23 (foreground color: #eeeeee, background color: #0d5d82, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button id=\"cookies-ok\">Ik snap het <span class=\"sr-only\">(verberg\n\t\t\t\t\t\t\tcookie-waarschuwing)</span></button>",
"target": [
"#cookies-ok"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6.23 (foreground color: #eeeeee, background color: #0d5d82, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#eeeeee",
"bgColor": "#007550",
"contrastRatio": 4.94,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro\">",
"target": [
".home-services-intro:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Hoe toegankelijk is de website of app van jouw organisatie? Wat vinden gebruikers met een\n\t\t\t\t\t\t\t\tbeperking zelf van je product? Krijg inzicht dankzij een <strong>WCAG Audit</strong> of\n\t\t\t\t\t\t\t\teen testnamiddag met echte gebruikers.</p>",
"target": [
".visual-callout.grid-third:nth-child(1) > .content > p:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#eeeeee",
"bgColor": "#007550",
"contrastRatio": 4.94,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro\">",
"target": [
".home-services-intro:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<strong>WCAG Audit</strong>",
"target": [
".visual-callout.grid-third:nth-child(1) > .content > p:nth-child(2) > strong"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#007550",
"contrastRatio": 5.73,
"fontSize": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro\">",
"target": [
".home-services-intro:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.73 (foreground color: #ffffff, background color: #007550, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\" class=\"cta\">Bestel een audit</a>",
"target": [
".visual-callout.grid-third:nth-child(1) > .content > p:nth-child(3) > .cta[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.73 (foreground color: #ffffff, background color: #007550, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#eeeeee",
"bgColor": "#007550",
"contrastRatio": 4.94,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro\">",
"target": [
".home-services-intro:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Je gaat je website of app binnenkort vernieuwen? Wacht niet tot na de lancering; neem\n\t\t\t\t\t\t\t\taccessibility <strong>van bij de start</strong> op in het proces. We begeleiden je team\n\t\t\t\t\t\t\t\tvoor een optimaal resultaat.</p>",
"target": [
".visual-callout.grid-third:nth-child(2) > .content > p:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#eeeeee",
"bgColor": "#007550",
"contrastRatio": 4.94,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro\">",
"target": [
".home-services-intro:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<strong>van bij de start</strong>",
"target": [
".visual-callout.grid-third:nth-child(2) > .content > p:nth-child(2) > strong"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#007550",
"contrastRatio": 5.73,
"fontSize": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro\">",
"target": [
".home-services-intro:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.73 (foreground color: #ffffff, background color: #007550, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\" class=\"cta\">Neem contact op</a>",
"target": [
".visual-callout.grid-third:nth-child(2) > .content > p:nth-child(3) > .cta[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.73 (foreground color: #ffffff, background color: #007550, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#eeeeee",
"bgColor": "#007550",
"contrastRatio": 4.94,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro\">",
"target": [
".home-services-intro:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Werk direct samen met onze WCAG experts. Samen lossen we de meest complexe vraagstukkken\n\t\t\t\t\t\t\t\top. Om bestaande overheidssites te verbeteren, hebben we onze eigen HARP-methode\n\t\t\t\t\t\t\t\tontwikkeld.</p>",
"target": [
".visual-callout.grid-third:nth-child(3) > .content > p:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.94 (foreground color: #eeeeee, background color: #007550, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#007550",
"contrastRatio": 5.73,
"fontSize": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro\">",
"target": [
".home-services-intro:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.73 (foreground color: #ffffff, background color: #007550, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contact\" class=\"cta\">Vraag een gesprek aan over HARP</a>",
"target": [
".visual-callout.grid-third:nth-child(3) > .content > p:nth-child(3) > .cta[href$=\"#contact\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.73 (foreground color: #ffffff, background color: #007550, font size: 13.2pt (17.6px), font weight: bold). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#0f6d99",
"bgColor": "#eeeeee",
"contrastRatio": 4.93,
"fontSize": "11.4pt (15.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section id=\"tips\" class=\"row tips\" aria-label=\"Tips\" tabindex=\"-1\">",
"target": [
"#tips"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.93 (foreground color: #0f6d99, background color: #eeeeee, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://thomasbyttebier.be/\">Thomas Byttebier</a>",
"target": [
"a[href$=\"thomasbyttebier.be/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.93 (foreground color: #0f6d99, background color: #eeeeee, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#0f6d99",
"bgColor": "#ffffff",
"contrastRatio": 5.72,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<form class=\"grid-half validate\" id=\"tips-form\" action=\"https://elevenways.us17.list-manage.com/subscribe/post?u=b911ef771ae2c95bf70dc90ff&id=5282995b39\" method=\"post\" name=\"mc-embedded-subscribe-form\" target=\"_blank\" novalidate=\"\">",
"target": [
"#tips-form"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.72 (foreground color: #0f6d99, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"mailto:roel+tips@elevenways.be\">roel@elevenways.be</a>",
"target": [
"a[href=\"mailto:roel+tips@elevenways.be\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.72 (foreground color: #0f6d99, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#0f6d99",
"bgColor": "#ffffff",
"contrastRatio": 5.72,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro purple\">",
"target": [
".purple"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.72 (foreground color: #0f6d99, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://www.info-coronavirus.be\">info-coronavirus.be</a>",
"target": [
".grid-full > p > a:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.72 (foreground color: #0f6d99, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#0f6d99",
"bgColor": "#ffffff",
"contrastRatio": 5.72,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"home-services-intro purple\">",
"target": [
".purple"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.72 (foreground color: #0f6d99, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://ec.europa.eu/info/live-work-travel-eu/coronavirus-response_nl\">Corona\n\t\t\t\t\t\t\t\t\tRensponse site</a>",
"target": [
".grid-full > p > a:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.72 (foreground color: #0f6d99, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#169fdf",
"bgColor": "#333333",
"contrastRatio": 4.24,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<li>Expertkennis van <a class=\"spell\" href=\"https://www.w3.org/TR/WCAG21/\" hreflang=\"en\">WCAG 2.1</a>, <a href=\"http://www.anysurfer.be/nl/in-de-praktijk/checklist\">AnySurfer</a> en App\n\t\t\t\t\t\t\t\tAccessibility</li>",
"target": [
".benefits-landing > li:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.24 (foreground color: #169fdf, background color: #333333, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"spell\" href=\"https://www.w3.org/TR/WCAG21/\" hreflang=\"en\">WCAG 2.1</a>",
"target": [
".spell"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #169fdf, background color: #333333, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#169fdf",
"bgColor": "#333333",
"contrastRatio": 4.24,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<li>Expertkennis van <a class=\"spell\" href=\"https://www.w3.org/TR/WCAG21/\" hreflang=\"en\">WCAG 2.1</a>, <a href=\"http://www.anysurfer.be/nl/in-de-praktijk/checklist\">AnySurfer</a> en App\n\t\t\t\t\t\t\t\tAccessibility</li>",
"target": [
".benefits-landing > li:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.24 (foreground color: #169fdf, background color: #333333, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"http://www.anysurfer.be/nl/in-de-praktijk/checklist\">AnySurfer</a>",
"target": [
".benefits-landing > li:nth-child(1) > a:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #169fdf, background color: #333333, font size: 12.0pt (16px), 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": "#169fdf",
"bgColor": "#333333",
"contrastRatio": 4.24,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<li>Expertkennis van <a class=\"spell\" href=\"https://www.w3.org/TR/WCAG21/\" hreflang=\"en\">WCAG 2.1</a>, <a href=\"http://www.anysurfer.be/nl/in-de-praktijk/checklist\">AnySurfer</a> en App\n\t\t\t\t\t\t\t\tAccessibility</li>",
"target": [
".benefits-landing > li:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.24 (foreground color: #169fdf, background color: #333333, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"spell\" href=\"https://www.w3.org/TR/WCAG21/\" hreflang=\"en\">WCAG 2.1</a>",
"target": [
".spell"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #169fdf, background color: #333333, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#169fdf",
"bgColor": "#333333",
"contrastRatio": 4.24,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<li>Expertkennis van <a class=\"spell\" href=\"https://www.w3.org/TR/WCAG21/\" hreflang=\"en\">WCAG 2.1</a>, <a href=\"http://www.anysurfer.be/nl/in-de-praktijk/checklist\">AnySurfer</a> en App\n\t\t\t\t\t\t\t\tAccessibility</li>",
"target": [
".benefits-landing > li:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.24 (foreground color: #169fdf, background color: #333333, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"http://www.anysurfer.be/nl/in-de-praktijk/checklist\">AnySurfer</a>",
"target": [
".benefits-landing > li:nth-child(1) > a:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.24 (foreground color: #169fdf, background color: #333333, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
},
{
"id": "list",
"impact": "serious",
"tags": [
"cat.structure",
"wcag2a",
"wcag131"
],
"description": "Ensures that lists are structured correctly",
"help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/list?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "only-listitems",
"data": null,
"relatedNodes": [
{
"html": "<a aria-current=\"true\" class=\"active\">\n\t\t\t\t\t</a>",
"target": [
".primary-navigation > .active[aria-current=\"true\"]"
]
}
],
"impact": "serious",
"message": "List element has direct children that are not allowed inside <li> elements"
}
],
"impact": "serious",
"html": "<ul class=\"primary-navigation\">",
"target": [
".primary-navigation"
],
"failureSummary": "Fix all of the following:\n List element has direct children that are not allowed inside <li> elements"
}
]
},
{
"id": "region",
"impact": "moderate",
"tags": [
"cat.keyboard",
"best-practice"
],
"description": "Ensures all page content is contained by landmarks",
"help": "All page content should be contained by landmarks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/region?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "region",
"data": {
"isIframe": false
},
"relatedNodes": [],
"impact": "moderate",
"message": "Some page content is not contained by landmarks"
}
],
"all": [],
"none": [],
"impact": "moderate",
"html": "<div id=\"cookies\">",
"target": [
"#cookies"
],
"failureSummary": "Fix any of the following:\n Some page content is not contained by landmarks"
}
]
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer WCAG 2.1 AA ruleset",
"url": "https://www.elevenways.be/",
"result": {
"Error": {
"AA.1_4_3.G18.Fail": {
"This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 4.25:1. Recommendation: change background to #2f2f2f.": [
{
"tagName": "a",
"id": "",
"code": "<a class=\"spell\" href=\"https://www.w3.org/TR/WCAG21/\" hreflang=\"en\">...</a>"
},
{
"tagName": "a",
"id": "",
"code": "<a href=\"http://www.anysurfer.be/nl/in-de-praktijk/checklist\">...</a>"
}
]
},
"AA.4_1_2.H91.A.EmptyNoId": {
"Anchor element found with no link content and no name and/or ID attribute.": [
{
"tagName": "a",
"id": "",
"code": "<a aria-current=\"true\" class=\"active\">...</a>"
}
]
}
},
"Warning": {
"AA.1_3_1.F68.Hidden": {
"This hidden form field is labelled in some way. There should be no need to label a hidden form field.": [
{
"tagName": "input",
"id": "",
"code": "<input type=\"hidden\" name=\"FRONTEND\" value=\"Nee\">"
},
{
"tagName": "input",
"id": "",
"code": "<input type=\"hidden\" name=\"GENERAL\" value=\"Nee\">"
},
{
"tagName": "input",
"id": "",
"code": "<input type=\"hidden\" name=\"UX\" value=\"Nee\">"
}
]
},
"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_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": "a",
"id": "",
"code": "<a href=\"#hero\" class=\"skip\">...</a>"
}
]
},
"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": "span",
"id": "",
"code": "<span aria-hidden=\"true\" style=\"color: #3EA837; font-weight: bold;\">...</span>"
},
{
"tagName": "span",
"id": "",
"code": "<span class=\"sr-only\">...</span>"
}
]
},
"AA.4_1_2.H91.A.Placeholder": {
"Anchor element found with link content, but no href, ID or name attribute has been supplied.": [
{
"tagName": "a",
"id": "",
"code": "<a aria-current=\"true\" class=\"active\">...</a>"
}
]
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker",
"url": "https://www.elevenways.be/",
"result": {
"content": {
"totals": {
"violation": 9,
"recommendation": 2,
"ignored": 0
},
"items": [
{
"ruleId": "WCAG20_Input_ExplicitLabel",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/fieldset[1]/label[3]/input[2]",
"aria": "/document[1]/main[1]/region[1]/group[1]/checkbox[3]"
},
"message": "Form control element <input> has no associated label",
"bounds": {
"left": 511,
"top": 1197,
"height": 13,
"width": 13
},
"snippet": "<input checked=\"checked\" value=\"Ja\" name=\"FRONTEND\" type=\"checkbox\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Input_ExplicitLabel",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/fieldset[1]/label[2]/input[2]",
"aria": "/document[1]/main[1]/region[1]/group[1]/checkbox[2]"
},
"message": "Form control element <input> has no associated label",
"bounds": {
"left": 327,
"top": 1197,
"height": 13,
"width": 13
},
"snippet": "<input checked=\"checked\" value=\"Ja\" name=\"UX\" type=\"checkbox\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Input_ExplicitLabel",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/fieldset[1]/label[1]/input[2]",
"aria": "/document[1]/main[1]/region[1]/group[1]/checkbox[1]"
},
"message": "Form control element <input> has no associated label",
"bounds": {
"left": 28,
"top": 1197,
"height": 13,
"width": 13
},
"snippet": "<input checked=\"checked\" value=\"Ja\" name=\"GENERAL\" type=\"checkbox\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Input_ExplicitLabel",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/div[2]/input[1]",
"aria": "/document[1]/main[1]/region[1]/textbox[2]"
},
"message": "Form control element <input> has no associated label",
"bounds": {
"left": -5000,
"top": 1244,
"height": 22,
"width": 147
},
"snippet": "<input value=\"\" tabindex=\"-1\" name=\"b_b911ef771ae2c95bf70dc90ff_5282995b39\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_OrphanedContent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/div[3]/div[1]/div[1]/p[1]",
"aria": "/document[1]"
},
"message": "Content is not within a landmark element",
"bounds": {
"left": 8,
"top": 16,
"height": 23,
"width": 784
},
"snippet": "<p class=\"grid-full\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[4]/span[1]",
"aria": "/document[1]/main[1]/region[1]/list[1]/listitem[4]"
},
"message": "Text contrast of 3.06 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 700",
"bounds": {
"left": 48,
"top": 945,
"height": 18,
"width": 13
},
"snippet": "<span style=\"color: #3EA837; font-weight: bold;\" aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[3]/span[1]",
"aria": "/document[1]/main[1]/region[1]/list[1]/listitem[3]"
},
"message": "Text contrast of 3.06 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 700",
"bounds": {
"left": 48,
"top": 907,
"height": 18,
"width": 13
},
"snippet": "<span style=\"color: #3EA837; font-weight: bold;\" aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[2]/span[1]",
"aria": "/document[1]/main[1]/region[1]/list[1]/listitem[2]"
},
"message": "Text contrast of 3.06 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 700",
"bounds": {
"left": 48,
"top": 869,
"height": 18,
"width": 13
},
"snippet": "<span style=\"color: #3EA837; font-weight: bold;\" aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/div[1]/ul[1]/li[1]/span[1]",
"aria": "/document[1]/main[1]/region[1]/list[1]/listitem[1]"
},
"message": "Text contrast of 3.06 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 700",
"bounds": {
"left": 48,
"top": 831,
"height": 18,
"width": 13
},
"snippet": "<span style=\"color: #3EA837; font-weight: bold;\" aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/head[1]/meta[3]",
"aria": "/document[1]"
},
"message": "The HTML attribute(s) \"http-equiv\" is deprecated for the <meta> element in HTML 5",
"bounds": {
"left": 0,
"top": 0,
"height": 0,
"width": 0
},
"snippet": "<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\">",
"level": "recommendation"
},
{
"ruleId": "aria_attribute_redundant",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/input[1]",
"aria": "/document[1]/main[1]/region[1]/textbox[1]"
},
"message": "The ARIA attribute \"aria-required\" is redundant with the HTML attribute \"required\"",
"bounds": {
"left": 326,
"top": 1148,
"height": 22,
"width": 147
},
"snippet": "<input aria-required=\"true\" required=\"\" name=\"EMAIL\" id=\"mce-EMAIL\" type=\"email\" autocomplete=\"email\" placeholder=\"Jouw e-mailadres\">",
"level": "recommendation"
}
]
},
"url": {
"totals": {
"violation": 7,
"recommendation": 2,
"ignored": 0
},
"items": [
{
"ruleId": "WCAG20_Input_ExplicitLabel",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/fieldset[1]/label[3]/input[2]",
"aria": "/document[1]/main[1]/region[1]/group[1]/checkbox[3]"
},
"message": "Form control element <input> has no associated label",
"bounds": {
"left": 82,
"top": 2506,
"height": 13,
"width": 13
},
"snippet": "<input checked=\"checked\" value=\"Ja\" name=\"FRONTEND\" type=\"checkbox\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Input_ExplicitLabel",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/fieldset[1]/label[2]/input[2]",
"aria": "/document[1]/main[1]/region[1]/group[1]/checkbox[2]"
},
"message": "Form control element <input> has no associated label",
"bounds": {
"left": 82,
"top": 2476,
"height": 13,
"width": 13
},
"snippet": "<input checked=\"checked\" value=\"Ja\" name=\"UX\" type=\"checkbox\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Input_ExplicitLabel",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/fieldset[1]/label[1]/input[2]",
"aria": "/document[1]/main[1]/region[1]/group[1]/checkbox[1]"
},
"message": "Form control element <input> has no associated label",
"bounds": {
"left": 82,
"top": 2446,
"height": 13,
"width": 13
},
"snippet": "<input checked=\"checked\" value=\"Ja\" name=\"GENERAL\" type=\"checkbox\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Input_ExplicitLabel",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/div[2]/input[1]",
"aria": "/document[1]/main[1]/region[1]/textbox[2]"
},
"message": "Form control element <input> has no associated label",
"bounds": {
"left": -5000,
"top": 2555,
"height": 37,
"width": 189
},
"snippet": "<input value=\"\" tabindex=\"-1\" name=\"b_b911ef771ae2c95bf70dc90ff_5282995b39\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_OrphanedContent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/div[3]/div[1]/div[1]/p[1]",
"aria": "/document[1]"
},
"message": "Content is not within a landmark element",
"bounds": {
"left": 36,
"top": 8,
"height": 31,
"width": 728
},
"snippet": "<p class=\"grid-full\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/main[1]/section[1]/div[1]/div[1]/div[2]/ul[2]/li[1]/a[2]",
"aria": "/document[1]/main[1]/region[2]/list[3]/listitem[1]/link[2]"
},
"message": "Text contrast of 4.25 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400",
"bounds": {
"left": 256,
"top": 4918,
"height": 20,
"width": 73
},
"snippet": "<a href=\"http://www.anysurfer.be/nl/in-de-praktijk/checklist\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/main[1]/section[1]/div[1]/div[1]/div[2]/ul[2]/li[1]/a[1]",
"aria": "/document[1]/main[1]/region[2]/list[3]/listitem[1]/link[1]"
},
"message": "Text contrast of 4.25 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400",
"bounds": {
"left": 176,
"top": 4918,
"height": 20,
"width": 72
},
"snippet": "<a hreflang=\"en\" href=\"https://www.w3.org/TR/WCAG21/\" class=\"spell\">",
"level": "violation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/head[1]/meta[3]",
"aria": "/document[1]"
},
"message": "The HTML attribute(s) \"http-equiv\" is deprecated for the <meta> element in HTML 5",
"bounds": {
"left": 0,
"top": 0,
"height": 0,
"width": 0
},
"snippet": "<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\">",
"level": "recommendation"
},
{
"ruleId": "aria_attribute_redundant",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/section[1]/form[1]/input[1]",
"aria": "/document[1]/main[1]/region[1]/textbox[1]"
},
"message": "The ARIA attribute \"aria-required\" is redundant with the HTML attribute \"required\"",
"bounds": {
"left": 80,
"top": 2349,
"height": 37,
"width": 640
},
"snippet": "<input aria-required=\"true\" required=\"\" name=\"EMAIL\" id=\"mce-EMAIL\" type=\"email\" autocomplete=\"email\" placeholder=\"Jouw e-mailadres\">",
"level": "recommendation"
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE",
"url": "https://www.elevenways.be/",
"result": {
"status": {
"success": true,
"httpstatuscode": 200
},
"statistics": {
"pagetitle": "Eleven Ways | Digital Accessibility Lab",
"pageurl": "https://www.elevenways.be/",
"time": 3.52,
"creditsremaining": 240,
"allitemcount": 104,
"totalelements": 265,
"waveurl": "http://wave.webaim.org/report?url=https://www.elevenways.be/"
},
"categories": {
"error": {
"description": "Errors",
"count": 1,
"items": {
"label_missing": {
"id": "label_missing",
"description": "Missing form label",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > MAIN#main > DIV:first-child + DIV > DIV:first-child > SECTION#tips > FORM#tips-form > H3:first-child + LABEL + INPUT + FIELDSET + DIV + DIV > INPUT:first-child"
],
"wcag": [
{
"name": "1.1.1 Non-text Content (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.1.1"
},
{
"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"
},
{
"name": "3.3.2 Labels or Instructions (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc3.3.2"
}
]
}
}
},
"contrast": {
"description": "Contrast Errors",
"count": 6,
"items": {
"contrast": {
"id": "contrast",
"description": "Very low contrast",
"count": 6,
"selectors": [
"HTML > HEAD:first-child + BODY > MAIN#main > DIV:first-child + DIV > DIV:first-child > SECTION#tips > DIV:first-child > H2:first-child + UL > LI:first-child > SPAN:first-child",
"HTML > HEAD:first-child + BODY > MAIN#main > DIV:first-child + DIV > DIV:first-child > SECTION#tips > DIV:first-child > H2:first-child + UL > LI:first-child + LI > SPAN:first-child",
"HTML > HEAD:first-child + BODY > MAIN#main > DIV:first-child + DIV > DIV:first-child > SECTION#tips > DIV:first-child > H2:first-child + UL > LI:first-child + LI + LI > SPAN:first-child",
"HTML > HEAD:first-child + BODY > MAIN#main > DIV:first-child + DIV > DIV:first-child > SECTION#tips > DIV:first-child > H2:first-child + UL > LI:first-child + LI + LI + LI > SPAN:first-child",
"HTML > HEAD:first-child + BODY > MAIN#main > SECTION#contact > DIV:first-child > H2:first-child + DIV > DIV:first-child + DIV > H3:first-child + P + UL + UL > LI:first-child > A:first-child",
"HTML > HEAD:first-child + BODY > MAIN#main > SECTION#contact > DIV:first-child > H2:first-child + DIV > DIV:first-child + DIV > H3:first-child + P + UL + UL > LI:first-child > A:first-child + A"
],
"contrastdata": [
[
2.63,
"#3ea837",
"#eeeeee",
false
],
[
2.63,
"#3ea837",
"#eeeeee",
false
],
[
2.63,
"#3ea837",
"#eeeeee",
false
],
[
2.63,
"#3ea837",
"#eeeeee",
false
],
[
4.24,
"#169fdf",
"#333333",
false
],
[
4.24,
"#169fdf",
"#333333",
false
]
],
"wcag": [
{
"name": "1.4.3 Contrast (Minimum) (Level AA)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.4.3"
}
]
}
}
},
"alert": {
"description": "Alerts",
"count": 1,
"items": {
"alt_duplicate": {
"id": "alt_duplicate",
"description": "A nearby image has the same alternative text",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > MAIN#main > DIV:first-child + DIV + DIV > DIV:first-child > SECTION:first-child > DIV:first-child + DIV > DIV:first-child > UL:first-child > LI:first-child + LI + LI + LI + LI > IMG:first-child"
],
"wcag": [
{
"name": "1.1.1 Non-text Content (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.1.1"
}
]
}
}
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.elevenways.be/",
"what": "URL",
"result": "https://www.elevenways.be/"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon",
"url": "https://www.elevenways.be/",
"result": {
"status": 200,
"message": "OK",
"code": "success",
"info": "Success",
"moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success",
"responseExecTime": "0.083",
"responseTime": "2022-07-09T14:52:52.409Z",
"data": {
"apiErrors": [],
"documentSize": 990425,
"metadata": null,
"resultSummary": {
"tests": {
"total": 180,
"passing": 176,
"failing": 4
},
"issues": {
"totalErrors": 4,
"totalWarnings": 0,
"totalIssues": 4
},
"issuesByLevel": {
"A": {
"count": 1,
"pct": 25
},
"AA": {
"count": 1,
"pct": 25
},
"AAA": {
"count": 4,
"pct": 100
}
},
"density": {
"errorDensity": 0,
"warningDensity": 0,
"allDensity": 0
}
},
"projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490",
"responseID": "c051b4d9-a5fa-4a59-bd2d-3a7ffb7493ac",
"docID": "9193e647-0536-40f5-a36d-293380104396",
"sourceHash": "7418cf9483177ae28686e8c2b2e29a15",
"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=c051b4d9-a5fa-4a59-bd2d-3a7ffb7493ac",
"resultSet": [
{
"tID": 95,
"bpID": 181,
"priority": 95,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This element has insufficient color contrast (Level AAA).",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 1.4.6 Contrast (Enhanced)"
],
"resultTitle": "Avoid using color as the only visual means of conveying information",
"errorDescription": "This element has insufficient contrast between the foreground color (the text) and the background color when measured against the WCAG 2.0 Level AAA requirements. Sufficient color contrast is important for users who have low-vision or are color-blind, because text with a low contrast ratio may be difficult or impossible for such users to see. Increase the contrast of this content. This can be done by adjusting the color(s) used by either the foreground content or background content – or both.",
"viewPortLocation": {
"top-left": {
"x": 488.75,
"y": 8
},
"bottom-right": {
"x": 559.1562,
"y": 36
},
"height": 28,
"width": 70.4062
},
"position": {
"line": 7781,
"column": 34
},
"errorSnippet": "<button id=\"cookies-ok\">Ik snap het <span class=\"sr-only\">(verberg cookie-waarschuwing)</span></button>",
"xpath": "/html/body/div[3]/div[1]/div[1]/p[1]/button[1]",
"issueID": "cc7091a72947e35ab2b246afb8e1bda1",
"signature": "9a3c793c9b9e6052fc2887e28425314c",
"ref": "https://tenon.io/bestpractice.php?bpID=181&tID=95&issueID=cc7091a72947e35ab2b246afb8e1bda1"
},
{
"tID": 154,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This long string of text is in italics.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This element contains a long passage of text that is italicized. Long strings of italicized text can be very difficult for people to read, especially those with dyslexia. Modify this passage of text so that it is no longer italicized. This will result in significant improvements in readability.",
"viewPortLocation": {
"top-left": {
"x": 40,
"y": 347.390625
},
"bottom-right": {
"x": 921.594,
"y": 431.140625
},
"height": 83.75,
"width": 881.594
},
"position": {
"line": 7876,
"column": 7
},
"errorSnippet": "<blockquote aria-describedby=\"tips-quote-by\"> <img style=\"margin-top: .25rem\" class=\"people__portrait\" src=\"/img/thomas.jpg\" alt=\"Portret Thomas\"> <p class=\"tips-quote\">De <abbr title=\"Web Accessibility Guidelines\">WCAG</abbr&g",
"xpath": "/html/body/main[1]/div[2]/div[1]/section[1]/div[1]/blockquote[1]",
"issueID": "7d7b83bdaf3afb2dddaaf78ec8a7e0bf",
"signature": "371cd2152bda790b018e5f69ec53bfc1",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=154&issueID=7d7b83bdaf3afb2dddaaf78ec8a7e0bf"
},
{
"tID": 214,
"bpID": 207,
"priority": 88,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "Do not open new windows on form submission.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request"
],
"resultTitle": "Notify the user when links will open new windows or tabs",
"errorDescription": "This form is set to open a new window or tab when the form is submitted. This may result in disorientation or confusion for users who do not expect the new window to appear or who cannot see the change to a new window. Remove `target=\"_blank\"` from this `<form>` element.",
"viewPortLocation": {
"top-left": {
"x": 40,
"y": 500.828125
},
"bottom-right": {
"x": 881.594,
"y": 932.703125
},
"height": 431.875,
"width": 841.594
},
"position": {
"line": 62,
"column": 0
},
"errorSnippet": "<form class=\"grid-half validate\" id=\"tips-form\" action=\"https://elevenways.us17.list-manage.com/subscribe/post?u=b911ef771ae2c95bf70dc90ff&amp;id=5282995b39\" method=\"post\" name=\"mc-embedded-subscribe-form\" target=\"_blank\" novalidate=\"\"> <h3 ",
"xpath": "/html/body/main[1]/div[2]/div[1]/section[1]/form[1]",
"issueID": "6611df5ef9d5687529560d30d5a74b46",
"signature": "1298c3abf263544839a77ef0c378fd17",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=214&issueID=6611df5ef9d5687529560d30d5a74b46"
},
{
"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": 196.171875,
"y": 3407.21875
},
"bottom-right": {
"x": 323.171875,
"y": 3424.21875
},
"height": 17,
"width": 127
},
"position": {
"line": 92,
"column": 1090
},
"errorSnippet": "<a href=\"https://twitter.com/elevenways_be\" target=\"_blank\">@elevenways_be</a>",
"xpath": "/html/body/main[1]/section[1]/div[1]/div[1]/div[1]/ul[1]/li[3]/a[1]",
"issueID": "f184e10838d2bb13b6083dad80bf01df",
"signature": "045fac3d579a8e0ea5fb887fd71bbe6a",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=f184e10838d2bb13b6083dad80bf01df"
}
],
"log": []
}
}
}
],
"timeStamp": "42ubn",
"startTime": "2022-07-09T14:50:57",
"presses": 0,
"amountRead": 0,
"testTimes": [
[
"hover",
50
],
[
"motion",
14
],
[
"focInd",
9
],
[
"alfa",
5
],
[
"ibm",
4
],
[
"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": 0,
"logSize": 0,
"errorLogCount": 0,
"errorLogSize": 0,
"prohibitedCount": 0,
"visitTimeoutCount": 0,
"visitRejectionCount": 0,
"endTime": "2022-07-09T14:52:52",
"elapsedSeconds": 115,
"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": {
"motion": 1,
"focAll": 4,
"focInd": 36,
"focOp": 2,
"hover": 1,
"linkUl": 36,
"styleDiff": 14,
"zIndex": 3
},
"alfa": {
"r57": 8,
"r65": 1,
"r66": 41,
"r69": 13,
"r73": 4,
"r85": 4,
"r87": 4
},
"axe": {
"color-contrast-enhanced": 54,
"color-contrast": 15,
"list": 3,
"region": 2
},
"htmlcs": {
"e:AA.1_4_3.G18.Fail": 8,
"e:AA.4_1_2.H91.A.EmptyNoId": 4,
"w:AA.1_3_1.F68.Hidden": 3,
"w:AA.1_3_1.H48": 1,
"w:AA.1_4_10.C32,C31,C33,C38,SCR34,G206": 1,
"w:AA.1_4_3.G18.Abs": 2,
"w:AA.4_1_2.H91.A.Placeholder": 1
},
"wave": {
"e:label_missing": 4,
"c:contrast": 18,
"a:alt_duplicate": 1
},
"tenon": {
"95": 4,
"154": 3,
"214": 4,
"218": 4
}
},
"groupDetails": {
"groups": {
"spontaneousMotion": {
"testaro": {
"motion": {
"score": 1,
"what": "Change of visible content not requested by user"
}
}
},
"tabFocusability": {
"testaro": {
"focAll": {
"score": 3,
"what": "Discrepancy between elements that should be and that are Tab-focusable"
}
}
},
"focusIndication": {
"testaro": {
"focInd": {
"score": 36,
"what": "Focused element displaying no or nostandard focus indicator"
}
},
"alfa": {
"r65": {
"score": 1,
"what": "Element in sequential focus order has no visible focus"
}
}
},
"focusableOperable": {
"testaro": {
"focOp": {
"score": 2,
"what": "Operable elements that cannot be Tab-focused and vice versa"
}
}
},
"hoverSurprise": {
"testaro": {
"hover": {
"score": 1,
"what": "Content changes caused by hovering"
}
}
},
"linkIndication": {
"testaro": {
"linkUl": {
"score": 18,
"what": "Non-underlined adjacent links"
}
}
},
"inconsistentStyles": {
"testaro": {
"styleDiff": {
"score": 4,
"what": "Heading, link, and button style inconsistencies"
}
}
},
"zIndexNotZero": {
"testaro": {
"zIndex": {
"score": 1,
"what": "Layering with nondefault z-index values"
}
}
},
"contentBeyondLandmarks": {
"alfa": {
"r57": {
"score": 4,
"what": "Perceivable text content is not included in any landmark"
}
},
"axe": {
"region": {
"score": 1,
"what": "Some page content is not contained by landmarks"
}
}
},
"contrastAAA": {
"alfa": {
"r66": {
"score": 10,
"what": "Text contrast less than AAA requires"
}
},
"axe": {
"color-contrast-enhanced": {
"score": 14,
"what": "Element has insufficient color contrast (Level AAA)"
}
},
"tenon": {
"95": {
"score": 1,
"what": "Element has insufficient color contrast (Level AAA)"
}
}
},
"contrastAA": {
"alfa": {
"r69": {
"score": 10,
"what": "Text outside widget has subminimum contrast"
}
},
"axe": {
"color-contrast": {
"score": 11,
"what": "Element has insufficient color contrast"
}
},
"htmlcs": {
"e:AA.1_4_3.G18.Fail": {
"score": 6,
"what": "Contrast between the text and its background is less than 4.5:1"
}
},
"wave": {
"c:contrast": {
"score": 14,
"what": "Very low contrast"
}
}
},
"noLeading": {
"alfa": {
"r73": {
"score": 3,
"what": "Paragraph of text has insufficient line height"
}
}
},
"allItalics": {
"alfa": {
"r85": {
"score": 1,
"what": "Text of the paragraph is all italic"
}
},
"tenon": {
"154": {
"score": 1,
"what": "Long string of text is italic"
}
}
},
"skipRepeatedContent": {
"alfa": {
"r87": {
"score": 2,
"what": "First focusable element is not a link to the main content"
}
}
},
"listChild": {
"axe": {
"list": {
"score": 3,
"what": "List element ul or ol has a child element other than li, script, and template"
}
}
},
"linkNoText": {
"htmlcs": {
"e:AA.4_1_2.H91.A.EmptyNoId": {
"score": 4,
"what": "Link has no name or id attribute or value"
}
}
},
"labeledHidden": {
"htmlcs": {
"w:AA.1_3_1.F68.Hidden": {
"score": 2,
"what": "Hidden form field is needlessly labeled."
}
}
},
"pseudoNavListRisk": {
"htmlcs": {
"w:AA.1_3_1.H48": {
"score": 1,
"what": "Navigation links are not coded as a list"
}
}
},
"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.G18.Abs": {
"score": 1,
"what": "Contrast between the absolutely positioned text and its background may be inadequate"
}
}
},
"linkBrokenRisk": {
"htmlcs": {
"w:AA.4_1_2.H91.A.Placeholder": {
"score": 1,
"what": "Link has text but no href, id, or name attribute"
}
}
},
"controlLabel": {
"wave": {
"e:label_missing": {
"score": 4,
"what": "Missing form label"
}
}
},
"imagesSameAlt": {
"wave": {
"a:alt_duplicate": {
"score": 1,
"what": "Two images near each other have the same text alternative"
}
}
},
"formNewWindow": {
"tenon": {
"214": {
"score": 2,
"what": "Form submission opens a new window"
}
}
},
"linkForcesNewWindow": {
"tenon": {
"218": {
"score": 3,
"what": "Link opens in a new window without user control"
}
}
}
},
"solos": {}
},
"preventionScores": {},
"summary": {
"total": 192,
"log": 0,
"preventions": 0,
"solos": 0,
"groups": [
{
"groupName": "focusIndication",
"score": 38
},
{
"groupName": "contrastAA",
"score": 27
},
{
"groupName": "linkIndication",
"score": 20
},
{
"groupName": "contrastAAA",
"score": 20
},
{
"groupName": "inconsistentStyles",
"score": 6
},
{
"groupName": "contentBeyondLandmarks",
"score": 6
},
{
"groupName": "linkNoText",
"score": 6
},
{
"groupName": "controlLabel",
"score": 6
},
{
"groupName": "tabFocusability",
"score": 5
},
{
"groupName": "noLeading",
"score": 5
},
{
"groupName": "listChild",
"score": 5
},
{
"groupName": "linkForcesNewWindow",
"score": 5
},
{
"groupName": "focusableOperable",
"score": 4
},
{
"groupName": "skipRepeatedContent",
"score": 4
},
{
"groupName": "labeledHidden",
"score": 4
},
{
"groupName": "formNewWindow",
"score": 4
},
{
"groupName": "spontaneousMotion",
"score": 3
},
{
"groupName": "hoverSurprise",
"score": 3
},
{
"groupName": "zIndexNotZero",
"score": 3
},
{
"groupName": "allItalics",
"score": 3
},
{
"groupName": "pseudoNavListRisk",
"score": 3
},
{
"groupName": "scrollRisk",
"score": 3
},
{
"groupName": "contrastRisk",
"score": 3
},
{
"groupName": "linkBrokenRisk",
"score": 3
},
{
"groupName": "imagesSameAlt",
"score": 3
}
]
}
}
}