Accessibility Scan Report

Title: Accessibility scans Issue: #252 Date: 4/9/2026, 5:02:20 PM Duration: 10.7m URLs: 16 / 16 ⚡ Reduced Motion: 9 / 16 URLs

Summary

Issues

  • By Level: A (74), AA (86), AAA (16)
  • By Version (A & AA): WCAG 2.0 (83), WCAG 2.2 (77)
  • By Category: axe-strict (48) & Best Practice (9) & Others (266)
  • Total: 323 across 22 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 28
Kontakta If kundservice | Få hjälp med försäkringsärenden - If 27
Hemförsäkring hyresrätt | Få pris för bostad du hyr - If 27
Teckna livförsäkring | Ekonomisk trygghet för din familj - If 23
Barnförsäkring | Försäkring för barn vid sjukdom och olycksfall - If 22
Villaförsäkring | Försäkra huset och sakerna | Se ditt pris - If 23
Betalningsfrågor | Svar på vanliga frågor om betalning - If 18
Aktuella erbjudanden | Rabatt på försäkringar - If 19
Välkommen till If - Nordens största försäkringsbolag - If 18
Frågor & svar | Vanliga frågor om försäkringar - If 18

🔧 Most Common Issues (ALFA)

16 rules
77 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
16 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.8 AA

Disabilities affected:
Motor

Affected Pages

Who Is Affected

  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans

Examples

Example 1 View on Page
Target has insufficient size
Mode: light
<a href="/privat/forsakringar/kundfordelar/ifs-formansprogram" title="Så får du rabatt" target="" class="if link standalone icon pt-8 pb-8 main-link">...</a>
XPath: /a[@class="if link standalone icon pt-8 pb-8 main-link"]
Example 2 View on Page
Target has insufficient size
Mode: light
<a href="/om-if/hallbarhet/miljorapporter" class="if shortcut light" target="_self">...</a>
XPath: /a[@class="if shortcut light"]
Example 3 View on Page
Target has insufficient size
Mode: light
<a class="if logo small" href="/privat" aria-label="Till startsidan" title="If – Nordens ledande försäkringsbolag" />
XPath: /a[@class="if logo small"]
Example 4 View on Page
Target has insufficient size
Mode: light
<a class="op if link standalone icon" href="/privat/forsakringar/bilforsakring">...</a>
XPath: /a[@class="op if link standalone icon"]
Example 5 View on Page
Target has insufficient size
Mode: light
<a class="if link standalone icon" href="/privat/forsakringar/kundfordelar/ifs-formansprogram">...</a>
XPath: /a[@class="if link standalone icon"]
48 Serious alfa SC 1.3.1 A Visual Cognitive SIA-R42: Elements with an explicit ARIA role have the required parent element
16 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The element is not owned by an element of its required context role
Mode: light
<li>...</li>
XPath: /li
Example 2 View on Page
The element is not owned by an element of its required context role
Mode: light
<button id="mobile-menu-tab-1" class="if tab ba-selection ui typography medium is-selected" role="tab" aria-selected="true" aria-controls="mobile-menu-ba-1"> Privat ...</button>
XPath: /button[@id="mobile-menu-tab-1"]
Example 3 View on Page
The element is not owned by an element of its required context role
Mode: light
<button id="mobile-menu-tab-2" class="if tab ba-selection ui typography medium " role="tab" aria-selected="false" aria-controls="mobile-menu-ba-2"> Företag ...</button>
XPath: /button[@id="mobile-menu-tab-2"]
Example 4 View on Page
The element is not owned by an element of its required context role
Mode: light
<li>...</li>
XPath: /li
Example 5 View on Page
The element is not owned by an element of its required context role
Mode: light
<button id="mobile-menu-tab-1" class="if tab ba-selection ui typography medium is-selected" role="tab" aria-selected="true" aria-controls="mobile-menu-ba-1"> Privat ...</button>
XPath: /button[@id="mobile-menu-tab-1"]
33 Moderate alfa SIA-R68: Accessible name contains the visible label text
16 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul class="if tabs small gap-0" role="tablist">...</ul>
XPath: /ul[@class="if tabs small gap-0"]
Example 2 View on Page
The element owns no elements as required by its semantic role
Mode: light
<div id="op-tertiary-menu-0" class="if tertiary" role="menu" aria-label="Undermeny">...</div>
XPath: /div[@id="op-tertiary-menu-0"]
Example 3 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul class="if tabs small gap-0" role="tablist">...</ul>
XPath: /ul[@class="if tabs small gap-0"]
Example 4 View on Page
The element owns no elements as required by its semantic role
Mode: light
<div id="op-tertiary-menu-0" class="if tertiary" role="menu" aria-label="Undermeny">...</div>
XPath: /div[@id="op-tertiary-menu-0"]
Example 5 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul class="if tabs small gap-0" role="tablist">...</ul>
XPath: /ul[@class="if tabs small gap-0"]
17 Critical alfa SC 1.1.1 A Visual SIA-R14: Images have an accessible name or are decorative
16 pages affected

Rule Information

Engine: alfa

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
The visible text content of the element is not included within its accessible name
Mode: light
<button type="button" class="if mobile-menu-action mobile-menu button login typography ui x-small" aria-label="Inloggningsväljare" aria-expanded="false">...</button>
XPath: /button[@class="if mobile-menu-action mobile-menu button login typography ui x-small"]
Example 2 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button type="button" class="if mobile-menu-action mobile-menu button login typography ui x-small" aria-label="Inloggningsväljare" aria-expanded="false">...</button>
XPath: /button[@class="if mobile-menu-action mobile-menu button login typography ui x-small"]
Example 3 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button type="button" class="if mobile-menu-action mobile-menu button login typography ui x-small" aria-label="Inloggningsväljare" aria-expanded="false">...</button>
XPath: /button[@class="if mobile-menu-action mobile-menu button login typography ui x-small"]
Example 4 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button type="button" class="if mobile-menu-action mobile-menu button login typography ui x-small" aria-label="Inloggningsväljare" aria-expanded="false">...</button>
XPath: /button[@class="if mobile-menu-action mobile-menu button login typography ui x-small"]
Example 5 View on Page
The visible text content of the element is not included within its accessible name
Mode: light
<button type="button" class="if mobile-menu-action mobile-menu button login typography ui x-small" aria-label="Inloggningsväljare" aria-expanded="false">...</button>
XPath: /button[@class="if mobile-menu-action mobile-menu button login typography ui x-small"]
16 Moderate alfa SIA-R3: lang attribute has a valid language code
9 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element does not have a unique ID
Mode: light
<span id="expandable-section-arrow" class="if expandable-section-arrow">...</span>
XPath: /span[@id="expandable-section-arrow"]
Example 2 View on Page
The element does not have a unique ID
Mode: light
<span id="expandable-section-arrow" class="if expandable-section-arrow">...</span>
XPath: /span[@id="expandable-section-arrow"]
Example 3 View on Page
The element does not have a unique ID
Mode: light
<input type="range" role="slider" id="slider-id" class="if slider has-progress" aria-valuemin="18" aria-valuemax="60" aria-valuenow="40" max="60" min="18" step="1" style="--min: 18; --max: 60; --val: 40;" />
XPath: /input[@id="slider-id"]
Example 4 View on Page
The element does not have a unique ID
Mode: light
<span id="expandable-section-arrow" class="if expandable-section-arrow">...</span>
XPath: /span[@id="expandable-section-arrow"]
Example 5 View on Page
The element does not have a unique ID
Mode: light
<span id="expandable-section-arrow" class="if expandable-section-arrow">...</span>
XPath: /span[@id="expandable-section-arrow"]
16 Moderate alfa SIA-R56: Landmarks with the same role are distinguishable
16 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Some `navigation` have the same name.
Mode: light
Example 2 View on Page
Some `navigation` have the same name.
Mode: light
Example 3 View on Page
Some `navigation` have the same name.
Mode: light
Example 4 View on Page
Some `navigation` have the same name.
Mode: light
Example 5 View on Page
Some `navigation` have the same name.
Mode: light
16 Moderate alfa SIA-R57: Landmarks don't repeat the same content
16 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text is not included in a landmark region
Mode: light
Example 2 View on Page
The text is not included in a landmark region
Mode: light
Example 3 View on Page
The text is not included in a landmark region
Mode: light
Example 4 View on Page
The text is not included in a landmark region
Mode: light
Example 5 View on Page
The text is not included in a landmark region
Mode: light
16 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
16 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.6 AAA

Disabilities affected:
Visual

Affected Pages

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
The highest possible contrast of the text is 5.66:1 which is below the required contrast of 7:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 5.66:1 which is below the required contrast of 7:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 5.66:1 which is below the required contrast of 7:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 5.66:1 which is below the required contrast of 7:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 5.66:1 which is below the required contrast of 7:1
Mode: light
12 Moderate alfa SIA-R18: ARIA states are consistent with element semantics
12 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 2 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 3 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 4 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
Example 5 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
9 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
8 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: /h4[@class="if typography ui medium weight-medium"]
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: /h4[@class="if typography ui medium weight-medium"]
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: /h4[@class="if typography ui medium weight-medium"]
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h4 class="if typography ui medium weight-medium">Populära försäkringar</h4>
XPath: /h4[@class="if typography ui medium weight-medium"]
Example 5 View on Page
The heading skips one or more levels
Mode: light
<h4>Försäkringsfrågor:</h4>
XPath: /h4
7 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
5 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>...</p>
XPath: /p
Example 2 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>...</p>
XPath: /p
Example 3 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="op-responsive-paragraph if typography paragraph x-large">H​är har vi samlat svaren på några av de vanligast...</p>
XPath: /p[@class="op-responsive-paragraph if typography paragraph x-large"]
Example 4 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>...</p>
XPath: /p
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="op if typography ui large">...</p>
XPath: /p[@class="op if typography ui large"]
4 Serious alfa SC 1.4.3 AA Visual SIA-R69: Text has sufficient contrast with its background
4 pages affected

Rule Information

Engine: alfa

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
The highest possible contrast of the text is 4.14:1 which is below the required contrast of 4.5:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 4.45:1 which is below the required contrast of 4.5:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 4.45:1 which is below the required contrast of 4.5:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 4.45:1 which is below the required contrast of 4.5:1
Mode: light
1 Critical alfa SC 1.3.1, SC 4.1.2 A Visual Motor Cognitive SIA-R8: Form elements have accessible labels
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 1.3.1, 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
The form field does not have an accessible name
Mode: light
<input type="range" role="slider" id="slider-id" class="if slider has-progress" aria-valuemin="500000" aria-valuemax="5000000" aria-valuenow="1500000" max="5000000" min="500000" step="500000" style="--min: 500000; --max: 5000000; --val: 1500000;" />
XPath: /input[@id="slider-id"]
1 Moderate alfa SIA-R78: Headings of same level have text content between them
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light
<h4>Trafikskada - person och egendom</h4>
XPath: /h4
1 Moderate alfa SIA-R113
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Target has insufficient size and spacing
Mode: light
<a href="/globalassets/se/dokument/privat/barnforsakring-villkor-old.pdf" title="Föregående version av barnförsäkringsvillkor">Föregående villkor barnförsäkring (PDF)</a>
XPath: /a
1 Serious alfa SC 3.1.1 A Cognitive SIA-R2: HTML elements have a valid lang attribute
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Affected Pages

Who Is Affected

  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The image does not have an accessible name
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: /img[@class="border-radius-12"]

🔧 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="485bbaf5a628494f879213f5fbdfddc1">
XPath: #\34 85bbaf5a628494f879213f5fbdfddc1
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="55941a2b68b848809af8661664e0d71d">
XPath: #\35 5941a2b68b848809af8661664e0d71d
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="f39c4fd0bd814ff7ba258e00d20f71bd">
XPath: #f39c4fd0bd814ff7ba258e00d20f71bd
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="af2d9eb8a6ee4a3bacf4b2e0c0b243d9">
XPath: #af2d9eb8a6ee4a3bacf4b2e0c0b243d9
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="91129da3b91447869beef329de4597c3">
XPath: #\39 1129da3b91447869beef329de4597c3
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: #f39c4fd0bd814ff7ba258e00d20f71bd > .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: #af2d9eb8a6ee4a3bacf4b2e0c0b243d9 > .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: #\34 12907118e8742b4a611c81812eeb95d > .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: #\36 10eb5714df64b2d97ffd1d7d4e3ad23 > .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