Axe Accessibility Report
Violations
Axe found 4 violations.
Elements must have sufficient color contrast
Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Learn more- Rule:
color-contrast
- Impact:
serious
- Tags: WCAG 2 Level AA, WCAG 1.4.3
5 nodes triggered this violation.
<h2 class="style_40">Välkomna till Linnés Råshult</h2>
<p class="style_38">Carl von Linnés födelseort, Sveriges tionde kulturreservat </p>
<strong>I år öppnar vi kaféet och guidningarna 1 maj.</strong>
<strong>Varmt välkomna!</strong>
<h2 class="style_33">Senaste bilderna från Instagram</h2>
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="https://s3-eu-west-1.amazonaws.com/kobra-web/linnesrashult/image/krav-logo.png">
<img src="https://cdn.treedis.com/assets/logo-white.svg" class="MuiAvatar-img mui-style-1hy9t21">
Zooming and scaling should not be disabled
Ensures <meta name="viewport"> does not disable text scaling and zooming
Learn more- Rule:
meta-viewport
- Impact:
critical
- Tags: Best practice
1 node triggered this violation.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
All page content should be contained by landmarks
Ensures all page content is contained by landmarks
Learn more- Rule:
region
- Impact:
moderate
- Tags: Best practice
16 nodes triggered this violation.
<div id="krav-logo"><a href="https://linnesrashult.se/index.cfm?pg=32"><img src="https://s3-eu-west-1.amazonaws.com/kobra-web/linnesrashult/image/krav-logo.png"></a></div>
<section id="section_80" align="center" class="section" style="background-color:#a4b78a;" data-anchor="">
<div id="cob_88" class="cob cot_1 style_17 hidden-phone" data-width="1192" style="margin-top:0; margin-bottom:0;">
<div id="cob_223" class="cob cot_1 style_17" data-width="1192" style="margin-top:0; margin-bottom:0;"><h1>Film från Linnéjubileet 2007</h1><div class="km_clear"></div></div>
<div id="player" style="width: 100%; height: 100%;">
<div id="cob_218" class="cob cot_1 style_17" data-width="1192" style="margin-top:0; margin-bottom:0;"><h2>Följ med in i Linnéstugan</h2><div class="km_clear"></div></div>
<div class="direction-arrow"><img src="/direction-arrow.svg" class="direction-arrow-image" alt="arrow" style="z-index: 100;"></div>
<div class="mui-style-7oqq2h">
<div class="mui-style-1l5zb3z">
<div id="error-container" data-testid="error-gui" class="UdAIz89AxFx_htVI1gVZY">
<section id="section_78" align="center" class="section" data-anchor="">
<section id="section_13" align="center" class="section" style="background-color:#a4b78a;" data-anchor="">
<section id="section_82" align="center" class="section" data-anchor="">
<div id="cob_17" class="cob cot_1" data-width="996" style="margin-top:60px; margin-bottom:40px;">
<div id="cob_5" class="cob cot_1" data-width="996" style="margin-top:0; margin-bottom:40px; padding-right:10rem; padding-left:10rem;">
<div>
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 | 1 |
ARIA roles used must conform to valid values | aria-roles |
WCAG 2 Level A, WCAG 4.1.2 | 1 |
ARIA attributes must conform to valid names | aria-valid-attr |
WCAG 2 Level A, WCAG 4.1.2 | 1 |
Elements must have sufficient color contrast | color-contrast |
WCAG 2 Level AA, WCAG 1.4.3 | 1 |
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 | 1 |
<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 | 1 |
Main landmark should not be contained in another landmark | landmark-main-is-top-level |
Best practice | 1 |
Document should not have more than one main landmark | landmark-no-duplicate-main |
Best practice | 1 |
Ensures landmarks are unique | landmark-unique |
Best practice | 1 |
Page should contain a level-one heading | page-has-heading-one |
Best practice | 1 |
All page content should be contained by landmarks | region |
Best practice | 1 |
Inapplicable checks
Axe found 3 inapplicable checks.
Description | Rule | Tags |
---|---|---|
Certain ARIA roles must be contained by particular parents | aria-required-parent |
WCAG 2 Level A, WCAG 1.3.1 |
Banner landmark should not be contained in another landmark | landmark-banner-is-top-level |
Best practice |
lang attribute must have a valid value | valid-lang |
WCAG 2 Level AA, WCAG 3.1.2 |