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="{"mainNavigation":{"@type":"core/wcm/components/navigation/v1/navigation","repo:modifyDate":"2024-01-29T10:17:07Z"}}">
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="{"mypagesbutton-02f32252c1":{"@type":"stenaline/components/mypagesbutton","repo:modifyDate":"2024-05-15T12:33:28Z","xdm:linkURL":"","stenaline:linkURL":""}}">
<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="{"bookingFunnelModule-item-färja -61fa9353be":{"@type":"stenaline/components/tabs/item","dc:title":"Färja ","xdm:linkURL":"Färja ","stenaline:linkURL":"Färja "}}">
<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 |