Axe Accessibility Report

Violations

Axe found 2 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

34 nodes triggered this violation. 

<a id="CybotCookiebotDialogNavDeclaration" class="CybotCookiebotDialogNavItemLink CybotCookiebotDialogActive" href="#" data-target="CybotCookiebotDialogBody" tabindex="0" role="tab" aria-selected="true" lang="sv">Samtycke</a>
<button id="CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll" class="CybotCookiebotDialogBodyButton" tabindex="0" lang="sv">Tillåt alla</button>
<a href="https://kundo.se/org/kretslopp-sydost/" class="kundo-forum-right" target="_blank">
            Frågor &amp; Svar
    </a>
<button class="icon" role="button" name="submit" value="Sök">Sök</button>
<input type="submit" value="sök">
<h1>Vanliga frågor &amp; kontakt</h1>
<a target="_blank" href="https://service.kretsloppsydost.se/MenuGroup2.aspx?groupId=5" onclick="ga('send', 'event', 'Inlogg BankID');" class="button kundnummer">Logga in</a>
<time datetime="2024-08-13T09:01:00">Augusti 13, 2024</time>
<span>Läs mer ›</span>
<time datetime="2024-08-02T16:07:00">Augusti 2, 2024</time>
<span>Läs mer ›</span>
<time datetime="2024-07-30T12:41:00">Juli 30, 2024</time>
<span>Läs mer ›</span>
<span>Till e-tjänsterna ›</span>
<span>Läs mer ›</span>
<span>Läs mer här ›</span>
<span>Ladda ned sorteringsbladen ›</span>
<span>Läs mer ›</span>
<span>Läs mer och gör utbildningen här ›</span>
<span>Häng med på tur ›</span>
<h3>Kontakt</h3>
<p><i class="fa fa-map-marker fa-1x"></i><span>Besöksadress</span> Moskogen 101, 395 91 Kalmar</p>
<span>Besöksadress</span>
<p><i class="fa fa-envelope fa-1x"></i> <span>Postadress</span> Box 868, 391 28 KALMAR</p>
<span>Postadress</span>
<p><i class="fa fa-phone fa-1x"></i> <span>TEL</span> 020 - 40 43 00</p>
<span>TEL</span>
<a href="https://kundo.app/org/kretslopp-sydost/">Frågor &amp; Svar</a>
<h3>Integritet</h3>
<a href="https://www.kretsloppsydost.se/integritetspolicy/">&gt; Integritetspolicy</a>
<h3 id="social">Sociala Medier</h3>
<h3>Intranäten</h3>
<a href="https://intranet.kretsloppsydost.se/ovrigt/logga-in.html?redirect=https%3A%2F%2Fintranet.kretsloppsydost.se%2F%3FstartDate%3D2022-05-20T08%253A14%253A55%252B02%253A00" target="_blank">› Personal</a>
<span class="kundo-chat-widget__start-button-text">Chatta med oss</span>
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

13 nodes triggered this violation. 

<div class="service email">
      <a href="mailto:info@kretsloppsydost.se "><p style="color:white;"><i class="fa fa-envelope fa-1x"></i>&nbsp;&nbsp;E-post: info@kretsloppsydost.se </p></a>
    </div>
<a href="https://kundo.se/org/kretslopp-sydost/" class="kundo-forum-right" target="_blank">
            Frågor &amp; Svar
    </a>
<p>Hej, hur kan vi hjälpa till?</p>
<div class="layout">
<h1><a href="https://kretsloppsydost.se/sorteringsguide">Sorteringsguiden</a></h1>
<input type="text" id="searchTerm" name="searchTerm" required="" placeholder="Vad vill du sortera?">
<section class="four myPages">
        <a href="https://kundo.se/org/kretslopp-sydost/">
            <div class="contactBox">
                <h1>Vanliga frågor &amp; kontakt</h1>
            </div>
        </a>
      </section>
<h1>E-tjänster</h1>
<a target="_blank" href="https://service.kretsloppsydost.se/MenuGroup2.aspx?groupId=5" onclick="ga('send', 'event', 'Inlogg BankID');" class="button kundnummer">Logga in</a>
<a href="https://www.kretsloppsydost.se/nyheter/nyhetertips-foer-en-hallbar-skolstart" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 400px;" tabindex="0">
<a href="https://www.kretsloppsydost.se/nyheter/nyheterlaemna-foerpackningsavfall-fran-verksamhet" class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 400px;" tabindex="0">
<a href="https://www.kretsloppsydost.se/nyheter/nyheteroeppettider-haemtning-midsommar1" class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" style="width: 400px;" tabindex="0">
<div class="layout" style="margin-top:30px;">

Passed checks

Axe found 17 passing checks.
Description Rule Tags Nodes
Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 14
Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1 3
ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 14
ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 11
Elements must meet minimum color contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 55
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 21
<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 18
Banner landmark should not be contained in another landmark landmark-banner-is-top-level 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
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 264
lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2 10

Inapplicable checks

Axe found 2 inapplicable checks.
Description Rule Tags
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