Accessibility Scan Report

Title: Accessibility scans, If.se, prioritized pages Issue: #252 Date: 4/9/2026, 4:49:45 PM Duration: 4.9m URLs: 16 / 16 ⚡ Reduced Motion: 9 / 16 URLs

Summary

Issues

  • By Level: A (7), AA (5)
  • By Version (A & AA): WCAG 2.0 (12)
  • By Category: axe-strict (48) & Others (1363)
  • Total: 1411 across 41 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below. Numbers in parentheses (+N) indicate findings that cover WCAG criteria already reported by axe.
Bostadsrättsförsäkring | Se pris & försäkra din bostadsrätt - If 128
Kontakta If kundservice | Få hjälp med försäkringsärenden - If 90
Hemförsäkring hyresrätt | Få pris för bostad du hyr - If 128
Barnförsäkring | Försäkring för barn vid sjukdom och olycksfall - If 126
Teckna livförsäkring | Ekonomisk trygghet för din familj - If 99
Villaförsäkring | Försäkra huset och sakerna | Se ditt pris - If 135
Betalningsfrågor | Svar på vanliga frågor om betalning - If 53
Skadeanmälan | Anmäl skada online dygnet runt - If 87
Försäkringar | Hitta rätt försäkring för dig och familjen - If 79
Säga upp försäkring – Så gör du för att avsluta en försäkring - If 67

🔧 Most Common Issues (axe)

6 rules
16 Moderate axe landmark-unique
16 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav class="if flex-column gap-16" id="fcd605e770d040ddbe9de80ae07da475">
XPath: #fcd605e770d040ddbe9de80ae07da475
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav class="if flex-column gap-16" id="bc829ce680d746beb02c03ba7bcc2e25">
XPath: #bc829ce680d746beb02c03ba7bcc2e25
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav class="if flex-column gap-16" id="e120fb54edca436c91db201a81d67bbe">
XPath: #e120fb54edca436c91db201a81d67bbe
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav class="if flex-column gap-16" id="42e41a5adabc417aa7f1488d556b751d">
XPath: #\34 2e41a5adabc417aa7f1488d556b751d
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav class="if flex-column gap-16" id="41d308f6f9314091b058a2e9847ff3e2">
XPath: #\34 1d308f6f9314091b058a2e9847ff3e2
12 Moderate axe aria-allowed-role
7 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<img class="if size-100p object-..." loading="lazy" alt="Försäkringar för mam..." src="https://v.imgi.no/2d..." srcset="https://v.imgi.no/2d..." sizes="(max-width: 450px) 4..." role="presentation">
XPath: .image > .size-100p.object-cover[loading="lazy"]
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<img class="if size-100p object-..." loading="lazy" alt="Försäkringar för mam..." src="https://v.imgi.no/2d..." srcset="https://v.imgi.no/2d..." sizes="(max-width: 450px) 4..." role="presentation">
XPath: .size-100p
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<img class="if size-100p object-cover" loading="lazy" alt="Uthyrningsförsäkring" src="https://v.imgi.no/vr3eurtjjv-MOODBOARD/2042" srcset="https://v.imgi.no/vr3eurtjjv-MOODBOARD/300 300w, https://v.imgi.no/vr3eurtjjv-MOODBOARD/660 660w" sizes="(max-width: 300px) 300px, 660px" role="presentation">
XPath: img[alt="Uthyrningsförsäkring"]
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<img class="if size-100p object-..." loading="lazy" alt="Försäkring för speci..." src="https://v.imgi.no/5z..." srcset="https://v.imgi.no/5z..." sizes="(max-width: 300px) 3..." role="presentation">
XPath: .op-addon.narrow.focusindication:nth-child(2) > .op-addon-media-size.card-media > .object-cover.size-100p[role="presentation"]
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<img class="if size-100p object-cover" loading="lazy" alt="Bostadsrättstillägg" src="https://v.imgi.no/ancaqcvgz6-MOODBOARD/2042" srcset="https://v.imgi.no/ancaqcvgz6-MOODBOARD/300 300w, https://v.imgi.no/ancaqcvgz6-MOODBOARD/660 660w" sizes="(max-width: 300px) 300px, 660px" role="presentation">
XPath: img[alt="Bostadsrättstillägg"]
8 Moderate axe heading-order: Ensures heading levels are not skipped (e.g. h1→h3). Inconsistent heading hierarchy makes page structure difficult to navigate for screen reader users.
8 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: #e120fb54edca436c91db201a81d67bbe > .weight-medium
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: #\34 2e41a5adabc417aa7f1488d556b751d > .weight-medium
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: #e96797c89d824c0dbadf2046abd32d44 > .weight-medium
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: #d797baaba15e4ca4b5d2e20ff95ade56 > .weight-medium
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: #\31 ae2cfe03e96473e89d9f1d2d3a0fa2e > .weight-medium
6 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-allowed-attr: Ensures ARIA attributes are only used on elements where they are permitted by the ARIA specification.
6 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Elements must only use supported ARIA attributes
Mode: light
<fieldset class="if border-none" role="group" aria-required="true">
XPath: fieldset
Example 2 View on Page
Elements must only use supported ARIA attributes
Mode: light
<fieldset class="if border-none" role="group" aria-required="true">
XPath: fieldset
Example 3 View on Page
Elements must only use supported ARIA attributes
Mode: light
<fieldset class="if border-none" role="group" aria-required="true">
XPath: fieldset
Example 4 View on Page
Elements must only use supported ARIA attributes
Mode: light
<fieldset class="if border-none" role="group" aria-required="true">
XPath: fieldset
Example 5 View on Page
Elements must only use supported ARIA attributes
Mode: light
<fieldset class="if border-none" role="group" aria-required="true">
XPath: fieldset
5 Serious axe SC 1.4.3 AA Visual color-contrast: Ensures text and interactive elements have sufficient contrast ratio (4.5:1 for normal text, 3:1 for large text) against their background.
4 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="super-title">Försäkringsguiden</span>
XPath: .super-title
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="/privat/vid-skada/personskador" class="if button tonal icon-right">
XPath: #skadehandelse > .section-content.op > .icon-right.tonal[href$="personskador"]
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="super-title">Försäkringsguiden</span>
XPath: .super-title
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="/privat/vid-skada/hus-hem" class="if button tonal icon-right">
XPath: #skadehandelse > .section-content.op > .icon-right.tonal[href$="hus-hem"]
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="/privat/vid-skada/hus-hem" class="if button tonal icon-right">
XPath: #skadehandelse > .section-content.op > .icon-right.tonal[href$="hus-hem"]
1 Critical axe SC 1.1.1 A Visual image-alt: Ensures every <img> element has alternative text. Without alt text, blind users receive no information about the image's meaning or purpose.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.1.1 A

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans

Examples

Example 1 View on Page
Images must have alternative text
Mode: light
<img src="https://v.imgi.no/2q4jmeqgyt-BOARDLARGE/1500" loading="eager" srcset="https://v.imgi.no/2q4jmeqgyt-BOARDLARGE/1000 1000w, https://v.imgi.no/2q4jmeqgyt-BOARDLARGE/1500 1500w" sizes="(min-width: 1240px) 1160px, 95vw" class="border-radius-12">
XPath: .border-radius-12

🔧 Most Common Issues (Equal Access)

35 rules
346 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a class="visuallyhidden" href="#main-navigation">
Example 2 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a title="If – Nordens ledande försäkringsbolag" aria-label="Till startsidan" class="if logo small" href="/privat">
Example 3 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<button aria-controls="mobile-search-dropdown" aria-expanded="false" class="if mobile-menu-action mobile-menu button typography ui x-small">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<button aria-expanded="false" aria-label="Inloggningsväljare" class="if mobile-menu-action mobile-menu button login typography ui x-small" type="button">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<button aria-expanded="false" class="if mobile-menu-action button mobile-menu-btn typography ui x-small" type="button">
188 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 10px and weight of 400
Mode: light
<span id="guid-a80dc84c-5d0c-4230-8f48-bf46e9627a01-1" class="visible-on-focus">
Example 2 View on Page
Text contrast of 4.14 with its background is less than the WCAG AA minimum requirements for text of size 18px and weight of 400
Mode: light
<span class="super-title">
Example 3 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 10px and weight of 400
Mode: light
<span id="guid-8824ccda-9fac-4dd9-9654-972ab8a47faa-1" class="visible-on-focus">
Example 4 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 10px and weight of 400
Mode: light
<span id="guid-8824ccda-9fac-4dd9-9654-972ab8a47faa-2" class="visible-on-focus">
Example 5 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 10px and weight of 400
Mode: light
<span id="guid-8824ccda-9fac-4dd9-9654-972ab8a47faa-3" class="visible-on-focus">
185 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="mobile-search-dropdown" aria-expanded="false" class="if mobile-menu-action mobile-menu button typography ui x-small">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-expanded="false" aria-label="Inloggningsväljare" class="if mobile-menu-action mobile-menu button login typography ui x-small" type="button">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-expanded="false" class="if mobile-menu-action button mobile-menu-btn typography ui x-small" type="button">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button onclick="document.getElementById('notification-0dd38d9f-cd38-4b86-a63a-c32e026957d1').style.display='none';" aria-label="Stäng" class="if alert-banner-close-button">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button id="onetrust-reject-all-handler">
128 Moderate equalAccess aria_landmark_name_unique
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav id="485bbaf5a628494f879213f5fbdfddc1" class="if flex-column gap-16">
Example 2 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav id="f9474479f8ef43ee9f242da6664ffee4" class="if flex-column gap-16">
Example 3 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav id="15d7fd3fece346f1ab9c7051a4cacda3" class="if flex-column gap-16">
Example 4 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav id="85098e4badb3480498472344d8fbad42" class="if flex-column gap-16">
Example 5 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav id="6679a4bb80f8431da2ccaab7acc72a0c" class="if flex-column gap-16">
128 Moderate equalAccess aria_navigation_label_unique
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav id="485bbaf5a628494f879213f5fbdfddc1" class="if flex-column gap-16">
Example 2 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav id="f9474479f8ef43ee9f242da6664ffee4" class="if flex-column gap-16">
Example 3 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav id="15d7fd3fece346f1ab9c7051a4cacda3" class="if flex-column gap-16">
Example 4 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav id="85098e4badb3480498472344d8fbad42" class="if flex-column gap-16">
Example 5 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav id="6679a4bb80f8431da2ccaab7acc72a0c" class="if flex-column gap-16">
49 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
15 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'För dig som drabbats av stormen Dave' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="op if typography ui large weight-bold">
Example 2 View on Page
Confirm this text 'Samla försäkringarna – få rabatt' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="if card-content flex-column gap-16">
Example 3 View on Page
Confirm this text 'Samla försäkringarna – få rabatt!' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="op if typography xx-small heading">
Example 4 View on Page
Confirm this text 'Minst 19 % rabatt första året' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="op if typography xx-small heading">
Example 5 View on Page
Confirm this text 'Hjälp vid id-stöld' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="if card-content flex-column gap-16">
47 Moderate equalAccess aria_attribute_valid
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-labelledby="expandable-panel-title-54d91911-fd15-40da-9f7f-ec6719dc2464" id="expandable-panel-content-54d91911-fd15-40da-9f7f-ec6719dc2464" class="if expandable-section-content">
Example 2 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-labelledby="expandable-panel-title-65b4aaad-add7-4171-8ec2-77332431b13c" id="expandable-panel-content-65b4aaad-add7-4171-8ec2-77332431b13c" class="if expandable-section-content">
Example 3 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-labelledby="expandable-panel-title-00766c12-8c0b-459c-ba63-e8ae8e79fdf8" id="expandable-panel-content-00766c12-8c0b-459c-ba63-e8ae8e79fdf8" class="if expandable-section-content">
Example 4 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-labelledby="expandable-panel-title-0b48e413-7c7c-4bb4-bbaa-6e783a4c42a9" id="expandable-panel-content-0b48e413-7c7c-4bb4-bbaa-6e783a4c42a9" class="if expandable-section-content">
Example 5 View on Page
The ARIA attributes "aria-labelledby" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-labelledby="title-1-6a69f01d-9973-4536-b980-24c9cf85bc05" id="content-1-6a69f01d-9973-4536-b980-24c9cf85bc05" class="if op-exp-link-list-content">
32 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="visuallyhidden" href="#main-navigation">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="visuallyhidden" href="#main">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="visuallyhidden" href="#main-navigation">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="visuallyhidden" href="#main">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="visuallyhidden" href="#main-navigation">
29 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <span> element has the id "expandable-section-arrow" that is already in use
Mode: light
<span class="if expandable-section-arrow" id="expandable-section-arrow">
Example 2 View on Page
The <th> element has the id "" that is empty
Mode: light
<th id="" title="Livförsäkring" class="columnheader choicecolumn-background-BE5 " scope="col">
Example 3 View on Page
The <span> element has the id "expandable-section-arrow" that is already in use
Mode: light
<span class="if expandable-section-arrow" id="expandable-section-arrow">
Example 4 View on Page
The <input> element has the id "slider-id" that is already in use
Mode: light
<input style="--min: 500000; --max: 5000000; --val: 1500000;" step="500000" min="500000" max="5000000" aria-valuenow="1500000" aria-valuemax="5000000" aria-valuemin="500000" class="if slider has-progress" id="slider-id" role="slider" type="range">
Example 5 View on Page
The <th> element has the id "" that is empty
Mode: light
<th id="" title="Stor bil­försäkring" class="columnheader choicecolumn-background-BE5 " scope="col">
24 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
15 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "list" is redundant with the implicit role of the element <ul>
Mode: light
<ul role="list" class="wbButtonCon">
Example 2 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main id="main" role="main" class="if main ecmt-content">
Example 3 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main id="main" role="main" class="if main productpage">
Example 4 View on Page
The explicitly-assigned ARIA role "main" is redundant with the implicit role of the element <main>
Mode: light
<main id="main" role="main" class="if main productpage">
Example 5 View on Page
The explicitly-assigned ARIA role "slider" is redundant with the implicit role of the element <input>
Mode: light
<input style="--min: 18; --max: 60; --val: 40;" step="1" min="18" max="60" aria-valuenow="40" aria-valuemax="60" aria-valuemin="18" class="if slider has-progress" id="slider-id" role="slider" type="range">
21 Moderate equalAccess label_name_visible: The label text for an element must be visible
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button aria-expanded="false" aria-label="Inloggningsväljare" class="if mobile-menu-action mobile-menu button login typography ui x-small" type="button">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button aria-expanded="false" aria-label="Inloggningsväljare" class="if mobile-menu-action mobile-menu button login typography ui x-small" type="button">
Example 3 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button aria-expanded="false" aria-label="Inloggningsväljare" class="if mobile-menu-action mobile-menu button login typography ui x-small" type="button">
Example 4 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button aria-expanded="false" aria-label="Inloggningsväljare" class="if mobile-menu-action mobile-menu button login typography ui x-small" type="button">
Example 5 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<button aria-expanded="false" aria-label="Inloggningsväljare" class="if mobile-menu-action mobile-menu button login typography ui x-small" type="button">
16 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="scroll-padding-top: 70px;" class="if js no-touch has-mouse not-android" dir="ltr" lang="sv-SE">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="scroll-padding-top: 70px;" class="if js no-touch has-mouse not-android" dir="ltr" lang="sv-SE">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style data-version="18.44.1-16" data-type="variables" data-library="web-component" data-id="ids-popover">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<html style="scroll-padding-top: 70px;" data-useragent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/127.0.6533.88 Safari/537.36" class="if js no-touch has-mouse not-android vngage-csstransforms vngage-csstransitions" dir="ltr" lang="sv-SE">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<style data-version="18.44.1-16" data-type="variables" data-library="web-component" data-id="ids-popover">
16 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-version="18.44.1-16" data-type="variables" data-library="web-component" data-id="ids-popover">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-version="18.44.1-16" data-type="variables" data-library="web-component" data-id="ids-popover">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-version="18.44.1-16" data-type="variables" data-library="web-component" data-id="ids-popover">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-version="18.53.0" data-type="variables" data-library="web-component" data-id="ids-phone-number-input">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-version="18.44.1-16" data-type="variables" data-library="web-component" data-id="ids-popover">
16 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light
<a class="visuallyhidden" href="#main-navigation">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<a class="visuallyhidden" href="#main-navigation">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a class="visuallyhidden" href="#main-navigation">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<a class="visuallyhidden" href="#main-navigation">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a class="visuallyhidden" href="#main-navigation">
16 Moderate equalAccess aria_child_valid
16 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="if flex justify-content-end mb-0">
Example 2 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="if flex justify-content-end mb-0">
Example 3 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="if flex justify-content-end mb-0">
Example 4 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="if flex justify-content-end mb-0">
Example 5 View on Page
The element with role "list" does not own any child element with any of the following role(s): "listitem"
Mode: light
<ul class="if flex justify-content-end mb-0">
14 Moderate equalAccess element_tabbable_role_valid
13 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'region' is not a widget role
Mode: light
<div aria-label="Cookie banner" role="region" tabindex="0" class="otFlat top vertical-align-content ot-buttons-fw" id="onetrust-banner-sdk">
Example 2 View on Page
The tabbable element's role 'region' is not a widget role
Mode: light
<div aria-label="Cookie banner" role="region" tabindex="0" class="otFlat top vertical-align-content ot-buttons-fw" id="onetrust-banner-sdk">
Example 3 View on Page
The tabbable element's role 'region' is not a widget role
Mode: light
<div aria-label="Cookie banner" role="region" tabindex="0" class="otFlat top vertical-align-content ot-buttons-fw" id="onetrust-banner-sdk">
Example 4 View on Page
The tabbable element's role 'region' is not a widget role
Mode: light
<div aria-label="Cookie banner" role="region" tabindex="0" class="otFlat top vertical-align-content ot-buttons-fw" id="onetrust-banner-sdk">
Example 5 View on Page
The tabbable element's role 'region' is not a widget role
Mode: light
<div aria-label="Cookie banner" role="region" tabindex="0" class="otFlat top vertical-align-content ot-buttons-fw" id="onetrust-banner-sdk">
13 Moderate equalAccess aria_role_valid
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img role="presentation" alt="Flicka drar pappan i en skrinda." loading="eager" src="https://v.imgi.no/24rcg3g2dp-MOODBOARD/980">
Example 2 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img role="presentation" sizes="(max-width: 450px) 450px, (max-width: 520px) 520px, (max-width: 720px) 720px, (max-width: 1000px) 1000px, 580px" srcset="https://v.imgi.no/2dharh4emv-BOARDSMALL/450 450w, https://v.imgi.no/2dharh4emv-BOARDMEDIUM/520 520w, https://v.imgi.no/2dharh4emv-BOARDSMALL/720 720w, https://v.imgi.no/2dharh4emv-BOARDLARGE/1000 1000w, https://v.imgi.no/2dharh4emv-BOARDLARGE/1500 1500w" src="https://v.imgi.no/2dharh4emv-BOARDLARGE/1500" alt="Försäkringar för mammor och pappor" loading="lazy" class="if size-100p object-cover">
Example 3 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img role="presentation" sizes="(max-width: 450px) 450px, (max-width: 520px) 520px, (max-width: 720px) 720px, (max-width: 1000px) 1000px, 580px" srcset="https://v.imgi.no/2dharh4emv-BOARDSMALL/450 450w, https://v.imgi.no/2dharh4emv-BOARDMEDIUM/520 520w, https://v.imgi.no/2dharh4emv-BOARDSMALL/720 720w, https://v.imgi.no/2dharh4emv-BOARDLARGE/1000 1000w, https://v.imgi.no/2dharh4emv-BOARDLARGE/1500 1500w" src="https://v.imgi.no/2dharh4emv-BOARDLARGE/1500" alt="Försäkringar för mammor och pappor" loading="lazy" class="if size-100p object-cover">
Example 4 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img role="presentation" sizes="(max-width: 300px) 300px, 660px" srcset="https://v.imgi.no/vr3eurtjjv-MOODBOARD/300 300w, https://v.imgi.no/vr3eurtjjv-MOODBOARD/660 660w" src="https://v.imgi.no/vr3eurtjjv-MOODBOARD/2042" alt="Uthyrningsförsäkring" loading="lazy" class="if size-100p object-cover">
Example 5 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img role="presentation" sizes="(max-width: 300px) 300px, 660px" srcset="https://v.imgi.no/5zsfnrfxqc-MOODBOARD/300 300w, https://v.imgi.no/5zsfnrfxqc-MOODBOARD/660 660w" src="https://v.imgi.no/5zsfnrfxqc-MOODBOARD/2042" alt="Försäkring för speciella föremål" loading="lazy" class="if size-100p object-cover">
12 Moderate equalAccess img_alt_decorative
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light
<img role="presentation" sizes="(max-width: 450px) 450px, (max-width: 520px) 520px, (max-width: 720px) 720px, (max-width: 1000px) 1000px, 580px" srcset="https://v.imgi.no/2dharh4emv-BOARDSMALL/450 450w, https://v.imgi.no/2dharh4emv-BOARDMEDIUM/520 520w, https://v.imgi.no/2dharh4emv-BOARDSMALL/720 720w, https://v.imgi.no/2dharh4emv-BOARDLARGE/1000 1000w, https://v.imgi.no/2dharh4emv-BOARDLARGE/1500 1500w" src="https://v.imgi.no/2dharh4emv-BOARDLARGE/1500" alt="Försäkringar för mammor och pappor" loading="lazy" class="if size-100p object-cover">
Example 2 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light
<img role="presentation" sizes="(max-width: 450px) 450px, (max-width: 520px) 520px, (max-width: 720px) 720px, (max-width: 1000px) 1000px, 580px" srcset="https://v.imgi.no/2dharh4emv-BOARDSMALL/450 450w, https://v.imgi.no/2dharh4emv-BOARDMEDIUM/520 520w, https://v.imgi.no/2dharh4emv-BOARDSMALL/720 720w, https://v.imgi.no/2dharh4emv-BOARDLARGE/1000 1000w, https://v.imgi.no/2dharh4emv-BOARDLARGE/1500 1500w" src="https://v.imgi.no/2dharh4emv-BOARDLARGE/1500" alt="Försäkringar för mammor och pappor" loading="lazy" class="if size-100p object-cover">
Example 3 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light
<img role="presentation" sizes="(max-width: 300px) 300px, 660px" srcset="https://v.imgi.no/vr3eurtjjv-MOODBOARD/300 300w, https://v.imgi.no/vr3eurtjjv-MOODBOARD/660 660w" src="https://v.imgi.no/vr3eurtjjv-MOODBOARD/2042" alt="Uthyrningsförsäkring" loading="lazy" class="if size-100p object-cover">
Example 4 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light
<img role="presentation" sizes="(max-width: 300px) 300px, 660px" srcset="https://v.imgi.no/5zsfnrfxqc-MOODBOARD/300 300w, https://v.imgi.no/5zsfnrfxqc-MOODBOARD/660 660w" src="https://v.imgi.no/5zsfnrfxqc-MOODBOARD/2042" alt="Försäkring för speciella föremål" loading="lazy" class="if size-100p object-cover">
Example 5 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light
<img role="presentation" sizes="(max-width: 300px) 300px, 660px" srcset="https://v.imgi.no/ancaqcvgz6-MOODBOARD/300 300w, https://v.imgi.no/ancaqcvgz6-MOODBOARD/660 660w" src="https://v.imgi.no/ancaqcvgz6-MOODBOARD/2042" alt="Bostadsrättstillägg" loading="lazy" class="if size-100p object-cover">
12 Moderate equalAccess aria_attribute_redundant: ARIA role or attribute is redundant with the native role and attributes
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input data-f-datainput="" class="if op radio-button-input FormChoice__Input FormChoice__Input--Radio " value="Ja" aria-required="true" required="" aria-describedby="validation-message-7e2378f2-afd3-4e65-8f53-99980d4a7c01" aria-labelledby="legend-7e2378f2-afd3-4e65-8f53-99980d4a7c01 label-d9c4580d-d2b5-4de0-94fc-a8323f497b73" type="radio" name="__field_325475" id="d9c4580d-d2b5-4de0-94fc-a8323f497b73">
Example 2 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input data-f-datainput="" class="if op radio-button-input FormChoice__Input FormChoice__Input--Radio " value="Nej" aria-required="true" required="" aria-describedby="validation-message-7e2378f2-afd3-4e65-8f53-99980d4a7c01" aria-labelledby="legend-7e2378f2-afd3-4e65-8f53-99980d4a7c01 label-60d93bbf-6475-4b54-8c3b-ed3c4b54a377" type="radio" name="__field_325475" id="60d93bbf-6475-4b54-8c3b-ed3c4b54a377">
Example 3 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input data-f-datainput="" class="if op radio-button-input FormChoice__Input FormChoice__Input--Radio " value="Ja" aria-required="true" required="" aria-describedby="validation-message-7e2378f2-afd3-4e65-8f53-99980d4a7c01" aria-labelledby="legend-7e2378f2-afd3-4e65-8f53-99980d4a7c01 label-de3da4e4-f505-46d3-a662-e4a0d7d0c5c6" type="radio" name="__field_325475" id="de3da4e4-f505-46d3-a662-e4a0d7d0c5c6">
Example 4 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input data-f-datainput="" class="if op radio-button-input FormChoice__Input FormChoice__Input--Radio " value="Nej" aria-required="true" required="" aria-describedby="validation-message-7e2378f2-afd3-4e65-8f53-99980d4a7c01" aria-labelledby="legend-7e2378f2-afd3-4e65-8f53-99980d4a7c01 label-9af11112-71fe-400a-8d96-76c4ee06ff67" type="radio" name="__field_325475" id="9af11112-71fe-400a-8d96-76c4ee06ff67">
Example 5 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input data-f-datainput="" class="if op radio-button-input FormChoice__Input FormChoice__Input--Radio " value="Ja" aria-required="true" required="" aria-describedby="validation-message-7e2378f2-afd3-4e65-8f53-99980d4a7c01" aria-labelledby="legend-7e2378f2-afd3-4e65-8f53-99980d4a7c01 label-c550ad5f-12d4-4103-b36e-06a4191df3e8" type="radio" name="__field_325475" id="c550ad5f-12d4-4103-b36e-06a4191df3e8">
10 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Confirm the user instruction is still understandable without the word(s) 'extra'
Mode: light
<p class="op-responsive-paragraph if typography paragraph large">
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'extra'
Mode: light
<p>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'extra'
Mode: light
<p class="op-responsive-paragraph if typography paragraph large">
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'extra'
Mode: light
<p>
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'extra'
Mode: light
<p>
9 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light
<svg style="width: 100%;" viewBox="0 0 51 47">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg style="width: 100%;" viewBox="0 0 51 47">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg style="width: 100%;" viewBox="0 0 51 47">
Example 4 View on Page
The SVG element has no accessible name
Mode: light
<svg viewBox="0 0 64 64" class="osux-animated-dots" height="32" width="32" xmlns="http://www.w3.org/2000/svg">
Example 5 View on Page
The SVG element has no accessible name
Mode: light
<svg style="width: 100%;" viewBox="0 0 51 47">
7 Moderate equalAccess list_markup_review
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<div class="if typography ui x-small">
Example 2 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<div class="if typography ui x-small">
Example 3 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<p>
Example 4 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<div class="if typography ui x-small">
Example 5 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<div class="if typography ui x-small">
6 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside>
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside>
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside>
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside>
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside>
6 Moderate equalAccess aria_attribute_deprecated
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA attributes "aria-haspopup" are deprecated for the role "menu" in the ARIA specification
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
Example 2 View on Page
The ARIA attributes "aria-haspopup" are deprecated for the role "menu" in the ARIA specification
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
Example 3 View on Page
The ARIA attributes "aria-haspopup" are deprecated for the role "menu" in the ARIA specification
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
Example 4 View on Page
The ARIA attributes "aria-haspopup" are deprecated for the role "menu" in the ARIA specification
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
Example 5 View on Page
The ARIA attributes "aria-haspopup" are deprecated for the role "menu" in the ARIA specification
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
6 Moderate equalAccess aria_keyboard_handler_exists
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
Example 2 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
Example 3 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
Example 4 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
Example 5 View on Page
Verify the <div> element with "menu" role has keyboard access
Mode: light
<div aria-haspopup="true" role="menu" class="content-icons">
6 Moderate equalAccess input_label_exists
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Form control element <input> has no associated label
Mode: light
<input class="is-disabled" type="text" autocomplete="off" name="input-name-xd48a" id="input-id-x7313" readonly="true">
Example 2 View on Page
Form control element <input> has no associated label
Mode: light
<input class="is-disabled" type="text" autocomplete="off" name="input-name-xd724" id="input-id-xfca5" readonly="true">
Example 3 View on Page
Form control element <input> has no associated label
Mode: light
<input class="is-disabled" type="text" autocomplete="off" name="input-name-x5597" id="input-id-x2ac8" readonly="true">
Example 4 View on Page
Form control element <input> has no associated label
Mode: light
<input class="is-disabled" type="text" autocomplete="off" name="input-name-xf84b" id="input-id-xd454" readonly="true">
Example 5 View on Page
Form control element <input> has no associated label
Mode: light
<input class="is-disabled" type="text" autocomplete="off" name="input-name-xaa2c" id="input-id-xf50b" readonly="true">
5 Moderate equalAccess style_background_decorative
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style type="text/css" id="vngageBannerCSS">
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style type="text/css" id="vngageBannerCSS">
Example 3 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style type="text/css" id="vngageBannerCSS">
Example 4 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style type="text/css" id="vngageBannerCSS">
Example 5 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style type="text/css" id="vngageBannerCSS">
4 Moderate equalAccess input_label_visible: An input element must have an associated visible label
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<button onclick="document.getElementById('notification-0dd38d9f-cd38-4b86-a63a-c32e026957d1').style.display='none';" aria-label="Stäng" class="if alert-banner-close-button">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button onclick="document.getElementById('notification-9948972f-8a75-4008-8811-0c497c865dfa').style.display='none';" aria-label="Stäng" class="if alert-banner-close-button">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button onclick="document.getElementById('notification-1eae2a00-ddc8-4845-ab16-6b4f539ef1a9').style.display='none';" aria-label="Stäng" class="if alert-banner-close-button">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Sök" class="if icon-button plain quiet medium" id="" type="submit">
4 Moderate equalAccess figure_label_exists
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="if flex-column gap-8">
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="if flex-column gap-8">
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="if flex-column gap-8">
Example 4 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="if flex-column gap-8">
2 Moderate equalAccess aria_eventhandler_role_valid
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <a> element with 'onclick' does not have a valid ARIA role specified
Mode: light
<a onclick="openDialog('6056e801-6ceb-4e6a-9ede-31b2dc82786b-overlay')" class="if button filled">
Example 2 View on Page
The <a> element with 'onclick' does not have a valid ARIA role specified
Mode: light
<a onclick="openDialog('059b28aa-6dc9-4f66-99bc-1c3e9f3a7f89-overlay')" class="if button filled">
2 Moderate equalAccess input_checkboxes_grouped
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input type="checkbox" id="toggle_1" class="if toggle-input">
Example 2 View on Page
Verify that this un-named, ungrouped checkbox input is not related to other checkboxes
Mode: light
<input type="checkbox" id="toggle_9" class="if toggle-input">
1 Moderate equalAccess form_label_unique
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Form control has more than one label
Mode: light
<label class="if slider-data" for="slider-id">
1 Moderate equalAccess img_alt_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The image has neither an accessible name nor is marked as decorative or redundant
Mode: light
<img class="border-radius-12" sizes="(min-width: 1240px) 1160px, 95vw" srcset="https://v.imgi.no/2q4jmeqgyt-BOARDLARGE/1000 1000w, https://v.imgi.no/2q4jmeqgyt-BOARDLARGE/1500 1500w" loading="eager" src="https://v.imgi.no/2q4jmeqgyt-BOARDLARGE/1500">
1 Moderate equalAccess aria_id_unique
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The 'id' "faqGroupTitle-0d01aed6" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light
<section aria-labelledby="faqGroupTitle-0d01aed6" class="if flex-column" role="group">
1 Moderate equalAccess label_content_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <label> element does not have descriptive text that identifies the expected input
Mode: light
<label for="btx-search-input">