Accessibility test digest
Synopsis
Page: mindscreen
URL: https://www.mindscreen.de/
Score: 113
Tested by: Testaro, procedure tp12
Scored by: Testilo, procedure sp12a
Digested by: Testilo, procedure dp12a
Introduction
The Testaro application used its tp12 testing procedure to test the accessibility (barrier-free design and coding) of the mindscreen web page at https://www.mindscreen.de/ on 2022/07/06. The procedure performed 808 tests. Of these, 16 are custom tests defined by Testaro, and the others belong to these six other packages (programs that perform collections of tests):
- Alfa by Siteimprove
- Axe-core by Deque
- HTML CodeSniffer by Squiz Labs
- Equal Access by IBM
- Tenon by Level Access
- WAVE by WebAIM
Testaro produced a report enumerating the test results.
Testilo processed the report and used the sp12a scoring procedure to compute partial and total scores for the page. The total score is 113 (where 0 is the best possible score). The scored report is appended below.
Finally, Testilo used procedure dp12a to produce this digest, briefly explaining how sp12a computed the scores.
Score summary
| total | 113 |
|---|---|
| focusIndication | 28 |
| linkForcesNewWindow | 26 |
| contrastAAA | 16 |
| linkIndication | 10 |
| inconsistentStyles | 5 |
| horizontalScrolling | 5 |
| pseudoParagraphRisk | 5 |
| skipRepeatedContent | 3 |
| pseudoHeadingRisk | 3 |
| pseudoNavListRisk | 3 |
| imageTextLong | 3 |
| linkPair | 3 |
| noScriptRisk | 3 |
Issue summary
Special issues
No special issues contributed to the score.
Classified issues
focusIndication: Score 28. Issues reported by tests in this category:
- Package
testaro, testfocInd, score 26 (Focused element displaying no or nostandard focus indicator) - Package
alfa, testr65, score 1 (Element in sequential focus order has no visible focus)
linkForcesNewWindow: Score 26. Issues reported by tests in this category:
- Package
tenon, test218, score 24 (Link opens in a new window without user control)
contrastAAA: Score 16. Issues reported by tests in this category:
- Package
axe, testcolor-contrast-enhanced, score 14 (Element has insufficient color contrast (Level AAA))
linkIndication: Score 10. Issues reported by tests in this category:
- Package
testaro, testlinkUl, score 8 (Non-underlined adjacent links)
inconsistentStyles: Score 5. Issues reported by tests in this category:
- Package
testaro, teststyleDiff, score 3 (Heading, link, and button style inconsistencies)
horizontalScrolling: Score 5. Issues reported by tests in this category:
- Package
tenon, test28, score 3 (Layout or sizing of the page causes horizontal scrolling)
pseudoParagraphRisk: Score 5. Issues reported by tests in this category:
- Package
tenon, test242, score 3 (Multiple consecutive br elements may simulate paragraphs)
skipRepeatedContent: Score 3. Issues reported by tests in this category:
- Package
alfa, testr87, score 1 (First focusable element is not a link to the main content)
pseudoHeadingRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_3_1.H42, score 1 (Heading coding is not used but the element may be intended as a heading)
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)
imageTextLong: Score 3. Issues reported by tests in this category:
- Package
wave, testa:alt_long, score 1 (Long text alternative)
linkPair: Score 3. Issues reported by tests in this category:
- Package
wave, testa:link_redundant, score 1 (Adjacent links go to the same URL)
noScriptRisk: Score 3. Issues reported by tests in this category:
- Package
wave, testa:noscript, score 1 (noscript element may fail to contain an accessible equivalent or 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 sp12a. You can modify and extend Testaro and Testilo to fit other theories and priorities.
Here, in brief, is how sp12a computes a score for a page.
- It finds all the defects and warnings (let’s call them
issues
) recorded in the report. - It classifies them according to type. For example, a link that looks like the text around it is one issue category, while a video that has no captions is another issue category.
- It also classifies the issues according to severity. For example, an issue that prevents a transaction is more severe than an issue that only complicates the transaction, and a warning about a possible issue is less severe than a definite finding of an issue. (Some packages rate the severity of each issue; for the other packages,
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 sp12a are found in the code itself.
Report
{
"id": "3zjtz-mindscreen",
"host": {
"id": "mindscreen",
"which": "https://www.mindscreen.de/",
"what": "mindscreen"
},
"log": [
{
"event": "startTime",
"value": "2022-07-06T01:32:17"
},
{
"event": "endTime",
"value": "2022-07-06T01:33:54"
}
],
"script": {
"id": "tp12",
"what": "Alfa, Axe, HTML CodeSniffer, IBM, Tenon, WAVE, and 16 custom tests",
"strict": true,
"commands": [
{
"type": "launch",
"which": "webkit",
"what": "Webkit browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "mindscreen"
},
{
"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.mindscreen.de/",
"what": "mindscreen"
},
{
"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.mindscreen.de/",
"what": "mindscreen",
"result": "https://www.mindscreen.de/"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request",
"url": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "motion",
"what": "motion",
"delay": 2500,
"interval": 2500,
"count": 5,
"url": "https://www.mindscreen.de/",
"result": {
"bytes": [
85863,
85863,
85863,
85863,
85863
],
"localRatios": [
1,
1,
1,
1
],
"meanLocalRatio": 1,
"maxLocalRatio": 1,
"globalRatio": 1,
"pixelChanges": [
0,
0,
0,
0
],
"meanPixelChange": 0,
"maxPixelChange": 0,
"changeFrequency": 0
}
},
{
"type": "launch",
"which": "chromium",
"what": "Chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "mindscreen",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements",
"url": "https://www.mindscreen.de/",
"result": {
"visibleElements": 224
}
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements embedded in links or buttons",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"links": 0,
"buttons": 0,
"inputs": 0,
"selects": 0
},
"items": []
}
},
{
"type": "test",
"which": "focAll",
"what": "focusable and Tab-focused elements",
"url": "https://www.mindscreen.de/",
"result": {
"tabFocusables": 26,
"tabFocused": 26,
"discrepancy": 0
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"total": 26,
"types": {
"indicatorMissing": {
"total": 0,
"tagNames": {}
},
"nonOutlinePresent": {
"total": 26,
"tagNames": {
"A": 26
}
},
"outlinePresent": {
"total": 0,
"meanDelay": 0,
"tagNames": {}
}
}
},
"items": {
"indicatorMissing": [],
"nonOutlinePresent": [
{
"tagName": "A",
"text": ""
},
{
"tagName": "A",
"text": "salon@caat.report."
},
{
"tagName": "A",
"text": "caat.report"
},
{
"tagName": "A",
"text": "Barrierefreie Websites mit TYPO3 und Neos"
},
{
"tagName": "A",
"text": "Schulungen und Workshops"
},
{
"tagName": "A",
"text": "Unsere Leistungen im Bereich digitale Barrierefreiheit"
},
{
"tagName": "A",
"text": "mindscreen CAAT"
},
{
"tagName": "A",
"text": "Tester*in für Barrierefreiheit"
},
{
"tagName": "A",
"text": "bezirk-oberbayern.de"
},
{
"tagName": "A",
"text": "abledocs.com"
},
{
"tagName": "A",
"text": "Eventliste zu digitaler Barrierefreiheit"
},
{
"tagName": "A",
"text": "Konferenz zum BFSG"
},
{
"tagName": "A",
"text": "Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe"
},
{
"tagName": "A",
"text": "UIG Tagung 2022"
},
{
"tagName": "A",
"text": ""
},
{
"tagName": "A",
"text": "mindscreen Blog"
},
{
"tagName": "A",
"text": "Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge"
},
{
"tagName": "A",
"text": "GitLab Free"
},
{
"tagName": "A",
"text": "my first GitLab issue: Related issues / Linked issues stylesheet problem"
},
{
"tagName": "A",
"text": "GitLab fixing problems in open source software can make you feel better"
},
{
"tagName": "A",
"text": "salon@mindscreen.de"
},
{
"tagName": "A",
"text": "salon@mindscreen.de"
},
{
"tagName": "A",
"text": "Impressum"
},
{
"tagName": "A",
"text": "Datenschutzerklärung"
},
{
"tagName": "A",
"text": "Erklärung zur Barrierefreiheit"
},
{
"tagName": "A",
"text": "Allgemeine Geschäftsbedingungen Webhosting"
}
],
"outlinePresent": []
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"total": 26,
"types": {
"onlyFocusable": {
"total": 0,
"tagNames": {}
},
"onlyOperable": {
"total": 0,
"tagNames": {}
},
"focusableAndOperable": {
"total": 26,
"tagNames": {
"A": 26
}
}
}
},
"items": {
"onlyFocusable": [],
"onlyOperable": [],
"focusableAndOperable": [
{
"tagName": "A",
"id": "",
"text": "<a href=\"/\" style=\"cursor: default;\"><img src=\"https://www.mindscreen.de/_Resour",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "salon@caat.report.",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "caat.report",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Barrierefreie Websites mit TYPO3 und Neos",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Schulungen und Workshops",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Unsere Leistungen im Bereich digitale Barrierefreiheit",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "mindscreen CAAT",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Tester*in für Barrierefreiheit",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "bezirk-oberbayern.de",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "abledocs.com",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Eventliste zu digitaler Barrierefreiheit",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Konferenz zum BFSG",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "UIG Tagung 2022",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a href=\"http://www.biene-award.de/\" style=\"cursor: default;\"><img alt=\"Biene Aw",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "mindscreen Blog",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "GitLab Free",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "my first GitLab issue: Related issues / Linked issues stylesheet problem",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "GitLab fixing problems in open source software can make you feel better",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "salon@mindscreen.de",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "salon@mindscreen.de",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Impressum",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Datenschutzerklärung",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Erklärung zur Barrierefreiheit",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Allgemeine Geschäftsbedingungen Webhosting",
"byTag": true,
"byOnClick": false,
"byPointer": true
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover-caused content changes",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"triggers": 26,
"headTriggers": 20,
"tailTriggers": 6,
"impactTriggers": 0,
"additions": 0,
"removals": 0,
"opacityChanges": 0,
"opacityImpact": 0,
"unhoverables": 0
},
"items": {
"head": {
"impactTriggers": [],
"unhoverables": []
},
"tail": {
"impactTriggers": [],
"unhoverables": []
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "labeling inconsistencies",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"mislabeled": 0,
"unlabeled": 0,
"wellLabeled": 0
},
"items": {
"mislabeled": [],
"unlabeled": [],
"wellLabeled": []
}
}
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "adjacent-link underlining",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"links": 26,
"adjacent": {
"total": 26,
"underlined": 18,
"underlinedPercent": 69
}
},
"items": {
"underlined": [
"",
"salon@caat.report.",
"caat.report",
"bezirk-oberbayern.de",
"abledocs.com",
"Eventliste zu digitaler Barrierefreiheit",
"Konferenz zum BFSG",
"Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe",
"UIG Tagung 2022",
"",
"GitLab Free",
"my first GitLab issue: Related issues / Linked issues stylesheet problem",
"salon@mindscreen.de",
"salon@mindscreen.de",
"Impressum",
"Datenschutzerklärung",
"Erklärung zur Barrierefreiheit",
"Allgemeine Geschäftsbedingungen Webhosting"
],
"notUnderlined": [
"Barrierefreie Websites mit TYPO3 und Neos",
"Schulungen und Workshops",
"Unsere Leistungen im Bereich digitale Barrierefreiheit",
"mindscreen CAAT",
"Tester*in für Barrierefreiheit",
"mindscreen Blog",
"Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge",
"GitLab fixing problems in open source software can make you feel better"
]
}
}
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation between focusable menu items",
"url": "https://www.mindscreen.de/",
"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.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "fieldset grouping of radio buttons",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"total": 0,
"inSet": 0,
"percent": "N.A."
},
"items": {
"inSet": [],
"notInSet": []
}
}
},
{
"type": "test",
"which": "role",
"what": "roles",
"url": "https://www.mindscreen.de/",
"result": {
"roleElements": 0,
"badRoleElements": 0,
"tagNames": {}
}
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style inconsistencies",
"url": "https://www.mindscreen.de/",
"result": {
"mainStyles": [
"fontStyle",
"fontWeight",
"opacity",
"textDecorationLine",
"textDecorationStyle",
"textDecorationThickness"
],
"buttonStyles": [
"borderStyle",
"borderWidth",
"height",
"lineHeight",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"outlineOffset",
"outlineStyle",
"outlineWidth"
],
"headingStyles": [
"color",
"fontSize"
],
"listLinkStyles": [
"color",
"fontSize",
"lineHeight"
],
"totals": {
"adjacentLink": {
"total": 26,
"subtotals": [
16,
8,
2
]
},
"h1": {
"total": 1
},
"h2": {
"total": 10,
"subtotals": [
8,
2
]
},
"h3": {
"total": 17,
"subtotals": [
10,
5,
2
]
}
},
"items": {
"adjacentLink": {
"fontWeight": {
"300": [
"",
""
],
"400": [
"salon@caat.report.",
"caat.report",
"Barrierefreie Websites mit TYPO3 und Neos",
"Schulungen und Workshops",
"Unsere Leistungen im Bereich digitale Barrierefreiheit",
"mindscreen CAAT",
"Tester*in für Barrierefreiheit",
"bezirk-oberbayern.de",
"abledocs.com",
"Eventliste zu digitaler Barrierefreiheit",
"Konferenz zum BFSG",
"Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe",
"UIG Tagung 2022",
"mindscreen Blog",
"Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge",
"GitLab Free",
"my first GitLab issue: Related issues / Linked issues stylesheet problem",
"GitLab fixing problems in open source software can make you feel better",
"salon@mindscreen.de",
"salon@mindscreen.de",
"Impressum",
"Datenschutzerklärung",
"Erklärung zur Barrierefreiheit",
"Allgemeine Geschäftsbedingungen Webhosting"
]
},
"textDecorationLine": {
"underline": [
"",
"salon@caat.report.",
"caat.report",
"bezirk-oberbayern.de",
"abledocs.com",
"Eventliste zu digitaler Barrierefreiheit",
"Konferenz zum BFSG",
"Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe",
"UIG Tagung 2022",
"",
"GitLab Free",
"my first GitLab issue: Related issues / Linked issues stylesheet problem",
"salon@mindscreen.de",
"salon@mindscreen.de",
"Impressum",
"Datenschutzerklärung",
"Erklärung zur Barrierefreiheit",
"Allgemeine Geschäftsbedingungen Webhosting"
],
"none": [
"Barrierefreie Websites mit TYPO3 und Neos",
"Schulungen und Workshops",
"Unsere Leistungen im Bereich digitale Barrierefreiheit",
"mindscreen CAAT",
"Tester*in für Barrierefreiheit",
"mindscreen Blog",
"Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge",
"GitLab fixing problems in open source software can make you feel better"
]
}
},
"h2": {
"fontWeight": {
"400": [
"Standorte",
"Vertrauen und Sicherheit"
],
"700": [
"CAAT - Computer Aided Accessibility TestingÖffentliche CAAT-Demos",
"Schwerpunkte",
"Stellenangebot - Tester*in für Barrierefreiheit von Websites und Apps",
"Auswahl unserer Kunden",
"Eventliste zu digitaler Barrierefreiheit",
"mindscreen unterwegs",
"Auszeichnungen & Preise",
"Unser Blog"
]
},
"color": {
"rgb(51, 51, 51)": [
"CAAT - Computer Aided Accessibility TestingÖffentliche CAAT-Demos",
"Schwerpunkte",
"Stellenangebot - Tester*in für Barrierefreiheit von Websites und Apps",
"Auswahl unserer Kunden",
"Eventliste zu digitaler Barrierefreiheit",
"mindscreen unterwegs",
"Auszeichnungen & Preise",
"Unser Blog"
],
"rgb(255, 255, 255)": [
"Standorte",
"Vertrauen und Sicherheit"
]
},
"fontSize": {
"48.82px": [
"CAAT - Computer Aided Accessibility TestingÖffentliche CAAT-Demos",
"Schwerpunkte",
"Stellenangebot - Tester*in für Barrierefreiheit von Websites und Apps",
"Auswahl unserer Kunden",
"Eventliste zu digitaler Barrierefreiheit",
"mindscreen unterwegs",
"Auszeichnungen & Preise",
"Unser Blog"
],
"25px": [
"Standorte",
"Vertrauen und Sicherheit"
]
}
},
"h3": {
"color": {
"rgb(51, 51, 51)": [
"Konzeption, Gestaltung und Umsetzung von Web-Projekten",
"Schulungen und Workshops",
"Digitale Barrierefreiheit: Beratung & Testing",
"mindscreen CAAT - Computer Aided Accessibility Testing",
"Bezirk Oberbayern",
"AbleDocs",
"Landesstelle für die nichtstaatlichen Museen in Bayern",
"Barrierefreiheitsstärkungsgesetz (BFSG): Hintergründe, Umsetzung und Praxisbeispiele, Online",
"Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe, München",
"UIG Tagung 2022, Online",
"Neos CMS Award",
"TYPO3 Award",
"Gewinner des Biene Award 2010",
"Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge",
"GitLab - fixing problems in open source software can make you feel better"
],
"rgb(255, 255, 255)": [
"mindscreen GmbH",
"mindscreen - Büro Berlin"
]
},
"fontSize": {
"39.06px": [
"Konzeption, Gestaltung und Umsetzung von Web-Projekten",
"Schulungen und Workshops",
"Digitale Barrierefreiheit: Beratung & Testing",
"mindscreen CAAT - Computer Aided Accessibility Testing",
"Barrierefreiheitsstärkungsgesetz (BFSG): Hintergründe, Umsetzung und Praxisbeispiele, Online",
"Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe, München",
"UIG Tagung 2022, Online",
"Neos CMS Award",
"TYPO3 Award",
"Gewinner des Biene Award 2010"
],
"31.26px": [
"Bezirk Oberbayern",
"AbleDocs",
"Landesstelle für die nichtstaatlichen Museen in Bayern",
"Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge",
"GitLab - fixing problems in open source software can make you feel better",
"mindscreen GmbH",
"mindscreen - Büro Berlin"
]
}
}
}
}
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation between tab elements",
"url": "https://www.mindscreen.de/",
"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.mindscreen.de/",
"result": {
"totals": {
"total": 0,
"tagNames": {}
},
"items": []
}
},
{
"type": "test",
"which": "alfa",
"what": "alfa",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"failures": 0,
"warnings": 2
},
"items": [
{
"index": 370,
"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]/main[1]/div[2]/div[8]/div[3]/div[1]/div[1]/figure[1]/a[1]",
"codeLines": [
"<a href=\"http://www.biene-award.de/\">",
" <img alt=\"Biene Award\" src=\"https://www.mindscreen.de/_Resources/Persistent/b2ea98b54afd28552f9d0...",
"</a>"
]
}
},
{
"index": 764,
"verdict": "cantTell",
"rule": {
"ruleID": "r87",
"ruleSummary": "First focusable element is link to main content",
"scope": "page",
"uri": "https://alfa.siteimprove.com/rules/sia-r87",
"requirements": [
{
"uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G1",
"name": "G1",
"title": "Adding a link at the top of each page that goes directly to the main content area"
}
]
},
"target": {
"type": "document",
"tagName": "",
"path": "/",
"codeLines": [
"#document",
" <!doctype html>",
"...",
" </html>"
]
}
}
]
}
},
{
"type": "test",
"which": "axe",
"detailLevel": 2,
"rules": [],
"what": "Axe",
"url": "https://www.mindscreen.de/",
"result": {
"totals": {
"rulesNA": 65,
"rulesPassed": 31,
"rulesWarned": 0,
"rulesViolated": 1,
"warnings": {
"minor": 0,
"moderate": 0,
"serious": 0,
"critical": 0
},
"violations": {
"minor": 0,
"moderate": 0,
"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-06T01:33:36.404Z",
"url": "https://www.mindscreen.de/",
"toolOptions": {
"resultTypes": [
"violations",
"incomplete"
],
"runOnly": {
"type": "tag",
"values": [
"experimental",
"best-practice",
"wcag2a",
"wcag2aa",
"wcag2aaa",
"wcag21a",
"wcag21aa",
"wcag21aaa"
]
},
"reporter": "v1"
},
"incomplete": [],
"violations": [
{
"id": "color-contrast-enhanced",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aaa",
"wcag146"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AAA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast-enhanced?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(1) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"mailto:salon@caat.report?subject=Anmeldung%20CAAT%20Demo\">salon@caat.report.</a>",
"target": [
".neos-nodetypes-text > div > p:nth-child(3) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(1) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.caat.report/\">caat.report</a>",
"target": [
"a[href$=\"caat.report/\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/digitale-barrierefreiheit/barrierefreie-websites\" class=\"link-button link-button--right\">Barrierefreie Websites mit TYPO3 und Neos</a>",
"target": [
"main > .neos-contentcollection > .multicol__row.mscr-row:nth-child(2) > .large-6.multicol__col.small-12:nth-child(2) > .neos-contentcollection > .link-button.link-button--right"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/digitale-barrierefreiheit/schulungen-workshops\" class=\"link-button link-button--right\">Schulungen und Workshops</a>",
"target": [
".large-6.multicol__col.small-12:nth-child(3) > .neos-contentcollection > .link-button.link-button--right"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/digitale-barrierefreiheit\" class=\"link-button link-button--right\">Unsere Leistungen im Bereich digitale Barrierefreiheit</a>",
"target": [
"a[href$=\"digitale-barrierefreiheit\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://caat.report\" class=\"link-button link-button--right\">mindscreen CAAT</a>",
"target": [
"a[href$=\"caat.report\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(4) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/stellenangebot-testerin-barrierefreiheit\" class=\"link-button link-button--right\">Tester*in für Barrierefreiheit</a>",
"target": [
".mscr-row:nth-child(4) > .box.box--grey > .neos-contentcollection > .one-column__wrapper > .mscr-columns.neos-contentcollection > .link-button.link-button--right"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.bezirk-oberbayern.de/\">bezirk-oberbayern.de</a>",
"target": [
".large-4.multicol__col.small-12:nth-child(2) > .neos-contentcollection > .neos-nodetypes-text > div > p > a[target=\"_blank\"][rel=\"noopener\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.abledocs.com\">abledocs.com</a>",
"target": [
"a[href$=\"www.abledocs.com\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(6) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/web-accessibility-events\">Eventliste zu digitaler Barrierefreiheit</a>",
"target": [
"a[href$=\"web-accessibility-events\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.bundesfachstelle-barrierefreiheit.de/SharedDocs/Kurzmeldungen/DE/einladung-und-agenda-veranstaltung-bfsg.html\">Konferenz zum BFSG</a>",
"target": [
".large-4.mscr-columns:nth-child(2) > .event__item > .copy-text > a[target=\"_blank\"][rel=\"noopener\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a target=\"_blank\" rel=\"noopener\" href=\"https://veranstaltungen.muenchen.de/kult/veranstaltungen/leichte-sprache-symposium-zu-kunst-und-teilhabe/\">Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe</a>",
"target": [
".large-4.mscr-columns:nth-child(3) > .event__item > .copy-text > a[target=\"_blank\"][rel=\"noopener\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#ffffff",
"contrastRatio": 5.57,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<body class=\"\">",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.kompetenzzentrum-usability.digital/events/uig-tagung-2022\">UIG Tagung 2022</a>",
"target": [
".large-4.mscr-columns:nth-child(4) > .event__item > .copy-text > a[target=\"_blank\"][rel=\"noopener\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.57 (foreground color: #ce171e, background color: #ffffff, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(9) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/blog\" class=\"link-button link-button--right\">mindscreen Blog</a>",
"target": [
"a[href$=\"blog\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(9) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/blog/2022/barrierefreiheitstests-developer-tools-microsoft-edge\" class=\"link-button link-button--right\">Schnelle Barrierefreiheitstests mit Developer Tools in Microsoft Edge </a>",
"target": [
".box.box--grey > .neos-contentcollection > .multicol__row.mscr-row > .large-6.multicol__col.small-12:nth-child(1) > .neos-contentcollection > .link-button.link-button--right"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(9) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a rel=\"noopener\" href=\"https://about.gitlab.com/pricing/\" target=\"_blank\">GitLab Free</a>",
"target": [
".mscr-row:nth-child(9) > .box.box--grey > .neos-contentcollection > .multicol__row.mscr-row > .large-6.multicol__col.small-12:nth-child(2) > .neos-contentcollection > .neos-nodetypes-text > div > p > a[rel=\"noopener\"][target=\"_blank\"]:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(9) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a rel=\"noopener\" href=\"https://gitlab.com/gitlab-org/gitlab/-/issues/273558\" target=\"_blank\" title=\"https://gitlab.com/gitlab-org/gitlab/-/issues/273558\">my first GitLab issue: Related issues / Linked issues stylesheet problem</a>",
"target": [
"a[rel=\"noopener\"][target=\"_blank\"]:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ce171e",
"bgColor": "#f4f4f4",
"contrastRatio": 5.07,
"fontSize": "15.0pt (20px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"box box--grey\">",
"target": [
".mscr-row:nth-child(9) > .box.box--grey"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"/blog/2021/gitlab-fixing-problems-in-open-source-software-can-make-you-feel-better\" class=\"link-button link-button--right\">GitLab fixing problems in open source software can make you feel better</a>",
"target": [
".box.box--grey > .neos-contentcollection > .multicol__row.mscr-row > .large-6.multicol__col.small-12:nth-child(2) > .neos-contentcollection > .link-button.link-button--right"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.07 (foreground color: #ce171e, background color: #f4f4f4, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 7:1"
}
]
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer WCAG 2.1 AA ruleset",
"url": "https://www.mindscreen.de/",
"result": {
"Error": {},
"Warning": {
"AA.1_3_1.H42": {
"Heading markup should be used if this content is intended as a heading.": [
{
"tagName": "p",
"id": "",
"code": "<p>...</p>"
}
]
},
"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>"
}
]
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker",
"url": "https://www.mindscreen.de/",
"result": {
"content": {
"totals": {
"violation": 3,
"recommendation": 1,
"ignored": 0
},
"items": [
{
"ruleId": "HAAC_Figure_label",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[8]/div[3]/div[1]/div[1]/figure[1]",
"aria": "/document[1]/main[1]/figure[3]"
},
"message": "The <figure> element does not have an associated label",
"bounds": {
"left": 30,
"top": 6042,
"height": 27,
"width": 725
},
"snippet": "<figure class=\"typo3-neos-alignment-left neos-alignment-left\">",
"level": "violation"
},
{
"ruleId": "HAAC_Figure_label",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[5]/div[2]/div[1]/div[2]/figure[1]",
"aria": "/document[1]/main[1]/figure[2]"
},
"message": "The <figure> element does not have an associated label",
"bounds": {
"left": 100,
"top": 3584,
"height": 407,
"width": 600
},
"snippet": "<figure>",
"level": "violation"
},
{
"ruleId": "HAAC_Figure_label",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/figure[1]",
"aria": "/document[1]/main[1]/figure[1]"
},
"message": "The <figure> element does not have an associated label",
"bounds": {
"left": 100,
"top": 705,
"height": 288,
"width": 600
},
"snippet": "<figure>",
"level": "violation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/head[1]/meta[13]",
"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"
}
]
},
"url": {
"totals": {
"violation": 3,
"recommendation": 1,
"ignored": 0
},
"items": [
{
"ruleId": "HAAC_Figure_label",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[8]/div[3]/div[1]/div[1]/figure[1]",
"aria": "/document[1]/main[1]/figure[3]"
},
"message": "The <figure> element does not have an associated label",
"bounds": {
"left": 30,
"top": 5970,
"height": 27,
"width": 725
},
"snippet": "<figure class=\"typo3-neos-alignment-left neos-alignment-left\">",
"level": "violation"
},
{
"ruleId": "HAAC_Figure_label",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[5]/div[2]/div[1]/div[2]/figure[1]",
"aria": "/document[1]/main[1]/figure[2]"
},
"message": "The <figure> element does not have an associated label",
"bounds": {
"left": 100,
"top": 3583,
"height": 406,
"width": 600
},
"snippet": "<figure>",
"level": "violation"
},
{
"ruleId": "HAAC_Figure_label",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[2]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/figure[1]",
"aria": "/document[1]/main[1]/figure[1]"
},
"message": "The <figure> element does not have an associated label",
"bounds": {
"left": 100,
"top": 705,
"height": 287,
"width": 600
},
"snippet": "<figure>",
"level": "violation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/head[1]/meta[13]",
"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"
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE",
"url": "https://www.mindscreen.de/",
"result": {
"status": {
"success": true,
"httpstatuscode": 200
},
"statistics": {
"pagetitle": "mindscreen – spezialisiert auf digitale Barrierefreiheit",
"pageurl": "https://www.mindscreen.de/",
"time": 3.93,
"creditsremaining": 402,
"allitemcount": 41,
"totalelements": 278,
"waveurl": "http://wave.webaim.org/report?url=https://www.mindscreen.de/"
},
"categories": {
"error": {
"description": "Errors",
"count": 0,
"items": []
},
"contrast": {
"description": "Contrast Errors",
"count": 0,
"items": []
},
"alert": {
"description": "Alerts",
"count": 3,
"items": {
"alt_long": {
"id": "alt_long",
"description": "Long alternative text",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > HEADER:first-child + MAIN > DIV:first-child + DIV > DIV:first-child > DIV:first-child > H2:first-child + DIV > DIV:first-child > DIV:first-child > DIV:first-child > DIV:first-child > FIGURE:first-child > PICTURE:first-child > SOURCE:first-child + SOURCE + IMG"
],
"wcag": [
{
"name": "1.1.1 Non-text Content (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.1.1"
}
]
},
"link_redundant": {
"id": "link_redundant",
"description": "Redundant link",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > HEADER:first-child + MAIN + FOOTER > DIV:first-child > DIV:first-child > H2:first-child + DIV > DIV:first-child + DIV > H3:first-child + P + P > A:first-child"
],
"wcag": [
{
"name": "2.4.4 Link Purpose (In Context) (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc2.4.4"
}
]
},
"noscript": {
"id": "noscript",
"description": "Noscript element",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > HEADER:first-child + MAIN + FOOTER + SCRIPT + SCRIPT + SCRIPT + NOSCRIPT"
],
"wcag": []
}
}
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.mindscreen.de/",
"what": "URL",
"result": "https://www.mindscreen.de/"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon",
"url": "https://www.mindscreen.de/",
"result": {
"status": 200,
"message": "OK",
"code": "success",
"info": "Success",
"moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success",
"responseExecTime": "0.081",
"responseTime": "2022-07-06T01:33:54.413Z",
"data": {
"apiErrors": [],
"documentSize": 994422,
"metadata": null,
"resultSummary": {
"tests": {
"total": 180,
"passing": 177,
"failing": 3
},
"issues": {
"totalErrors": 12,
"totalWarnings": 0,
"totalIssues": 12
},
"issuesByLevel": {
"A": {
"count": 3,
"pct": 25
},
"AA": {
"count": 0,
"pct": 0
},
"AAA": {
"count": 12,
"pct": 100
}
},
"density": {
"errorDensity": 1,
"warningDensity": 0,
"allDensity": 1
}
},
"projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490",
"responseID": "f66d70f9-74c9-44f7-b076-961cd68d6624",
"docID": "bfe4e958-c3dd-45e0-9694-50a0c2b5044c",
"sourceHash": "bdc68baec0a0cb4d97ef9c1fa201b34b",
"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=f66d70f9-74c9-44f7-b076-961cd68d6624",
"resultSet": [
{
"tID": 28,
"bpID": 3,
"priority": 100,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "The layout or sizing of this page causes horizontal scrolling.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 1.4.8 Visual Presentation"
],
"resultTitle": "Avoid layouts that result in horizontal scroll",
"errorDescription": "This page is too wide, causing horizontal scrolling (at the tested viewport size). Horizontal scrolling will cause difficulties for users with low vision, especially if they have their monitor set to a low resolution. Review HTML, CSS and page element sizes to ensure 100% width is not exceeded.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 1024,
"y": 6554.95
},
"height": 6554.95,
"width": 1024
},
"position": {
"line": 2072,
"column": 60
},
"errorSnippet": "<body class=\"\"><header class=\"mscr-header\"><div class=\"mscr-row\"><div class=\"mscr-logo\"><a href=\"/\"><img src=\"https://www.mindscreen.de/_Resources/Static/Packages/Mindscreen.Website/Images/Header/logo.svg?bust=1c2ad610\" a",
"xpath": "/html/body",
"issueID": "1c58b54d9a6585d2f53be752e4720dbf",
"signature": "5be20213f7431eaa5cb6ccb747ffc831",
"ref": "https://tenon.io/bestpractice.php?bpID=3&tID=28&issueID=1c58b54d9a6585d2f53be752e4720dbf"
},
{
"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": 542,
"y": 1008.453125
},
"bottom-right": {
"x": 637,
"y": 1032.453125
},
"height": 24,
"width": 95
},
"position": {
"line": 36,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.caat.report/\">caat.report</a>",
"xpath": "/html/body/main[1]/div[2]/div[1]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/p[5]/a[1]",
"issueID": "746f6c0946295cffb70259fbd898c633",
"signature": "f9ac0a5a6059d8a8ea0525f3c135a59a",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=746f6c0946295cffb70259fbd898c633"
},
{
"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": 30,
"y": 3016.6875
},
"bottom-right": {
"x": 215,
"y": 3040.6875
},
"height": 24,
"width": 185
},
"position": {
"line": 37,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.bezirk-oberbayern.de/\">bezirk-oberbayern.de</a>",
"xpath": "/html/body/main[1]/div[2]/div[5]/div[1]/div[1]/div[1]/div[1]/p[1]/a[1]",
"issueID": "d94e768def2edc041d931684e72fd898",
"signature": "25a942dd6226fa6aa1b7b789f25d6705",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=d94e768def2edc041d931684e72fd898"
},
{
"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": 371.328125,
"y": 3046.6875
},
"bottom-right": {
"x": 487.328125,
"y": 3070.6875
},
"height": 24,
"width": 116
},
"position": {
"line": 37,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.abledocs.com\">abledocs.com</a>",
"xpath": "/html/body/main[1]/div[2]/div[5]/div[2]/div[1]/div[1]/div[1]/p[1]/a[1]",
"issueID": "36c60526eba1e36d849f7ceb46e16856",
"signature": "3589310446053b7014b5c2ba1809fad2",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=36c60526eba1e36d849f7ceb46e16856"
},
{
"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": 34,
"y": 314.796875
},
"bottom-right": {
"x": 219,
"y": 338.796875
},
"height": 24,
"width": 185
},
"position": {
"line": 37,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.bundesfachstelle-barrierefreiheit.de/SharedDocs/Kurzmeldungen/DE/einladung-und-agenda-veranstaltung-bfsg.html\">Konferenz zum BFSG</a>",
"xpath": "/html/body/main[1]/div[2]/div[7]/div[1]/div[1]/p[1]/a[1]",
"issueID": "5eebf940f9a8d87fe672372107d88d7d",
"signature": "87d552e9c4a4000190e1cc1a52e57d77",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=5eebf940f9a8d87fe672372107d88d7d"
},
{
"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": 0,
"y": 344.796875
},
"bottom-right": {
"x": 259,
"y": 430.796875
},
"height": 86,
"width": 259
},
"position": {
"line": 37,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" rel=\"noopener\" href=\"https://veranstaltungen.muenchen.de/kult/veranstaltungen/leichte-sprache-symposium-zu-kunst-und-teilhabe/\">Symposium – Leichte Sprache. Symposium zu Kunst und Teilhabe</a>",
"xpath": "/html/body/main[1]/div[2]/div[7]/div[2]/div[1]/p[1]/a[1]",
"issueID": "c3a96897ad135228ecfb7753dc9622cb",
"signature": "d2376d52bf3a9cbefa1541a20f28caa1",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=c3a96897ad135228ecfb7753dc9622cb"
},
{
"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": 36,
"y": 130.796875
},
"bottom-right": {
"x": 190,
"y": 154.796875
},
"height": 24,
"width": 154
},
"position": {
"line": 37,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" rel=\"noopener\" href=\"https://www.kompetenzzentrum-usability.digital/events/uig-tagung-2022\">UIG Tagung 2022</a>",
"xpath": "/html/body/main[1]/div[2]/div[7]/div[3]/div[1]/p[1]/a[1]",
"issueID": "7f43c9ec4e1d539d80f4e56dc6190d7c",
"signature": "3d794da3a1f448a56e315b2e906654f2",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=7f43c9ec4e1d539d80f4e56dc6190d7c"
},
{
"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": 819,
"y": 5820.453125
},
"bottom-right": {
"x": 919,
"y": 5844.453125
},
"height": 24,
"width": 100
},
"position": {
"line": 1072,
"column": 5796
},
"errorSnippet": "<a rel=\"noopener\" href=\"https://about.gitlab.com/pricing/\" target=\"_blank\">GitLab Free</a>",
"xpath": "/html/body/main[1]/div[2]/div[9]/div[1]/div[1]/div[2]/div[2]/div[1]/div[1]/div[1]/p[1]/a[1]",
"issueID": "90d984f29addfbdf50ef64f55ab98aa6",
"signature": "ec52d601c514c6596b7b2cb352221ae4",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=90d984f29addfbdf50ef64f55ab98aa6"
},
{
"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": 542,
"y": 5881.453125
},
"bottom-right": {
"x": 977,
"y": 5936.453125
},
"height": 55,
"width": 435
},
"position": {
"line": 1077,
"column": 0
},
"errorSnippet": "<a rel=\"noopener\" href=\"https://gitlab.com/gitlab-org/gitlab/-/issues/273558\" target=\"_blank\" title=\"https://gitlab.com/gitlab-org/gitlab/-/issues/273558\">my first GitLab issue: Related issues / Linked issues stylesheet problem</a>",
"xpath": "/html/body/main[1]/div[2]/div[9]/div[1]/div[1]/div[2]/div[2]/div[1]/div[1]/div[1]/p[1]/a[2]",
"issueID": "e82fbfd320ac4466d0eb38dd9fb985a2",
"signature": "816141b81ce5ea7d86fbe0bbdebf660d",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=e82fbfd320ac4466d0eb38dd9fb985a2"
},
{
"tID": 242,
"bpID": 209,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 100,
"errorTitle": "Multiple consecutive `<br>` tags next to each other, simulating paragraphs.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.9 Link Purpose (Link Only)",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.1.4 Abbreviations",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.1.5 Reading Level"
],
"resultTitle": "Ensure content is easy to read and understand",
"errorDescription": "This section of code contains multiple consecutive `<br>` elements, probably used to simulate paragraphs or add whitespace. `<br>` elements are often announced as \"blank\" for users of text-to-speech software, multiple times in sequence, which increases cognitive load for these users. Also, it will not identify these sections as paragraphs. Remove the `<br>` elements. Replace them with `<p>` elements, and use CSS to control whitespace.",
"viewPortLocation": {
"top-left": {
"x": 135,
"y": 3046.6875
},
"bottom-right": {
"x": 135,
"y": 3046.6875
},
"height": 0,
"width": 0
},
"position": {
"line": 7443,
"column": 0
},
"errorSnippet": "<br>",
"xpath": "/html/body/main[1]/div[2]/div[5]/div[1]/div[1]/div[1]/div[1]/p[1]/br[1]",
"issueID": "d839a17fd9ac3e322cdda7fadb914ebe",
"signature": "1a4ec4b8b994ade239ad44317aaff05e",
"ref": "https://tenon.io/bestpractice.php?bpID=209&tID=242&issueID=d839a17fd9ac3e322cdda7fadb914ebe"
},
{
"tID": 242,
"bpID": 209,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 100,
"errorTitle": "Multiple consecutive `<br>` tags next to each other, simulating paragraphs.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.9 Link Purpose (Link Only)",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.1.4 Abbreviations",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.1.5 Reading Level"
],
"resultTitle": "Ensure content is easy to read and understand",
"errorDescription": "This section of code contains multiple consecutive `<br>` elements, probably used to simulate paragraphs or add whitespace. `<br>` elements are often announced as \"blank\" for users of text-to-speech software, multiple times in sequence, which increases cognitive load for these users. Also, it will not identify these sections as paragraphs. Remove the `<br>` elements. Replace them with `<p>` elements, and use CSS to control whitespace.",
"viewPortLocation": {
"top-left": {
"x": 487.328125,
"y": 3046.6875
},
"bottom-right": {
"x": 487.328125,
"y": 3046.6875
},
"height": 0,
"width": 0
},
"position": {
"line": 7741,
"column": 0
},
"errorSnippet": "<br>",
"xpath": "/html/body/main[1]/div[2]/div[5]/div[2]/div[1]/div[1]/div[1]/p[1]/br[1]",
"issueID": "0eddadc8f7229ca2af7e5fc4f46da5c1",
"signature": "bd79c2a10741fddd56c3cf488d3afe8f",
"ref": "https://tenon.io/bestpractice.php?bpID=209&tID=242&issueID=0eddadc8f7229ca2af7e5fc4f46da5c1"
},
{
"tID": 242,
"bpID": 209,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 100,
"errorTitle": "Multiple consecutive `<br>` tags next to each other, simulating paragraphs.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.9 Link Purpose (Link Only)",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.1.4 Abbreviations",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.1.5 Reading Level"
],
"resultTitle": "Ensure content is easy to read and understand",
"errorDescription": "This section of code contains multiple consecutive `<br>` elements, probably used to simulate paragraphs or add whitespace. `<br>` elements are often announced as \"blank\" for users of text-to-speech software, multiple times in sequence, which increases cognitive load for these users. Also, it will not identify these sections as paragraphs. Remove the `<br>` elements. Replace them with `<p>` elements, and use CSS to control whitespace.",
"viewPortLocation": {
"top-left": {
"x": 850.65625,
"y": 3119.6875
},
"bottom-right": {
"x": 850.65625,
"y": 3119.6875
},
"height": 0,
"width": 0
},
"position": {
"line": 7741,
"column": 0
},
"errorSnippet": "<br>",
"xpath": "/html/body/main[1]/div[2]/div[5]/div[3]/div[1]/div[1]/div[1]/p[1]/br[1]",
"issueID": "53351d431a8204276270b5fde25644dc",
"signature": "1f6417f98c907ae0926c6532836422e0",
"ref": "https://tenon.io/bestpractice.php?bpID=209&tID=242&issueID=53351d431a8204276270b5fde25644dc"
}
],
"log": []
}
}
}
],
"timeStamp": "3zjtz",
"startTime": "2022-07-06T01:32:17",
"presses": 0,
"amountRead": 0,
"testTimes": [
[
"hover",
36
],
[
"motion",
13
],
[
"focInd",
8
],
[
"ibm",
4
],
[
"wave",
4
],
[
"alfa",
3
],
[
"bulk",
0
],
[
"embAc",
0
],
[
"focAll",
0
],
[
"focOp",
0
],
[
"labClash",
0
],
[
"linkUl",
0
],
[
"menuNav",
0
],
[
"radioSet",
0
],
[
"role",
0
],
[
"styleDiff",
0
],
[
"tabNav",
0
],
[
"zIndex",
0
],
[
"axe",
0
],
[
"htmlcs",
0
],
[
"tenon",
0
]
],
"logCount": 0,
"logSize": 0,
"errorLogCount": 0,
"errorLogSize": 0,
"prohibitedCount": 0,
"visitTimeoutCount": 0,
"visitRejectionCount": 0,
"endTime": "2022-07-06T01:33:54",
"elapsedSeconds": 97,
"score": {
"scoreProcID": "sp12a",
"logWeights": {
"logCount": 0.5,
"logSize": 0.01,
"errorLogCount": 1,
"errorLogSize": 0.02,
"prohibitedCount": 15,
"visitTimeoutCount": 10,
"visitRejectionCount": 10
},
"soloWeight": 2,
"groupWeights": {
"absolute": 2,
"largest": 1,
"smaller": 0.4
},
"preventionWeights": {
"testaro": 50,
"other": 100
},
"packageDetails": {
"testaro": {
"focInd": 26,
"linkUl": 16,
"styleDiff": 12
},
"alfa": {
"r65": 1,
"r87": 1
},
"axe": {
"color-contrast-enhanced": 54
},
"htmlcs": {
"w:AA.1_3_1.H42": 1,
"w:AA.1_3_1.H48": 1
},
"wave": {
"a:alt_long": 1,
"a:link_redundant": 1,
"a:noscript": 1
},
"tenon": {
"28": 4,
"218": 32,
"242": 12
}
},
"groupDetails": {
"groups": {
"focusIndication": {
"testaro": {
"focInd": {
"score": 26,
"what": "Focused element displaying no or nostandard focus indicator"
}
},
"alfa": {
"r65": {
"score": 1,
"what": "Element in sequential focus order has no visible focus"
}
}
},
"linkIndication": {
"testaro": {
"linkUl": {
"score": 8,
"what": "Non-underlined adjacent links"
}
}
},
"inconsistentStyles": {
"testaro": {
"styleDiff": {
"score": 3,
"what": "Heading, link, and button style inconsistencies"
}
}
},
"skipRepeatedContent": {
"alfa": {
"r87": {
"score": 1,
"what": "First focusable element is not a link to the main content"
}
}
},
"contrastAAA": {
"axe": {
"color-contrast-enhanced": {
"score": 14,
"what": "Element has insufficient color contrast (Level AAA)"
}
}
},
"pseudoHeadingRisk": {
"htmlcs": {
"w:AA.1_3_1.H42": {
"score": 1,
"what": "Heading coding is not used but the element may be intended as a heading"
}
}
},
"pseudoNavListRisk": {
"htmlcs": {
"w:AA.1_3_1.H48": {
"score": 1,
"what": "Navigation links are not coded as a list"
}
}
},
"imageTextLong": {
"wave": {
"a:alt_long": {
"score": 1,
"what": "Long text alternative"
}
}
},
"linkPair": {
"wave": {
"a:link_redundant": {
"score": 1,
"what": "Adjacent links go to the same URL"
}
}
},
"noScriptRisk": {
"wave": {
"a:noscript": {
"score": 1,
"what": "noscript element may fail to contain an accessible equivalent or alternative"
}
}
},
"horizontalScrolling": {
"tenon": {
"28": {
"score": 3,
"what": "Layout or sizing of the page causes horizontal scrolling"
}
}
},
"linkForcesNewWindow": {
"tenon": {
"218": {
"score": 24,
"what": "Link opens in a new window without user control"
}
}
},
"pseudoParagraphRisk": {
"tenon": {
"242": {
"score": 3,
"what": "Multiple consecutive br elements may simulate paragraphs"
}
}
}
},
"solos": {}
},
"preventionScores": {},
"summary": {
"total": 113,
"log": 0,
"preventions": 0,
"solos": 0,
"groups": [
{
"groupName": "focusIndication",
"score": 28
},
{
"groupName": "linkForcesNewWindow",
"score": 26
},
{
"groupName": "contrastAAA",
"score": 16
},
{
"groupName": "linkIndication",
"score": 10
},
{
"groupName": "inconsistentStyles",
"score": 5
},
{
"groupName": "horizontalScrolling",
"score": 5
},
{
"groupName": "pseudoParagraphRisk",
"score": 5
},
{
"groupName": "skipRepeatedContent",
"score": 3
},
{
"groupName": "pseudoHeadingRisk",
"score": 3
},
{
"groupName": "pseudoNavListRisk",
"score": 3
},
{
"groupName": "imageTextLong",
"score": 3
},
{
"groupName": "linkPair",
"score": 3
},
{
"groupName": "noScriptRisk",
"score": 3
}
]
}
}
}