Axe Accessibility Report

Violations

Axe found 4 violations.

Images must have alternate text

Ensures <img> elements have alternate text or a role of none or presentation

Learn more
  • Rule: image-alt
  • Impact: critical
  • Tags: WCAG 2 Level A, WCAG 1.1.1

2 nodes triggered this violation.

<img src="" class="cmp-button__img">
<img class="cmp-image__image cmp-list__item-img cmp-image__image--is-loading" itemprop="contentUrl" data-cmp-hook-image="image" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
Document must have one main landmark

Ensures the document has a main landmark

Learn more
  • Rule: landmark-one-main
  • Impact: moderate
  • Tags: Best practice

1 node triggered this violation.

<html lang="sv">
Ensures landmarks are unique

Landmarks must have a unique role or role/label/title (i.e. accessible name) combination

Learn more
  • Rule: landmark-unique
  • Impact: moderate
  • Tags: Best practice

1 node triggered this violation.

<nav id="mainNavigation" class="cmp-navigation" itemscope="" itemtype="http://schema.org/SiteNavigationElement" data-cmp-data-layer="{&quot;mainNavigation&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation&quot;,&quot;repo:modifyDate&quot;:&quot;2024-01-29T10:17:07Z&quot;}}">
All page content must be contained by landmarks

Ensures all page content is contained by landmarks

Learn more
  • Rule: region
  • Impact: moderate
  • Tags: Best practice

29 nodes triggered this violation.

<button type="button" class="cmp-mypagesbutton__button" id="mypagesbutton-8b9afdc88f" data-cmp-clickable="true" data-cmp-data-layer="{&quot;mypagesbutton-02f32252c1&quot;:{&quot;@type&quot;:&quot;stenaline/components/mypagesbutton&quot;,&quot;repo:modifyDate&quot;:&quot;2024-05-15T12:33:28Z&quot;,&quot;xdm:linkURL&quot;:&quot;&quot;,&quot;stenaline:linkURL&quot;:&quot;&quot;}}">
<div class="button button--amend-booking aem-GridColumn aem-GridColumn--default--12">
<div class="image logo aem-GridColumn aem-GridColumn--default--12">
<input type="search" name="searchQuery" placeholder="Sök" aria-label="Search text field" class="cmp-mainsearch__wrapper__input">
<button class="cmp-mainsearch__wrapper__icon icon-navigation-search" aria-label="Button to submit search"></button>
<div class="title aem-GridColumn aem-GridColumn--default--12">
<ol role="tablist" class="cmp-tabs__tablist" aria-multiselectable="false">
<div id="bookingFunnelModule-item-61fa9353be-tabpanel" role="tabpanel" aria-labelledby="bookingFunnelModule-item-61fa9353be-tab" tabindex="-1" class="cmp-tabs__tabpanel cmp-tabs__tabpanel--active" data-cmp-hook-tabs="tabpanel" data-cmp-data-layer="{&quot;bookingFunnelModule-item-färja -61fa9353be&quot;:{&quot;@type&quot;:&quot;stenaline/components/tabs/item&quot;,&quot;dc:title&quot;:&quot;Färja &quot;,&quot;xdm:linkURL&quot;:&quot;Färja &quot;,&quot;stenaline:linkURL&quot;:&quot;Färja &quot;}}">
<div class="container responsivegrid container--quick-links aem-GridColumn aem-GridColumn--default--12">
<div class="multimodellist aem-GridColumn aem-GridColumn--default--12">
<div class="container responsivegrid container--grey aem-GridColumn aem-GridColumn--default--12">
<div class="teaser teaser--img-left aem-GridColumn aem-GridColumn--default--12">
<div class="container responsivegrid container--blue-full aem-GridColumn aem-GridColumn--default--12">
<div class="title aem-GridColumn--default--none aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--offset--default--0">
<div class="teaser teaser--img-left aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--11 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0">
<div class="title aem-GridColumn aem-GridColumn--default--12">
<div class="text aem-GridColumn aem-GridColumn--default--12">
<div class="cmp-form-text" data-cmp-required-message="Email address is mandatory">
<div class="text aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--6 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0">
<div class="button aem-GridColumn aem-GridColumn--default--12">
<div class="text aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0">
<div class="experiencefragment aem-GridColumn--tablet--12 aem-GridColumn--offset--tablet--0 aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--default--6 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--0">
<h3 class="cmp-accordion__header">
<h3 class="cmp-accordion__header">
<h3 class="cmp-accordion__header">
<h3 class="cmp-accordion__header">
<h3 class="cmp-accordion__header">
<div class="button button--cookies aem-GridColumn--phone--12 aem-GridColumn aem-GridColumn--default--3">
<div class="container responsivegrid footer-secondary aem-GridColumn aem-GridColumn--default--12">

Passed checks

Axe found 14 passing checks.
Description Rule Tags Nodes
Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 102
Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1 102
ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 102
ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 50
Elements must have sufficient color contrast color-contrast WCAG 2 Level AA, WCAG 1.4.3 123
Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
Heading levels should only increase by one heading-order Best practice 14
<html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
<html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
Images must have alternate text image-alt WCAG 2 Level A, WCAG 1.1.1 47
Ensures landmarks are unique landmark-unique Best practice 1
Zooming and scaling must not be disabled meta-viewport Best practice 1
Page must contain a level-one heading page-has-heading-one Best practice 1
All page content must be contained by landmarks region Best practice 685

Inapplicable checks

Axe found 4 inapplicable checks.
Description Rule Tags
Banner landmark must not be contained in another landmark landmark-banner-is-top-level Best practice
Main landmark must not be contained in another landmark landmark-main-is-top-level Best practice
Document must not have more than one main landmark landmark-no-duplicate-main Best practice
lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2