Axe Accessibility Report

Violations

Axe found 4 violations.

Elements must meet minimum color contrast ratio thresholds

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

Learn more
  • Rule: color-contrast
  • Impact: serious
  • Tags: WCAG 2 Level AA, WCAG 1.4.3

36 nodes triggered this violation. 

<span>Tjänster</span>
<span>Så jobbar vi</span>
<span>Hamnfakta</span>
<span>Nyheter</span>
<span>Om oss</span>
<span>Kontakt</span>
<h1 style="text-align: center;">En hamn som ser bortom horisonten</h1>
<div class="text-ingress" style="text-align: center;">
<span style="color: #7d7d7d;">
<p class="news-item-date">5 februari 2024 kl 16:49</p>
<p class="news-item-excerpt">Nu har vi publicerat våra uppdaterade taxor. Dessa gäller från och med 2024-01-01. Läs våra taxor här</p>
<p class="news-item-date">25 januari 2022 kl 13:48</p>
<p class="news-item-excerpt">Oxelösunds Hamn och Eterni Sweden AB tecknar strategiskt samarbetsavtal gällande flexibla bemanningslösningar för&nbsp;både Kollektiv- som Tjänstemannasidan till Oxelösunds...</p>
<p class="news-item-date">21 januari 2022 kl 16:22</p>
<p class="news-item-excerpt">Nu har vi publicerat våra uppdaterade taxor. Dessa gäller från och med 2023-01-01. Läs våra taxor här</p>
<p>
<a href="https://www.oxhamn.se/om-oss/lediga-jobb/">Se alla lediga tjänster här</a>
<div class="pressure">Lufttryck<span class="wpc-highlight">1032 hPa</span></div>
<span class="wpc-highlight">1032 hPa</span>
<div class="humidity">Luftfuktighet<span class="wpc-highlight">93 %</span></div>
<span class="wpc-highlight">93 %</span>
<div class="wind">Vind<span class="wpc-highlight">0 m/s - 0°</span></div>
<span class="wpc-highlight">0 m/s - 0°</span>
<span class="sunrise">06:32</span>
<span class="sunset">18:57</span>
<p style="text-align: center;">
<a href="https://www.oxhamn.se/om-oss/">Läs mer om våra certifieringar</a>
<h2>Få våra nyhetsbrev</h2>
<a class="position-link" href="https://www.oxhamn.se/position/oktober-2019/" target="_blank">Läs senaste Position oktober 2019</a>
<p>Skriv in din e-postadress så registreras du på vår utskickslista och får de senaste nyheterna från oss.</p>
<input size="40" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="E-postadress" value="" type="email" name="your-email">
<input size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Förnamn" value="" type="text" name="fornamn">
<input size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Efternamn" value="" type="text" name="efternamn">
<input size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Företag" value="" type="text" name="Foretag">
<a style="margin-left: 21px; font-size: 15px;" href="https://www.oxhamn.se/behandling-av-personuppgifter/">Läs villkoren</a>
<input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Registrera">
Heading levels should only increase by one

Ensures the order of headings is semantically correct

Learn more
  • Rule: heading-order
  • Impact: moderate
  • Tags: Best practice

2 nodes triggered this violation. 

<h4><span style="color: #88b219;"><strong>Bulkgods i oceangående fartyg</strong></span></h4>
<h4 class="news-item-title"><a href="https://www.oxhamn.se/nyheter/nya-taxor-fran-2024-01-01/">Nya taxor från 2024-01-01</a></h4>
Document should 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-SE" class=" js_active  vc_desktop  vc_transform  vc_transform ">
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

23 nodes triggered this violation. 

<span>Kundservice</span>
<span>Kundinlogg</span>
<span>Intranät</span>
<span>Svenska</span>
<a href="https://www.instagram.com/oxhamn/" target="_blank"><img id="mobile-instagram-icon" src="https://www.oxhamn.se/website/wp-content/themes/oxhamn/img/insta_icon2.png" alt="Instagram"></a>
<a href="https://www.facebook.com/OxelosundsHamn" target="_blank"><img id="mobile-facebook-icon" src="https://www.oxhamn.se/website/wp-content/themes/oxhamn/img/fb_icon.png" alt="Facebook"></a>
<a href="https://www.linkedin.com/company/oxelösunds-hamn-ab" target="_blank"><img id="mobile-linkedin-icon" src="https://www.oxhamn.se/website/wp-content/themes/oxhamn/img/in_icon.png" alt="Linkedin"></a>
<div class="item active"><div class="carousel-caption"><h3 class="">Direkt anslutning till järnväg och motorväg. En timmes insegling.</h3></div></div>
<div class="vc_row wpb_row vc_row-fluid vc_custom_1475657510090 boxed-row row-padding-top-100 row-padding-bottom-100 ">
<div class="vc_row wpb_row vc_row-fluid row-padding-top-none row-padding-bottom-none ">
<h2 class="text-center news-heading-super">Senaste nytt från hamnen</h2>
<div class="news-container" style="position: relative; height: 520px;">
<div class="vc_row wpb_row vc_row-fluid row-padding-top-none row-padding-bottom-none ">
<div class="double-block-cell" style="background-color: #efefef;">
<h2 class="weather-title">Lokal väderrapport</h2>
<div class="col-md-8">
<div class="vc_row wpb_row vc_row-fluid boxed-row row-padding-top-50 row-padding-bottom-100 ">
<div class="double-block-cell" style="vertical-align: top;">
<div class="newsletter-top" style="background-image: url('https://www.oxhamn.se/website/wp-content/uploads/2015/05/arbete.jpg');"><img decoding="async" src="https://www.oxhamn.se/website/wp-content/themes/oxhamn/img/position.png" alt="Position"></div>
<h2>Få våra nyhetsbrev</h2>
<a class="position-link" href="https://www.oxhamn.se/position/oktober-2019/" target="_blank">Läs senaste Position oktober 2019</a>
<p>Skriv in din e-postadress så registreras du på vår utskickslista och får de senaste nyheterna från oss.</p>
<div id="site-footer">

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 3
ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 3
ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 6
Elements must meet minimum color contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 38
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 29
<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 11
Ensures landmarks are unique landmark-unique Best practice 2
Zooming and scaling must not be disabled meta-viewport WCAG 2 Level AA, WCAG 1.4.4 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 316
lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2 1

Inapplicable checks

Axe found 4 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
Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
Document should not have more than one main landmark landmark-no-duplicate-main Best practice