Accessibility test digest
Synopsis
Page: Axess Lab
URL: https://axesslab.com/sv/
Score: 227
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 Axess Lab web page at https://axesslab.com/sv/ 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 227 (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 | 227 |
|---|---|
| log | 4 |
| preventions | 100 |
| contrastAA | 37 |
| contrastAAA | 20 |
| linkIndication | 8 |
| focusIndication | 7 |
| inconsistentStyles | 7 |
| pseudoLinkRisk | 7 |
| horizontalScrolling | 5 |
| zIndexNotZero | 4 |
| accessKeyDuplicate | 4 |
| visibleBulk | 3 |
| hoverSurprise | 3 |
| hiddenContentRisk | 3 |
| pseudoNavListRisk | 3 |
| contrastRisk | 3 |
| pseudoHeadingRisk | 3 |
| linkPair | 3 |
| imageTextRedundant | 3 |
Issue summary
Special issues
log: Score 4. This is based on the amount of browser error logging and miscellaneous logging during the tests.
preventions: Score 100. This is based on tests that the page did not allow to be run. That impedes accessibility progress and risks interfering with tools that users with disabilities need.
Classified issues
contrastAA: Score 37. Issues reported by tests in this category:
- Package
axe, testcolor-contrast, score 35 (Element has insufficient color contrast)
contrastAAA: Score 20. Issues reported by tests in this category:
- Package
alfa, testr66, score 8 (Text contrast less than AAA requires) - Package
axe, testcolor-contrast-enhanced, score 15 (Element has insufficient color contrast (Level AAA))
linkIndication: Score 8. Issues reported by tests in this category:
- Package
testaro, testlinkUl, score 6 (Non-underlined adjacent links)
focusIndication: Score 7. Issues reported by tests in this category:
- Package
testaro, testfocInd, score 5 (Focused element displaying no or nostandard focus indicator)
inconsistentStyles: Score 7. Issues reported by tests in this category:
- Package
testaro, teststyleDiff, score 5 (Heading, link, and button style inconsistencies)
pseudoLinkRisk: Score 7. Issues reported by tests in this category:
- Package
wave, testa:underline, score 1 (CSS underline on text that is not a link) - Package
tenon, test129, score 5 (CSS underline on text that is not a link)
horizontalScrolling: Score 5. Issues reported by tests in this category:
- Package
tenon, test28, score 3 (Layout or sizing of the page causes horizontal scrolling)
zIndexNotZero: Score 4. Issues reported by tests in this category:
- Package
testaro, testzIndex, score 2 (Layering with nondefault z-index values)
accessKeyDuplicate: Score 4. Issues reported by tests in this category:
- Package
wave, testa:accesskey, score 2 (Accesskey)
visibleBulk: Score 3. Issues reported by tests in this category:
- Package
testaro, testbulk, score 1 (Page contains many visible elements)
hoverSurprise: Score 3. Issues reported by tests in this category:
- Package
testaro, testhover, score 1 (Content changes caused by hovering)
hiddenContentRisk: Score 3. Issues reported by tests in this category:
- Package
axe, testhidden-content, score 1 (Some content is hidden and therefore may not be testable for accessibility)
pseudoNavListRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_3_1.H48, score 1 (Navigation links are not coded as a list)
contrastRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_4_3_F24.F24.FGColour, score 1 (Inline foreground color may lack a complementary background color)
pseudoHeadingRisk: Score 3. Issues reported by tests in this category:
- Package
wave, testa:heading_possible, score 1 (Possible heading)
linkPair: Score 3. Issues reported by tests in this category:
- Package
wave, testa:link_redundant, score 1 (Adjacent links go to the same URL)
imageTextRedundant: Score 3. Issues reported by tests in this category:
- Package
tenon, test138, score 1 (Image link alternative text repeats text in the link)
Discussion
Although there are widely accepted accessibility standards, there is no unanimity about how to define, test, and quantify accessibility. The failures reported in this digest merit investigation as potential opportunities for improved accessibility. Investigation may lead you to conclude that some of the reported failures do not actually harm accessibility. Conversely, some substantial accessibility faults can escape detection by any of these tests. You may question the attempt to assign an accessibility score to a web page, or you may prefer weightings and formulas different from those used by sp12b. You can modify and extend Testaro and Testilo to fit other theories and priorities.
Here, in brief, is how sp12a computes a score for a page.
- It finds all the defects and warnings (let’s call them
issues
) recorded in the report. - It classifies them according to type. For example, a link that looks like the text around it is one issue category, while a video that has no captions is another issue category.
- It also classifies the issues according to severity. For example, an issue that prevents a transaction is more severe than an issue that only complicates the transaction, and a warning about a possible issue is less severe than a definite finding of an issue. (Some packages rate the severity of each issue; for the other packages,
sp12aassigns a severity weight to the issue type and uses that weight.) - It assigns quality ratings to particular tests that are judged abnormally reliable or unreliable.
- It assigns a score to each issue reported by each test of each package.
- It aggregates the issue scores, weighting them by severity, test quality, and redundancy. Redundancy occurs, and causes downweighting, when two or more packages contain tests that are designed to discover the same or mostly the same issues. So the score for a category is not simply the sum of the scores of the tests in that category.
- It assigns a score for issues in the page logged by the browser.
- It assigns an estimated score each time the page prevents one of the packages or one of the Testaro tests from being run on the page.
- It adds the scores together to obtain a total score.
The precise rules of sp12b are found in the code itself.
Report
{
"id": "42ubn-axesslab",
"host": {
"id": "axesslab",
"which": "https://axesslab.com/sv/",
"what": "Axess Lab"
},
"log": [
{
"event": "startTime",
"value": "2022-07-09T14:33:36"
},
{
"event": "endTime",
"value": "2022-07-09T14:35:38"
}
],
"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://axesslab.com/sv/",
"what": "Axess Lab"
},
{
"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://axesslab.com/sv/",
"what": "Axess Lab"
},
{
"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://axesslab.com/sv/",
"what": "Axess Lab",
"result": "https://axesslab.com/sv/"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request",
"url": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "motion",
"what": "motion",
"delay": 2500,
"interval": 2500,
"count": 5,
"url": "https://axesslab.com/sv/",
"result": {
"bytes": [
164874,
164874,
164874,
164874,
164874
],
"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://axesslab.com/sv/",
"what": "Axess Lab",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements",
"url": "https://axesslab.com/sv/",
"result": {
"visibleElements": 669
}
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements embedded in links or buttons",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"links": 0,
"buttons": 0,
"inputs": 0,
"selects": 0
},
"items": []
}
},
{
"type": "test",
"which": "focAll",
"what": "focusable and Tab-focused elements",
"url": "https://axesslab.com/sv/",
"result": {
"tabFocusables": 27,
"tabFocused": 27,
"discrepancy": 0
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"total": 27,
"types": {
"indicatorMissing": {
"total": 0,
"tagNames": {}
},
"nonOutlinePresent": {
"total": 5,
"tagNames": {
"A": 5
}
},
"outlinePresent": {
"total": 22,
"meanDelay": 24,
"tagNames": {
"A": 22
}
}
}
},
"items": {
"indicatorMissing": [],
"nonOutlinePresent": [
{
"tagName": "A",
"text": "Top seven free color contrast checkers & analyzers Here are seven great free tools that help you mea"
},
{
"tagName": "A",
"text": "143.75% font size sucks Interacting with our fan base is a fulfilling part of my job. Yesterday I go"
},
{
"tagName": "A",
"text": "Testing is a scary word Can you keep a secret? Here’s why you should keep testing your product with "
},
{
"tagName": "A",
"text": "What’s new in the European EN-standard update from 2.1.2 to 3.2.1? In the EU, the laws on digital ac"
},
{
"tagName": "A",
"text": "The foot-in-door-somersault-strategy. Making accessibility laws your superpower Accessibility is exc"
}
],
"outlinePresent": [
{
"tagName": "A",
"text": "To main content",
"delay": 101
},
{
"tagName": "A",
"text": "Axess Lab",
"delay": 0
},
{
"tagName": "A",
"text": "Produkter",
"delay": 102
},
{
"tagName": "A",
"text": "Artiklar",
"delay": 103
},
{
"tagName": "A",
"text": "Om oss",
"delay": 100
},
{
"tagName": "A",
"text": "Kontakt",
"delay": 101
},
{
"tagName": "A",
"text": "Kontakta oss",
"delay": 0
},
{
"tagName": "A",
"text": "Vad vi erbjuder",
"delay": 0
},
{
"tagName": "A",
"text": "Tillgänglighetstjänster",
"delay": 0
},
{
"tagName": "A",
"text": "UX-design-tjänster",
"delay": 0
},
{
"tagName": "A",
"text": "Utvecklartjänster",
"delay": 0
},
{
"tagName": "A",
"text": "Läs mer om våra erbjudanden",
"delay": 0
},
{
"tagName": "A",
"text": "Alla Artiklar",
"delay": 0
},
{
"tagName": "A",
"text": "hello@axesslab.com",
"delay": 0
},
{
"tagName": "A",
"text": "+46 101 99 41 17",
"delay": 0
},
{
"tagName": "A",
"text": "Twitter",
"delay": 0
},
{
"tagName": "A",
"text": "Facebook",
"delay": 0
},
{
"tagName": "A",
"text": "Instagram",
"delay": 0
},
{
"tagName": "A",
"text": "YouTube",
"delay": 0
},
{
"tagName": "A",
"text": "LinkedIn",
"delay": 0
},
{
"tagName": "A",
"text": "English",
"delay": 0
},
{
"tagName": "A",
"text": "Svenska",
"delay": 0
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"total": 31,
"types": {
"onlyFocusable": {
"total": 0,
"tagNames": {}
},
"onlyOperable": {
"total": 0,
"tagNames": {}
},
"focusableAndOperable": {
"total": 31,
"tagNames": {
"A": 27,
"BUTTON": 4
}
}
}
},
"items": {
"onlyFocusable": [],
"onlyOperable": [],
"focusableAndOperable": [
{
"tagName": "A",
"id": "",
"text": "To main content",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Axess Lab",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Produkter",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Artiklar",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Om oss",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Kontakt",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "Appearance",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "themeSwitch--dark",
"text": "Dark",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "themeSwitch--light",
"text": "Light",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "themeSwitch--system",
"text": "System",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "A",
"id": "",
"text": "Kontakta oss",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Vad vi erbjuder",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Tillgänglighetstjänster",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "UX-design-tjänster",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Utvecklartjänster",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Läs mer om våra erbjudanden",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Top seven free color contrast checkers & analyzers Here are seven great free too",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "143.75% font size sucks Interacting with our fan base is a fulfilling part of my",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Testing is a scary word Can you keep a secret? Here’s why you should keep testin",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "What’s new in the European EN-standard update from 2.1.2 to 3.2.1? In the EU, th",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "The foot-in-door-somersault-strategy. Making accessibility laws your superpower ",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Alla Artiklar",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "hello@axesslab.com",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "+46 101 99 41 17",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Twitter",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Facebook",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Instagram",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "YouTube",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "LinkedIn",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "English",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Svenska",
"byTag": true,
"byOnClick": false,
"byPointer": true
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover-caused content changes",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"triggers": 54,
"headTriggers": 20,
"tailTriggers": 34,
"impactTriggers": 0,
"additions": 0,
"removals": 0,
"opacityChanges": 0,
"opacityImpact": 0,
"unhoverables": 1
},
"items": {
"head": {
"impactTriggers": [],
"unhoverables": [
{
"tagName": "A",
"id": "",
"text": "Tomaincontent"
}
]
},
"tail": {
"impactTriggers": [],
"unhoverables": []
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "labeling inconsistencies",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"mislabeled": 0,
"unlabeled": 0,
"wellLabeled": 4
},
"items": {
"mislabeled": [],
"unlabeled": [],
"wellLabeled": [
{
"index": 0,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "Appearance"
}
},
{
"index": 1,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "Dark"
}
},
{
"index": 2,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "Light"
}
},
{
"index": 3,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "System"
}
}
]
}
}
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "adjacent-link underlining",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"links": 27,
"adjacent": {
"total": 16,
"underlined": 10,
"underlinedPercent": 62
}
},
"items": {
"underlined": [
"To main content",
"Axess Lab",
"Läs mer om våra erbjudanden",
"Top seven free color contrast checkers & analyzers Here are seven great free tools that help you measure color contrasts and create beautiful, accessible color schemes that fulfill the contrast requirements in the Web Content Accessibility Guidelines (WCAG). Läs artikel",
"143.75% font size sucks Interacting with our fan base is a fulfilling part of my job. Yesterday I got a request to write an article on why the font size on this site sucks. So let’s not waste any time and get straight to it! Läs artikel",
"Testing is a scary word Can you keep a secret? Here’s why you should keep testing your product with users, but not say that’s what you’re doing. Basically – how to test with users without anyone knowing! Läs artikel",
"What’s new in the European EN-standard update from 2.1.2 to 3.2.1? In the EU, the laws on digital accessibility for the public sector all point to a standard called EN 301 549. It’s been updated, and here in Europe a lot of people who work with web sites and apps are asking what this means for them. Läs artikel",
"The foot-in-door-somersault-strategy. Making accessibility laws your superpower Accessibility is exciting, user-centered and should make you jump out of bed each workday morning with a proud grin on your face. Accessibility legislation is boring, text-centered and makes you snooze your alarm at least four times before getting up. But let’s see how to use the boring laws to get to do exciting, high impact work! Läs artikel",
"hello@axesslab.com",
"+46 101 99 41 17"
],
"notUnderlined": [
"Kontakta oss",
"Vad vi erbjuder",
"Tillgänglighetstjänster",
"UX-design-tjänster",
"Utvecklartjänster",
"Alla Artiklar"
]
}
}
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation between focusable menu items",
"url": "https://axesslab.com/sv/",
"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://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "fieldset grouping of radio buttons",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"total": 0,
"inSet": 0,
"percent": "N.A."
},
"items": {
"inSet": [],
"notInSet": []
}
}
},
{
"type": "test",
"which": "role",
"what": "roles",
"url": "https://axesslab.com/sv/",
"result": {
"roleElements": 3,
"badRoleElements": 0,
"redundantRoleElements": 0,
"tagNames": {}
}
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style inconsistencies",
"url": "https://axesslab.com/sv/",
"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": 4,
"subtotals": [
3,
1
]
},
"adjacentLink": {
"total": 16,
"subtotals": [
6,
5,
3,
2
]
},
"listLink": {
"total": 11,
"subtotals": [
7,
4
]
},
"h1": {
"total": 6,
"subtotals": [
2,
1,
1,
1,
1
]
},
"h2": {
"total": 10,
"subtotals": [
5,
3,
2
]
}
},
"items": {
"button": {
"borderWidth": {
"1px": [
"Appearance"
],
"2px": [
"Dark",
"Light",
"System"
]
},
"height": {
"100%": [
"Appearance"
],
"auto": [
"Dark",
"Light",
"System"
]
}
},
"adjacentLink": {
"fontWeight": {
"400": [
"To main content",
"Läs mer om våra erbjudanden"
],
"500": [
"Top seven free color contrast checkers & analyzers Here are seven great free tools that help you measure color contrasts and create beautiful, accessible color schemes that fulfill the contrast requirements in the Web Content Accessibility Guidelines (WCAG). Läs artikel",
"143.75% font size sucks Interacting with our fan base is a fulfilling part of my job. Yesterday I got a request to write an article on why the font size on this site sucks. So let’s not waste any time and get straight to it! Läs artikel",
"Testing is a scary word Can you keep a secret? Here’s why you should keep testing your product with users, but not say that’s what you’re doing. Basically – how to test with users without anyone knowing! Läs artikel",
"What’s new in the European EN-standard update from 2.1.2 to 3.2.1? In the EU, the laws on digital accessibility for the public sector all point to a standard called EN 301 549. It’s been updated, and here in Europe a lot of people who work with web sites and apps are asking what this means for them. Läs artikel",
"The foot-in-door-somersault-strategy. Making accessibility laws your superpower Accessibility is exciting, user-centered and should make you jump out of bed each workday morning with a proud grin on your face. Accessibility legislation is boring, text-centered and makes you snooze your alarm at least four times before getting up. But let’s see how to use the boring laws to get to do exciting, high impact work! Läs artikel"
],
"700": [
"Axess Lab",
"Kontakta oss",
"Vad vi erbjuder",
"Tillgänglighetstjänster",
"UX-design-tjänster",
"Utvecklartjänster",
"Alla Artiklar",
"hello@axesslab.com",
"+46 101 99 41 17"
]
},
"textDecorationLine": {
"underline": [
"To main content",
"Axess Lab",
"Läs mer om våra erbjudanden",
"Top seven free color contrast checkers & analyzers Here are seven great free tools that help you measure color contrasts and create beautiful, accessible color schemes that fulfill the contrast requirements in the Web Content Accessibility Guidelines (WCAG). Läs artikel",
"143.75% font size sucks Interacting with our fan base is a fulfilling part of my job. Yesterday I got a request to write an article on why the font size on this site sucks. So let’s not waste any time and get straight to it! Läs artikel",
"Testing is a scary word Can you keep a secret? Here’s why you should keep testing your product with users, but not say that’s what you’re doing. Basically – how to test with users without anyone knowing! Läs artikel",
"What’s new in the European EN-standard update from 2.1.2 to 3.2.1? In the EU, the laws on digital accessibility for the public sector all point to a standard called EN 301 549. It’s been updated, and here in Europe a lot of people who work with web sites and apps are asking what this means for them. Läs artikel",
"The foot-in-door-somersault-strategy. Making accessibility laws your superpower Accessibility is exciting, user-centered and should make you jump out of bed each workday morning with a proud grin on your face. Accessibility legislation is boring, text-centered and makes you snooze your alarm at least four times before getting up. But let’s see how to use the boring laws to get to do exciting, high impact work! Läs artikel",
"hello@axesslab.com",
"+46 101 99 41 17"
],
"none": [
"Kontakta oss",
"Vad vi erbjuder",
"Tillgänglighetstjänster",
"UX-design-tjänster",
"Utvecklartjänster",
"Alla Artiklar"
]
}
},
"listLink": {
"fontWeight": {
"400": [
"Produkter",
"Artiklar",
"Om oss",
"Kontakt"
],
"700": [
"Twitter",
"Facebook",
"Instagram",
"YouTube",
"LinkedIn",
"English",
"Svenska"
]
},
"textDecorationLine": {
"none": [
"Produkter",
"Artiklar",
"Om oss",
"Kontakt"
],
"underline": [
"Twitter",
"Facebook",
"Instagram",
"YouTube",
"LinkedIn",
"English",
"Svenska"
]
},
"color": {
"rgb(0, 0, 0)": [
"Produkter",
"Artiklar",
"Om oss",
"Kontakt"
],
"rgb(255, 255, 255)": [
"Twitter",
"Facebook",
"Instagram",
"YouTube",
"LinkedIn",
"English",
"Svenska"
]
}
},
"h1": {
"fontWeight": {
"300": [
"Vi är experter inom digital tillgänglighet, låt oss jobba tillsammans."
],
"700": [
"Axess Lab",
"Våra konsulttjänster",
"WCAG och användartester",
"Artiklar"
],
"800": [
"Kontakta oss"
]
},
"color": {
"rgb(96, 106, 96)": [
"Axess Lab"
],
"rgb(3, 3, 3)": [
"Vi är experter inom digital tillgänglighet, låt oss jobba tillsammans."
],
"rgb(0, 0, 0)": [
"Våra konsulttjänster",
"WCAG och användartester",
"Artiklar"
],
"rgb(255, 255, 255)": [
"Kontakta oss"
]
},
"fontSize": {
"34.5px": [
"Axess Lab",
"Vi är experter inom digital tillgänglighet, låt oss jobba tillsammans.",
"Våra konsulttjänster",
"WCAG och användartester"
],
"69px": [
"Artiklar"
],
"29.9px": [
"Kontakta oss"
]
}
},
"h2": {
"fontWeight": {
"700": [
"Tillgänglighet",
"UX-design",
"Utveckling",
"Top seven free color contrast checkers & analyzers",
"143.75% font size sucks",
"Testing is a scary word",
"What’s new in the European EN-standard update from 2.1.2 to 3.2.1?",
"The foot-in-door-somersault-strategy. Making accessibility laws your superpower"
],
"800": [
"Sociala medier",
"Språk"
]
},
"color": {
"rgb(0, 0, 0)": [
"Tillgänglighet",
"UX-design",
"Utveckling"
],
"rgb(84, 93, 84)": [
"Top seven free color contrast checkers & analyzers",
"143.75% font size sucks",
"Testing is a scary word",
"What’s new in the European EN-standard update from 2.1.2 to 3.2.1?",
"The foot-in-door-somersault-strategy. Making accessibility laws your superpower"
],
"rgb(255, 255, 255)": [
"Sociala medier",
"Språk"
]
},
"fontSize": {
"51.75px": [
"Tillgänglighet",
"UX-design",
"Utveckling"
],
"39.79px": [
"Top seven free color contrast checkers & analyzers",
"143.75% font size sucks",
"Testing is a scary word",
"What’s new in the European EN-standard update from 2.1.2 to 3.2.1?",
"The foot-in-door-somersault-strategy. Making accessibility laws your superpower"
],
"29.9px": [
"Sociala medier",
"Språk"
]
}
}
}
}
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation between tab elements",
"url": "https://axesslab.com/sv/",
"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://axesslab.com/sv/",
"result": {
"totals": {
"total": 7,
"tagNames": {
"A": 2,
"BUTTON": 1,
"DIV": 1,
"SECTION": 2,
"FOOTER": 1
}
},
"items": [
{
"tagName": "A",
"id": "",
"text": "To main content"
},
{
"tagName": "A",
"id": "",
"text": "Axess Lab"
},
{
"tagName": "BUTTON",
"id": "",
"text": "Appearance"
},
{
"tagName": "DIV",
"id": "options",
"text": "Dark Light System"
},
{
"tagName": "SECTION",
"id": "",
"text": "Våra konsulttjänsterTillgänglighet FöreläsningarWorkshopsAnvändartestTillgänglighetsredogörelseWCAG"
},
{
"tagName": "SECTION",
"id": "",
"text": "WCAG och användartesterFör att personer med funktionsnedsättning ska kunna använda dina webbplatser "
},
{
"tagName": "FOOTER",
"id": "",
"text": "Kontakta oss hello@axesslab.com+46 101 99 41 17Axess Lab Vasagatan 28 111 20 Stockholm, Sweden Socia"
}
]
}
},
{
"type": "test",
"which": "alfa",
"what": "alfa",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"failures": 8,
"warnings": 0
},
"items": [
{
"index": 1261,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/div[1]/div[1]/div[1]/address[1]/p[3]/span[1]/text()[1]",
"codeLines": [
"Axess Lab"
]
}
},
{
"index": 1262,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/div[1]/div[1]/div[1]/address[1]/p[3]/text()[2]",
"codeLines": [
"Vasagatan 28"
]
}
},
{
"index": 1263,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[1]/div[1]/div[1]/div[1]/address[1]/p[3]/text()[3]",
"codeLines": [
"111 20 Stockholm, Sweden"
]
}
},
{
"index": 1266,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[2]/p[1]/span[1]/text()[1]",
"codeLines": [
"© 2022"
]
}
},
{
"index": 1267,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[2]/p[1]/span[1]/span[1]/text()[1]",
"codeLines": [
"Axess Lab"
]
}
},
{
"index": 1268,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[2]/p[2]/span[1]/text()[1]",
"codeLines": [
"Alla"
]
}
},
{
"index": 1269,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[2]/p[2]/span[1]/strong[1]/text()[1]",
"codeLines": [
"mänskliga"
]
}
},
{
"index": 1270,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/footer[1]/div[1]/div[2]/p[2]/span[1]/text()[2]",
"codeLines": [
"rättigheter bevarade."
]
}
}
]
}
},
{
"type": "test",
"which": "axe",
"detailLevel": 2,
"rules": [],
"what": "Axe",
"url": "https://axesslab.com/sv/",
"result": {
"totals": {
"rulesNA": 56,
"rulesPassed": 40,
"rulesWarned": 3,
"rulesViolated": 1,
"warnings": {
"minor": 2,
"moderate": 0,
"serious": 92,
"critical": 0
},
"violations": {
"minor": 0,
"moderate": 0,
"serious": 5,
"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:35:04.531Z",
"url": "https://axesslab.com/sv/",
"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": "25.9pt (34.5px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1 class=\"ui--text--center\">Våra konsulttjänster</h1>",
"target": [
".size--1\\/1.site--max-width--page.size--1\\/1\\@M > .ui--text--center"
],
"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": "38.8pt (51.75px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Tillgänglighet</h2>",
"target": [
".box:nth-child(1) > div:nth-child(1) > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Föreläsningar</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(1)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Workshops</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(2)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Användartest</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(3)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Tillgänglighetsredogörelse</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(4)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li><abbr title=\"Web Content Accessibility Guidelines\">WCAG</abbr>-granskning</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(5)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<abbr title=\"Web Content Accessibility Guidelines\">WCAG</abbr>",
"target": [
"abbr"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"ui--button ui--button--primary box-cta\" href=\"https://axesslab.com/sv/produkter/\">Tillgänglighetstjänster</a>",
"target": [
".box:nth-child(1) > div:nth-child(2) > .box-cta.ui--button--primary.ui--button"
],
"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": "38.8pt (51.75px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>UX-design</h2>",
"target": [
".site--services.switcher.switcher-boxes > div > .box:nth-child(2) > div:nth-child(1) > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Research</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(1)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Koncept</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(2)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Användartest</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(3)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Workshops</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(4)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Wireframing</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(5)"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"ui--button ui--button--primary box-cta\" href=\"https://axesslab.com/sv/ux-design-2/\">UX-design-tjänster</a>",
"target": [
".box:nth-child(2) > div:nth-child(2) > .box-cta.ui--button--primary.ui--button"
],
"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": "38.8pt (51.75px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Utveckling</h2>",
"target": [
".site--services.switcher.switcher-boxes > div > .box:nth-child(3) > div:nth-child(1) > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Front-end</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(1)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Back-end</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(2)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Projektledning</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(3)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>React</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(4)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Angular</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(5)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Ren vanilla JS</li>",
"target": [
"li:nth-child(6)"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"ui--button ui--button--primary box-cta\" href=\"https://axesslab.com/sv/utveckling-och-projektledning/\">Utvecklartjänster</a>",
"target": [
".box:nth-child(3) > div:nth-child(2) > .box-cta.ui--button--primary.ui--button"
],
"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": "25.9pt (34.5px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-special --right edge--top\">",
"target": [
".site-special"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1 class=\"\">WCAG och användartester</h1>",
"target": [
".site--special > div > div:nth-child(1) > 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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-special --right edge--top\">",
"target": [
".site-special"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>För att personer med funktionsnedsättning ska kunna använda dina webbplatser och appar måste de följa kraven i WCAG. Vi hjälper dig gärna testa tillgängligheten och säkra att alla krav är uppfyllda, så att alla kan använda dina fantastiska produkter!</p>",
"target": [
".site--special > div > div:nth-child(1) > p:nth-child(2)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-special --right edge--top\">",
"target": [
".site-special"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Vi har även lång erfarenhet av användartester och vi specialiserar oss på mångfald. Det betyder att vi även testar med användare med olika funktionsnedsättningar för att se till att dina produkter fungerar för alla! Nu gör vi även distans-tester via Zoom!</p>",
"target": [
"div:nth-child(1) > p:nth-child(3)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-special --right edge--top\">",
"target": [
".site-special"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://axesslab.com/sv/produkter/\">Läs mer om våra erbjudanden</a>",
"target": [
"p:nth-child(4) > a"
],
"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": "22.4pt (29.9px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1>Kontakta oss</h1>",
"target": [
".box:nth-child(1) > div > 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": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a dir=\"ltr\" href=\"mailto:hello@axesslab.com\">hello@axesslab.com</a>",
"target": [
"a[href$=\"mailto:hello@axesslab.com\"]"
],
"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": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a dir=\"ltr\" href=\"tel:+46101994117\">+46 101 99 41 17</a>",
"target": [
"a[href=\"tel:+46101994117\"]"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p><span>Axess Lab</span> <br>Vasagatan 28 <br>111 20 Stockholm, Sweden</p>",
"target": [
"address > p:nth-child(3)"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Axess Lab</span>",
"target": [
"p:nth-child(3) > span"
],
"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": "22.4pt (29.9px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Sociala medier</h2>",
"target": [
".site--footer > div > .box:nth-child(2) > div > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://twitter.com/AxessLab\" rel=\"me\">Twitter</a>",
"target": [
"li:nth-child(1) > .notranslate[href$=\"AxessLab\"][rel=\"me\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://www.facebook.com/AxessLabs/\" rel=\"me\">Facebook</a>",
"target": [
"li:nth-child(2) > .notranslate[rel=\"me\"][dir=\"ltr\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://instagram.com/AxessLab\" rel=\"me\">Instagram</a>",
"target": [
"li:nth-child(3) > .notranslate[href$=\"AxessLab\"][rel=\"me\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://www.youtube.com/channel/UCGb98oaY3-3Eo6Hk5AVxdTg\" rel=\"me\">YouTube</a>",
"target": [
"li:nth-child(4) > .notranslate[rel=\"me\"][dir=\"ltr\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://www.linkedin.com/company/axesslab\" rel=\"me\">LinkedIn</a>",
"target": [
"li:nth-child(5) > .notranslate[rel=\"me\"][dir=\"ltr\"]"
],
"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": "22.4pt (29.9px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Språk</h2>",
"target": [
".site--footer > div > .box:nth-child(3) > div > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a lang=\"en-US\" hreflang=\"en-US\" href=\"https://axesslab.com/\">English</a>",
"target": [
"a[lang=\"en-US\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a lang=\"sv-SE\" hreflang=\"sv-SE\" href=\"https://axesslab.com/sv/\">Svenska</a>",
"target": [
"a[lang=\"sv-SE\"]"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>© 2022 <span class=\"notranslate\">Axess Lab</span></span>",
"target": [
"p:nth-child(1) > span"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"notranslate\">Axess Lab</span>",
"target": [
"span > .notranslate"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Alla <strong>mänskliga</strong> rättigheter bevarade.</span>",
"target": [
"p:nth-child(2) > span"
],
"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": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<strong>mänskliga</strong>",
"target": [
"p:nth-child(2) > span > strong"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
}
]
},
{
"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": "25.9pt (34.5px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1 class=\"ui--text--center\">Våra konsulttjänster</h1>",
"target": [
".size--1\\/1.site--max-width--page.size--1\\/1\\@M > .ui--text--center"
],
"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": "38.8pt (51.75px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Tillgänglighet</h2>",
"target": [
".box:nth-child(1) > div:nth-child(1) > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Föreläsningar</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(1)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Workshops</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(2)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Användartest</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(3)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Tillgänglighetsredogörelse</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(4)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li><abbr title=\"Web Content Accessibility Guidelines\">WCAG</abbr>-granskning</li>",
"target": [
".box:nth-child(1) > div:nth-child(1) > .box__list > ul > li:nth-child(5)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<abbr title=\"Web Content Accessibility Guidelines\">WCAG</abbr>",
"target": [
"abbr"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"ui--button ui--button--primary box-cta\" href=\"https://axesslab.com/sv/produkter/\">Tillgänglighetstjänster</a>",
"target": [
".box:nth-child(1) > div:nth-child(2) > .box-cta.ui--button--primary.ui--button"
],
"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": "38.8pt (51.75px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>UX-design</h2>",
"target": [
".site--services.switcher.switcher-boxes > div > .box:nth-child(2) > div:nth-child(1) > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Research</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(1)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Koncept</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(2)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Användartest</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(3)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Workshops</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(4)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Wireframing</li>",
"target": [
".box:nth-child(2) > div:nth-child(1) > .box__list > ul > li:nth-child(5)"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"ui--button ui--button--primary box-cta\" href=\"https://axesslab.com/sv/ux-design-2/\">UX-design-tjänster</a>",
"target": [
".box:nth-child(2) > div:nth-child(2) > .box-cta.ui--button--primary.ui--button"
],
"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": "38.8pt (51.75px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Utveckling</h2>",
"target": [
".site--services.switcher.switcher-boxes > div > .box:nth-child(3) > div:nth-child(1) > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Front-end</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(1)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Back-end</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(2)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Projektledning</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(3)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>React</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(4)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Angular</li>",
"target": [
".box:nth-child(3) > div:nth-child(1) > .box__list > ul > li:nth-child(5)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li>Ren vanilla JS</li>",
"target": [
"li:nth-child(6)"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-info site-info--contact edge--top--reverse\">",
"target": [
".site-info--contact"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"ui--button ui--button--primary box-cta\" href=\"https://axesslab.com/sv/utveckling-och-projektledning/\">Utvecklartjänster</a>",
"target": [
".box:nth-child(3) > div:nth-child(2) > .box-cta.ui--button--primary.ui--button"
],
"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": "25.9pt (34.5px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-special --right edge--top\">",
"target": [
".site-special"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1 class=\"\">WCAG och användartester</h1>",
"target": [
".site--special > div > div:nth-child(1) > 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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-special --right edge--top\">",
"target": [
".site-special"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>För att personer med funktionsnedsättning ska kunna använda dina webbplatser och appar måste de följa kraven i WCAG. Vi hjälper dig gärna testa tillgängligheten och säkra att alla krav är uppfyllda, så att alla kan använda dina fantastiska produkter!</p>",
"target": [
".site--special > div > div:nth-child(1) > p:nth-child(2)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-special --right edge--top\">",
"target": [
".site-special"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Vi har även lång erfarenhet av användartester och vi specialiserar oss på mångfald. Det betyder att vi även testar med användare med olika funktionsnedsättningar för att se till att dina produkter fungerar för alla! Nu gör vi även distans-tester via Zoom!</p>",
"target": [
"div:nth-child(1) > p:nth-child(3)"
],
"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": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"area site-special --right edge--top\">",
"target": [
".site-special"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://axesslab.com/sv/produkter/\">Läs mer om våra erbjudanden</a>",
"target": [
"p:nth-child(4) > a"
],
"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": "22.4pt (29.9px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1>Kontakta oss</h1>",
"target": [
".box:nth-child(1) > div > 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": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a dir=\"ltr\" href=\"mailto:hello@axesslab.com\">hello@axesslab.com</a>",
"target": [
"a[href$=\"mailto:hello@axesslab.com\"]"
],
"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": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a dir=\"ltr\" href=\"tel:+46101994117\">+46 101 99 41 17</a>",
"target": [
"a[href=\"tel:+46101994117\"]"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p><span>Axess Lab</span> <br>Vasagatan 28 <br>111 20 Stockholm, Sweden</p>",
"target": [
"address > p:nth-child(3)"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Axess Lab</span>",
"target": [
"p:nth-child(3) > span"
],
"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": "22.4pt (29.9px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Sociala medier</h2>",
"target": [
".site--footer > div > .box:nth-child(2) > div > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://twitter.com/AxessLab\" rel=\"me\">Twitter</a>",
"target": [
"li:nth-child(1) > .notranslate[href$=\"AxessLab\"][rel=\"me\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://www.facebook.com/AxessLabs/\" rel=\"me\">Facebook</a>",
"target": [
"li:nth-child(2) > .notranslate[rel=\"me\"][dir=\"ltr\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://instagram.com/AxessLab\" rel=\"me\">Instagram</a>",
"target": [
"li:nth-child(3) > .notranslate[href$=\"AxessLab\"][rel=\"me\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://www.youtube.com/channel/UCGb98oaY3-3Eo6Hk5AVxdTg\" rel=\"me\">YouTube</a>",
"target": [
"li:nth-child(4) > .notranslate[rel=\"me\"][dir=\"ltr\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"notranslate\" dir=\"ltr\" lang=\"en\" href=\"https://www.linkedin.com/company/axesslab\" rel=\"me\">LinkedIn</a>",
"target": [
"li:nth-child(5) > .notranslate[rel=\"me\"][dir=\"ltr\"]"
],
"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": "22.4pt (29.9px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h2>Språk</h2>",
"target": [
".site--footer > div > .box:nth-child(3) > div > h2"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a lang=\"en-US\" hreflang=\"en-US\" href=\"https://axesslab.com/\">English</a>",
"target": [
"a[lang=\"en-US\"]"
],
"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": "17.3pt (23px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "3:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a lang=\"sv-SE\" hreflang=\"sv-SE\" href=\"https://axesslab.com/sv/\">Svenska</a>",
"target": [
"a[lang=\"sv-SE\"]"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>© 2022 <span class=\"notranslate\">Axess Lab</span></span>",
"target": [
"p:nth-child(1) > span"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"notranslate\">Axess Lab</span>",
"target": [
"span > .notranslate"
],
"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": "13.2pt (17.6px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Alla <strong>mänskliga</strong> rättigheter bevarade.</span>",
"target": [
"p:nth-child(2) > span"
],
"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": "13.2pt (17.6px)",
"fontWeight": "bold",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<footer class=\"area edge--top--reverse site-footer\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<strong>mänskliga</strong>",
"target": [
"p:nth-child(2) > span > strong"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
}
]
},
{
"id": "hidden-content",
"impact": "minor",
"tags": [
"cat.structure",
"experimental",
"review-item",
"best-practice"
],
"description": "Informs users about hidden content.",
"help": "Hidden content on the page should be analyzed",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/hidden-content?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"site-options\">",
"target": [
".site-options"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div id=\"options\" class=\"toggle-content\">",
"target": [
"#options"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
]
}
],
"violations": [
{
"id": "color-contrast-enhanced",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aaa",
"wcag146"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AAA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast-enhanced?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#545d54",
"bgColor": "#ffffff",
"contrastRatio": 6.83,
"fontSize": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"media__content [ size--4/5 size--4/5@L size--1/1@M ]\">",
"target": [
"#post-135 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"target": [
"#post-135 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L > .ui--link[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#545d54",
"bgColor": "#ffffff",
"contrastRatio": 6.83,
"fontSize": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"media__content [ size--4/5 size--4/5@L size--1/1@M ]\">",
"target": [
"#post-3343 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"target": [
"#post-3343 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L > .ui--link[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#545d54",
"bgColor": "#ffffff",
"contrastRatio": 6.83,
"fontSize": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"media__content [ size--4/5 size--4/5@L size--1/1@M ]\">",
"target": [
"#post-3297 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"target": [
"#post-3297 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L > .ui--link[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#545d54",
"bgColor": "#ffffff",
"contrastRatio": 6.83,
"fontSize": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"media__content [ size--4/5 size--4/5@L size--1/1@M ]\">",
"target": [
"#post-3262 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"target": [
"#post-3262 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L > .ui--link[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#545d54",
"bgColor": "#ffffff",
"contrastRatio": 6.83,
"fontSize": "17.3pt (23px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<div class=\"media__content [ size--4/5 size--4/5@L size--1/1@M ]\">",
"target": [
"#post-3135 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"target": [
"#post-3135 > .media__block-link[lang=\"en\"] > .media__content.size--4\\/5.size--4\\/5\\@L > .ui--link[aria-hidden=\"true\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 6.83 (foreground color: #545d54, background color: #ffffff, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 7:1"
}
]
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer WCAG 2.1 AA ruleset",
"url": "https://axesslab.com/sv/",
"result": {
"Error": {},
"Warning": {
"AA.1_3_1.H48": {
"If this element contains a navigation section, it is recommended that it be marked up as a list.": [
{
"tagName": "div",
"id": "",
"code": "<div class=\"start-cta\">...</div>"
}
]
},
"AA.1_4_3_F24.F24.FGColour": {
"Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.": [
{
"tagName": "link",
"id": "",
"code": "<link rel=\"mask-icon\" href=\"https://axesslab.com/safari-pinned-tab.svg\" color=\"#00855d\">"
}
]
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker",
"url": "https://axesslab.com/sv/",
"result": {
"content": {
"totals": {
"violation": 1,
"recommendation": 1,
"ignored": 0
},
"items": [
{
"ruleId": "Rpt_Aria_OrphanedContent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/div[1]/a[1]",
"aria": "/document[1]/link[1]"
},
"message": "Content is not within a landmark element",
"bounds": {
"left": 0,
"top": -600,
"height": 76,
"width": 800
},
"snippet": "<a href=\"#main-content\" accesskey=\"2\" class=\"site-skip\">",
"level": "violation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/head[1]/link[4]",
"aria": "/document[1]"
},
"message": "The HTML attribute(s) \"color\" is deprecated in HTML 5",
"bounds": {
"left": 0,
"top": 0,
"height": 0,
"width": 0
},
"snippet": "<link color=\"#00855d\" href=\"https://axesslab.com/safari-pinned-tab.svg\" rel=\"mask-icon\">",
"level": "recommendation"
}
]
},
"url": {
"prevented": true,
"error": "ERROR: getting ibm test report took too long"
},
"prevented": true
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE",
"url": "https://axesslab.com/sv/",
"result": {
"status": {
"success": true,
"httpstatuscode": 200
},
"statistics": {
"pagetitle": "Axess Lab | Digital accessibility consultants, reviews and development",
"pageurl": "https://axesslab.com/sv/",
"time": 2.83,
"creditsremaining": 264,
"allitemcount": 76,
"totalelements": 739,
"waveurl": "http://wave.webaim.org/report?url=https://axesslab.com/sv/"
},
"categories": {
"error": {
"description": "Errors",
"count": 0,
"items": []
},
"contrast": {
"description": "Contrast Errors",
"count": 0,
"items": []
},
"alert": {
"description": "Alerts",
"count": 10,
"items": {
"heading_possible": {
"id": "heading_possible",
"description": "Possible heading",
"count": 2,
"selectors": [
"HTML > HEAD:first-child + BODY > DIV#page-wrap > MAIN#main-content > SECTION:first-child + SECTION + SECTION > DIV:first-child > DIV:first-child > DIV:first-child > DIV:first-child > H1:first-child + P + P + P",
"HTML > HEAD:first-child + BODY > DIV#page-wrap > MAIN#main-content > SECTION:first-child + SECTION + SECTION + SECTION > DIV:first-child > DIV:first-child > DIV:first-child > DIV#post-3297 > A:first-child > DIV:first-child + DIV + DIV > P#testing-is-a-scary-word-excerpt"
],
"wcag": [
{
"name": "1.3.1 Info and Relationships (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.3.1"
},
{
"name": "2.4.1 Bypass Blocks (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc2.4.1"
},
{
"name": "2.4.6 Headings and Labels (Level AA)",
"link": "https://webaim.org/standards/wcag/checklist#sc2.4.6"
}
]
},
"link_redundant": {
"id": "link_redundant",
"description": "Redundant link",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > DIV#page-wrap > MAIN#main-content > SECTION:first-child + SECTION > DIV:first-child > DIV:first-child > H1:first-child + DIV > DIV:first-child > DIV:first-child > DIV:first-child + DIV > A:first-child"
],
"wcag": [
{
"name": "2.4.4 Link Purpose (In Context) (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc2.4.4"
}
]
},
"accesskey": {
"id": "accesskey",
"description": "Accesskey",
"count": 2,
"selectors": [
"HTML > HEAD:first-child + BODY > DIV#page-wrap > A:first-child",
"HTML > HEAD:first-child + BODY > DIV#page-wrap > A:first-child + NAV > DIV:first-child > DIV:first-child > DIV#publisher > H1:first-child > A:first-child"
],
"wcag": [
{
"name": "2.4.1 Bypass Blocks (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc2.4.1"
}
]
},
"underline": {
"id": "underline",
"description": "Underlined text",
"count": 5,
"selectors": [
"HTML > HEAD:first-child + BODY > DIV#page-wrap > MAIN#main-content > SECTION:first-child + SECTION + SECTION + SECTION > DIV:first-child > DIV:first-child > DIV:first-child > DIV#post-135 > A:first-child > DIV:first-child + DIV + DIV > P:first-child + SPAN",
"HTML > HEAD:first-child + BODY > DIV#page-wrap > MAIN#main-content > SECTION:first-child + SECTION + SECTION + SECTION > DIV:first-child > DIV:first-child > DIV:first-child > DIV#post-3343 > A:first-child > DIV:first-child + DIV + DIV > P:first-child + SPAN",
"HTML > HEAD:first-child + BODY > DIV#page-wrap > MAIN#main-content > SECTION:first-child + SECTION + SECTION + SECTION > DIV:first-child > DIV:first-child > DIV:first-child > DIV#post-3297 > A:first-child > DIV:first-child + DIV + DIV > P:first-child + P + SPAN",
"HTML > HEAD:first-child + BODY > DIV#page-wrap > MAIN#main-content > SECTION:first-child + SECTION + SECTION + SECTION > DIV:first-child > DIV:first-child > DIV:first-child > DIV#post-3262 > A:first-child > DIV:first-child + DIV + DIV > P:first-child + SPAN",
"HTML > HEAD:first-child + BODY > DIV#page-wrap > MAIN#main-content > SECTION:first-child + SECTION + SECTION + SECTION > DIV:first-child > DIV:first-child > DIV:first-child > DIV#post-3135 > A:first-child > DIV:first-child + DIV + DIV > P:first-child + SPAN"
],
"wcag": []
}
}
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://axesslab.com/sv/",
"what": "URL",
"result": "https://axesslab.com/sv/"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon",
"url": "https://axesslab.com/sv/",
"result": {
"status": 200,
"message": "OK",
"code": "success",
"info": "Success",
"moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success",
"responseExecTime": "0.086",
"responseTime": "2022-07-09T14:35:38.625Z",
"data": {
"apiErrors": [],
"documentSize": 1150969,
"metadata": null,
"resultSummary": {
"tests": {
"total": 180,
"passing": 177,
"failing": 3
},
"issues": {
"totalErrors": 8,
"totalWarnings": 0,
"totalIssues": 8
},
"issuesByLevel": {
"A": {
"count": 7,
"pct": 87.5
},
"AA": {
"count": 6,
"pct": 75
},
"AAA": {
"count": 8,
"pct": 100
}
},
"density": {
"errorDensity": 1,
"warningDensity": 0,
"allDensity": 1
}
},
"projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490",
"responseID": "160a0e38-656c-4d65-ad4a-3c1826c88b2a",
"docID": "59bbad58-b197-4fb2-a658-699f39b19d21",
"sourceHash": "2fd2acb797ab5e1c772a53b30d754a2d",
"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=160a0e38-656c-4d65-ad4a-3c1826c88b2a",
"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": 8533.36
},
"height": 8533.36,
"width": 1024
},
"position": {
"line": 3736,
"column": 60
},
"errorSnippet": "<body data-style=\"old\" data-options=\"false\" class=\"home blog\"><div class=\"\" id=\"page-wrap\"> <a class=\"site-skip\" accesskey=\"2\" href=\"#main-content\">To main content</a><nav class=\"area site-top\"><div class=\"grid site--max-",
"xpath": "/html/body",
"issueID": "a69629f6855e5f1507cca9a89f4dc812",
"signature": "302ce4b0e51930b0e29ac551f38950a5",
"ref": "https://tenon.io/bestpractice.php?bpID=3&tID=28&issueID=a69629f6855e5f1507cca9a89f4dc812"
},
{
"tID": 129,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "CSS underline on text has been detected that is not a link.",
"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": "The text in this passage has been styled to display underlined but it is not a link. Underlined text on the web or on apps is universally accepted as signifying that the relevant text is a link. Applying underline to text that is not a link is likely to confuse many users, and especially people with cognitive impairments, learning disabilities or dyslexia. Remove the underlining from this passage of text.",
"viewPortLocation": {
"top-left": {
"x": 332.5625,
"y": 602.96875
},
"bottom-right": {
"x": 387.5625,
"y": 628.96875
},
"height": 26,
"width": 55
},
"position": {
"line": 9405,
"column": 115159
},
"errorSnippet": "<abbr title=\"Web Content Accessibility Guidelines\">WCAG</abbr>",
"xpath": "/html/body/div[1]/main[1]/section[2]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[2]/ul[1]/li[5]/abbr[1]",
"issueID": "348db8d5f65582f524ecc7bce924a9d5",
"signature": "fe95356fde9ddee59b232f83276e5d0f",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=129&issueID=348db8d5f65582f524ecc7bce924a9d5"
},
{
"tID": 129,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "CSS underline on text has been detected that is not a link.",
"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": "The text in this passage has been styled to display underlined but it is not a link. Underlined text on the web or on apps is universally accepted as signifying that the relevant text is a link. Applying underline to text that is not a link is likely to confuse many users, and especially people with cognitive impairments, learning disabilities or dyslexia. Remove the underlining from this passage of text.",
"viewPortLocation": {
"top-left": {
"x": 228.8125,
"y": 538
},
"bottom-right": {
"x": 408.2505,
"y": 572
},
"height": 34,
"width": 179.438
},
"position": {
"line": 9405,
"column": 0
},
"errorSnippet": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"xpath": "/html/body/div[1]/main[1]/section[4]/div[1]/div[1]/div[1]/div[2]/a[1]/div[3]/span[1]",
"issueID": "be3bc6fc2485243bf19b4495857c4a9a",
"signature": "7a08eb0f65051766c6718fd3944d2baf",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=129&issueID=be3bc6fc2485243bf19b4495857c4a9a"
},
{
"tID": 129,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "CSS underline on text has been detected that is not a link.",
"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": "The text in this passage has been styled to display underlined but it is not a link. Underlined text on the web or on apps is universally accepted as signifying that the relevant text is a link. Applying underline to text that is not a link is likely to confuse many users, and especially people with cognitive impairments, learning disabilities or dyslexia. Remove the underlining from this passage of text.",
"viewPortLocation": {
"top-left": {
"x": 228.8125,
"y": 946
},
"bottom-right": {
"x": 408.2505,
"y": 980
},
"height": 34,
"width": 179.438
},
"position": {
"line": 9405,
"column": 0
},
"errorSnippet": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"xpath": "/html/body/div[1]/main[1]/section[4]/div[1]/div[1]/div[1]/div[3]/a[1]/div[3]/span[1]",
"issueID": "e6afba67d1b20f5ff3004989f847aaa2",
"signature": "859e6709100d22568bb884d49dec340f",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=129&issueID=e6afba67d1b20f5ff3004989f847aaa2"
},
{
"tID": 129,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "CSS underline on text has been detected that is not a link.",
"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": "The text in this passage has been styled to display underlined but it is not a link. Underlined text on the web or on apps is universally accepted as signifying that the relevant text is a link. Applying underline to text that is not a link is likely to confuse many users, and especially people with cognitive impairments, learning disabilities or dyslexia. Remove the underlining from this passage of text.",
"viewPortLocation": {
"top-left": {
"x": 228.8125,
"y": 1388.5
},
"bottom-right": {
"x": 408.2505,
"y": 1422.5
},
"height": 34,
"width": 179.438
},
"position": {
"line": 9405,
"column": 0
},
"errorSnippet": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"xpath": "/html/body/div[1]/main[1]/section[4]/div[1]/div[1]/div[1]/div[4]/a[1]/div[3]/span[1]",
"issueID": "6c8d7770e5151a527bbb066c19568410",
"signature": "beed35aa0be63cab8c7eed6896073f1f",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=129&issueID=6c8d7770e5151a527bbb066c19568410"
},
{
"tID": 129,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "CSS underline on text has been detected that is not a link.",
"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": "The text in this passage has been styled to display underlined but it is not a link. Underlined text on the web or on apps is universally accepted as signifying that the relevant text is a link. Applying underline to text that is not a link is likely to confuse many users, and especially people with cognitive impairments, learning disabilities or dyslexia. Remove the underlining from this passage of text.",
"viewPortLocation": {
"top-left": {
"x": 228.8125,
"y": 1924.5
},
"bottom-right": {
"x": 408.2505,
"y": 1958.5
},
"height": 34,
"width": 179.438
},
"position": {
"line": 9405,
"column": 0
},
"errorSnippet": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"xpath": "/html/body/div[1]/main[1]/section[4]/div[1]/div[1]/div[1]/div[5]/a[1]/div[3]/span[1]",
"issueID": "3d48301b093d793faf7541bac9e21ade",
"signature": "679f9faede77ca04d37a71e5dad3efbb",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=129&issueID=3d48301b093d793faf7541bac9e21ade"
},
{
"tID": 129,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "CSS underline on text has been detected that is not a link.",
"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": "The text in this passage has been styled to display underlined but it is not a link. Underlined text on the web or on apps is universally accepted as signifying that the relevant text is a link. Applying underline to text that is not a link is likely to confuse many users, and especially people with cognitive impairments, learning disabilities or dyslexia. Remove the underlining from this passage of text.",
"viewPortLocation": {
"top-left": {
"x": 228.8125,
"y": 2575.5
},
"bottom-right": {
"x": 408.2505,
"y": 2609.5
},
"height": 34,
"width": 179.438
},
"position": {
"line": 9405,
"column": 0
},
"errorSnippet": "<span class=\"ui--link\" aria-hidden=\"true\">Läs artikel</span>",
"xpath": "/html/body/div[1]/main[1]/section[4]/div[1]/div[1]/div[1]/div[6]/a[1]/div[3]/span[1]",
"issueID": "138ab930e3def1e50a33a5bf89c383b7",
"signature": "a936b543502876f320a9d97762a890dc",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=129&issueID=138ab930e3def1e50a33a5bf89c383b7"
},
{
"tID": 138,
"bpID": 106,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 100,
"errorTitle": "Image link alternative text repeats text in the link.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 2.4.4 Link Purpose (In Context)",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.9 Link Purpose (Link Only)"
],
"resultTitle": "Make sure that link text (and the alternate text for any images that are used as links) describes the destination or purpose of the link.",
"errorDescription": "The `alt` attribute value for this image is identical to the other text within the link. Users of assistive technology may hear the same text twice, which can be confusing or inconvenient. To reduce duplicate announcements, remove the text value of the `alt` attribute, providing a blank value (`alt=\"\"`). Note that this is a special case where the alternative text is provided through other means than the `alt` attribute.",
"viewPortLocation": {
"top-left": {
"x": 20,
"y": 20
},
"bottom-right": {
"x": 279.812,
"y": 73.9688
},
"height": 53.9688,
"width": 259.812
},
"position": {
"line": 1700,
"column": 0
},
"errorSnippet": "<a accesskey=\"1\" rel=\"home\" href=\"https://axesslab.com/sv/\"> <span class=\"svg-container svg-container--logo--old\"> <svg focusable=\"false\" preserveAspectRatio=\"xMinYMin meet\" class=\"svg-content\" role=\"img\" aria-label=\"Axess Lab\" viewBox=\"-5",
"xpath": "/html/body/div[1]/nav[1]/div[1]/div[1]/div[1]/h1[1]/a[1]",
"issueID": "52fbd2efaf3adadeaec8d0d0d7b6c6fd",
"signature": "5b4a993537e721173fe381ee1f19d2cd",
"ref": "https://tenon.io/bestpractice.php?bpID=106&tID=138&issueID=52fbd2efaf3adadeaec8d0d0d7b6c6fd"
}
],
"log": []
}
}
}
],
"timeStamp": "42ubn",
"startTime": "2022-07-09T14:33:36",
"presses": 0,
"amountRead": 0,
"testTimes": [
[
"hover",
50
],
[
"ibm",
23
],
[
"motion",
13
],
[
"alfa",
4
],
[
"wave",
3
],
[
"focInd",
2
],
[
"focAll",
1
],
[
"axe",
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
],
[
"tenon",
0
]
],
"logCount": 2,
"logSize": 113,
"errorLogCount": 1,
"errorLogSize": 63,
"prohibitedCount": 0,
"visitTimeoutCount": 0,
"visitRejectionCount": 0,
"endTime": "2022-07-09T14:35:38",
"elapsedSeconds": 122,
"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": {
"bulk": 1,
"focInd": 5,
"hover": 1,
"linkUl": 12,
"styleDiff": 21,
"zIndex": 7
},
"alfa": {
"r66": 32
},
"axe": {
"color-contrast-enhanced": 61,
"color-contrast": 46,
"hidden-content": 0
},
"htmlcs": {
"w:AA.1_3_1.H48": 1,
"w:AA.1_4_3_F24.F24.FGColour": 1
},
"wave": {
"a:heading_possible": 2,
"a:link_redundant": 1,
"a:accesskey": 2,
"a:underline": 5
},
"tenon": {
"28": 4,
"129": 18,
"138": 4
}
},
"groupDetails": {
"groups": {
"visibleBulk": {
"testaro": {
"bulk": {
"score": 1,
"what": "Page contains many visible elements"
}
}
},
"focusIndication": {
"testaro": {
"focInd": {
"score": 5,
"what": "Focused element displaying no or nostandard focus indicator"
}
}
},
"hoverSurprise": {
"testaro": {
"hover": {
"score": 1,
"what": "Content changes caused by hovering"
}
}
},
"linkIndication": {
"testaro": {
"linkUl": {
"score": 6,
"what": "Non-underlined adjacent links"
}
}
},
"inconsistentStyles": {
"testaro": {
"styleDiff": {
"score": 5,
"what": "Heading, link, and button style inconsistencies"
}
}
},
"zIndexNotZero": {
"testaro": {
"zIndex": {
"score": 2,
"what": "Layering with nondefault z-index values"
}
}
},
"contrastAAA": {
"alfa": {
"r66": {
"score": 8,
"what": "Text contrast less than AAA requires"
}
},
"axe": {
"color-contrast-enhanced": {
"score": 15,
"what": "Element has insufficient color contrast (Level AAA)"
}
}
},
"contrastAA": {
"axe": {
"color-contrast": {
"score": 35,
"what": "Element has insufficient color contrast"
}
}
},
"hiddenContentRisk": {
"axe": {
"hidden-content": {
"score": 1,
"what": "Some content is hidden and therefore may not be testable for accessibility"
}
}
},
"pseudoNavListRisk": {
"htmlcs": {
"w:AA.1_3_1.H48": {
"score": 1,
"what": "Navigation links are not coded as a list"
}
}
},
"contrastRisk": {
"htmlcs": {
"w:AA.1_4_3_F24.F24.FGColour": {
"score": 1,
"what": "Inline foreground color may lack a complementary background color"
}
}
},
"pseudoHeadingRisk": {
"wave": {
"a:heading_possible": {
"score": 1,
"what": "Possible heading"
}
}
},
"linkPair": {
"wave": {
"a:link_redundant": {
"score": 1,
"what": "Adjacent links go to the same URL"
}
}
},
"accessKeyDuplicate": {
"wave": {
"a:accesskey": {
"score": 2,
"what": "Accesskey"
}
}
},
"pseudoLinkRisk": {
"wave": {
"a:underline": {
"score": 1,
"what": "CSS underline on text that is not a link"
}
},
"tenon": {
"129": {
"score": 5,
"what": "CSS underline on text that is not a link"
}
}
},
"horizontalScrolling": {
"tenon": {
"28": {
"score": 3,
"what": "Layout or sizing of the page causes horizontal scrolling"
}
}
},
"imageTextRedundant": {
"tenon": {
"138": {
"score": 1,
"what": "Image link alternative text repeats text in the link"
}
}
}
},
"solos": {}
},
"preventionScores": {
"ibm": 100
},
"summary": {
"total": 227,
"log": 4,
"preventions": 100,
"solos": 0,
"groups": [
{
"groupName": "contrastAA",
"score": 37
},
{
"groupName": "contrastAAA",
"score": 20
},
{
"groupName": "linkIndication",
"score": 8
},
{
"groupName": "focusIndication",
"score": 7
},
{
"groupName": "inconsistentStyles",
"score": 7
},
{
"groupName": "pseudoLinkRisk",
"score": 7
},
{
"groupName": "horizontalScrolling",
"score": 5
},
{
"groupName": "zIndexNotZero",
"score": 4
},
{
"groupName": "accessKeyDuplicate",
"score": 4
},
{
"groupName": "visibleBulk",
"score": 3
},
{
"groupName": "hoverSurprise",
"score": 3
},
{
"groupName": "hiddenContentRisk",
"score": 3
},
{
"groupName": "pseudoNavListRisk",
"score": 3
},
{
"groupName": "contrastRisk",
"score": 3
},
{
"groupName": "pseudoHeadingRisk",
"score": 3
},
{
"groupName": "linkPair",
"score": 3
},
{
"groupName": "imageTextRedundant",
"score": 3
}
]
}
}
}