Axe Accessibility Report

Violations

Axe found 5 violations.

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

1 node triggered this violation. 

<h5 class="entry-title">
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

3 nodes triggered this violation. 

<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/wp-content/themes/hultsfredskommun/images/icons/facebook.svg">
<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/wp-content/themes/hultsfredskommun/images/icons/linkedin.svg">
<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/wp-content/themes/hultsfredskommun/images/icons/youtube.svg">
Ensures landmarks are unique

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

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

2 nodes triggered this violation. 

<aside id="topmenu-mobile" class="top-menu-wrapper palm">
<nav>
Page should contain a level-one heading

Ensure that the page, or at least one of its frames contains a level-one heading

Learn more
  • Rule: page-has-heading-one
  • Impact: moderate
  • Tags: Best practice

1 node triggered this violation. 

<html lang="sv-SE" prefix="og: https://ogp.me/ns#">
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

19 nodes triggered this violation. 

<div class="bubble bubble-0 active " data-id="0">
<div class="bubble bubble-1  " data-id="1">
<img width="1138" height="326" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201138%20326'%3E%3C/svg%3E" class="attachment-wide-image size-wide-image" alt="vy över bostadsområdet Herrstorpet i Hultsfred" decoding="async" data-lazy-srcset="https://www.hultsfred.se/files/2023/07/dronare-Herrstorpet-maklarens-bild-1138x326.jpg 1138w, https://www.hultsfred.se/files/2023/07/dronare-Herrstorpet-maklarens-bild-300x86.jpg 300w, https://www.hultsfred.se/files/2023/07/dronare-Herrstorpet-maklarens-bild-532x152.jpg 532w, https://www.hultsfred.se/files/2023/07/dronare-Herrstorpet-maklarens-bild-768x220.jpg 768w, https://www.hultsfred.se/files/2023/07/dronare-Herrstorpet-maklarens-bild-1536x440.jpg 1536w, https://www.hultsfred.se/files/2023/07/dronare-Herrstorpet-maklarens-bild-2048x587.jpg 2048w" data-lazy-sizes="(max-width: 1138px) 100vw, 1138px" data-lazy-src="https://www.hultsfred.se/files/2023/07/dronare-Herrstorpet-maklarens-bild-1138x326.jpg">
<div class="bubble-overlay">
<div class="mellanstart-post one-half  lagg_till_rekai">
<div class="q-text"><h2>Mina sidor - e-tjänster </h2><div class="q-description"><p>Lämna dina synpunkter, gör felanmälan, ansök om bygglov med mera.</p></div></div>
<div class="q-text"><h2>Bygg din framtid hos oss</h2><div class="q-description"><p>Sjönära med cykelavstånd till centrum eller lantligt nära intill samhället - vi har tomterna!</p></div></div>
<img src="https://www.hultsfred.se/files/2024/08/spadtag-fsk-vena-605x353.jpg" alt="Förskolebarn i varselvästar och röda hjälmar gräver i en stor sandhög. I Bakgrunden står en kvinna." title="Förskolebarn i varselvästar och röda hjälmar gräver i en stor sandhög. I Bakgrunden står en kvinna." data-lazy-src="https://www.hultsfred.se/files/2024/08/spadtag-fsk-vena-605x353.jpg" data-ll-status="loaded" class="entered lazyloaded">
<div class="q-text"><h2>Samhällsutveckling och planering</h2><div class="q-description"><p>Pågående projekt</p></div></div>
<div class="q-text"><h2>Teknisk service (ÖSK)</h2><div class="q-description"><p>Här finns information om avfall och återvinning, vatten, gator och avlopp. </p></div></div>
<div class="q-text"><h2>Digital anslagstavla</h2><div class="q-description"><p>På anslagstavlan kan du läsa vilka protokoll som har justerats och som finns tillgängliga hos kommunen.</p></div></div>
<div class="q-text"><h2>Kommun och politik</h2><div class="q-description"><p>Kommunens styrning och organisation. Protokoll, fakta, politiker, kommunfullmäktige, kommunstyrelse och nämnder, ekonomi och budget.</p></div></div>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="familj som fikar" title="familj som fikar" data-lazy-src="https://www.hultsfred.se/files/2022/12/ALEX3743-605x353.jpg">
<div class="q-text"><h2>Flytta hit!</h2><div class="q-description"><p>Funderar du på att flytta till Hultsfred? Låt oss hjälpa dig att hitta rätt - här finns plats för hela livet!</p></div></div>
<div class="q-text"><h2>Upplev Hultsfred!</h2><div class="q-description"><p>Hos oss finns tystnaden, naturen, evenemangen och aktiviteterna.</p></div></div>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Foto taget med drönare över handelsområdet i Hultsfred" title="Foto taget med drönare över handelsområdet i Hultsfred" data-lazy-src="https://www.hultsfred.se/files/2023/02/dronarvy-over-handelsomradet-i-Hultsfred-605x353.jpg">
<div class="q-text"><h2>Etablera och driv företag</h2><div class="q-description"><p>Samarbetet mellan näringsliv och kommun pågår ständigt för att Hultsfred ska vara en attraktiv kommun att leva, bo och arbeta i - vi lotsar dig rätt!</p></div></div>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="ett par röda glasögon som ligger på en brygga" title="ett par röda glasögon som ligger på en brygga" data-lazy-src="https://www.hultsfred.se/files/2018/11/DSC_0228-2-605x353.jpg">
<div class="q-text"><h2>Jobba i Hultsfred</h2><div class="q-description"><p>Sök ett spännande jobb- hos oss tar vi tillvara det lilla och gör det stort. Vi syns och hörs i Hultsfred!</p></div></div>

Passed checks

Axe found 16 passing checks.
Description Rule Tags Nodes
Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 9
ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 9
ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 2
Elements must meet minimum color contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 91
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 23
<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 21
Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice 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
Document should have one main landmark landmark-one-main Best practice 1
Ensures landmarks are unique landmark-unique Best practice 4
Zooming and scaling must not be disabled meta-viewport WCAG 2 Level AA, WCAG 1.4.4 1
All page content should be contained by landmarks region Best practice 395

Inapplicable checks

Axe found 2 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
lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2