# Tillgänglighetsproblem vi testar Varje sida förklarar ett problem som våra automatiska tester hittar: vad det betyder, vilket WCAG-kriterium det hör till, hur du åtgärdar det på valfri webbplats, i Shopify och i WooCommerce samt hur du kontrollerar åtgärden. ## Tillgänglighetsproblem - [ARIA-hidden-element får inte vara fokuserbara eller innehålla fokuserbara element](https://www.fixreports.com/sv/issues/aria-hidden-focus): WCAG 4.1.2 · nivå A. Fokuserbara element är dolda för skärmläsare men kan ändå nås med tangentbordet. (ARIA-attribut och roller) - [autocomplete-attributet måste användas korrekt](https://www.fixreports.com/sv/issues/autocomplete-valid): WCAG 1.3.5 · nivå AA. Ett formulärfält använder ett autocomplete-värde som webbläsare inte känner igen. (Formulärfält utan etiketter) - [Knappar måste ha urskiljbar text](https://www.fixreports.com/sv/issues/button-name): WCAG 4.1.2 · nivå A. Vissa knappar saknar tillgängligt namn, så skärmläsaranvändare hör bara ’knapp’. (Länkar och knappar utan namn) - [Element måste uppfylla tröskelvärdena för minsta färgkontrast](https://www.fixreports.com/sv/issues/color-contrast): WCAG 1.4.3 · nivå AA. En del text skiljer sig inte tillräckligt från bakgrunden för att kunna läsas av personer med nedsatt syn. (Låg färgkontrast) - [Dokument måste ha ett -element för att underlätta navigering](https://www.fixreports.com/sv/issues/document-title): WCAG 2.4.2 · nivå A. En sida saknar titel, så användarna kan inte se vilken sida de är på. (Sidtitlar) - [ID:n som används i ARIA och etiketter måste vara unika](https://www.fixreports.com/sv/issues/duplicate-id-aria): WCAG 4.1.2 · nivå A. Flera element har samma id, som används för att namnge eller beskriva något, så hjälpmedel kan läsa upp fel etikett. (ARIA-attribut och roller) - [Ramar måste ha ett tillgängligt namn](https://www.fixreports.com/sv/issues/frame-title): WCAG 4.1.2 · nivå A. En inbäddad ram (ofta en karta, en video eller en appwidget) saknar titel, så skärmläsaranvändare vet inte vad den innehåller. (Sidstruktur, rubriker och landmärken) - [Rubriknivåer bör endast öka med ett steg i taget](https://www.fixreports.com/sv/issues/heading-order): God praxis för tillgänglighet. Rubriknivåer hoppas över (till exempel från H2 till H4), vilket gör sidans struktur förvirrande för skärmläsaranvändare. (Sidstruktur, rubriker och landmärken) - [<html>-elementet måste ha ett lang-attribut](https://www.fixreports.com/sv/issues/html-has-lang): WCAG 3.1.1 · nivå A. Sidan anger inte sitt språk, så skärmläsare kan läsa upp den med fel uttal. (Sidspråk) - [<html>-elementet måste ha ett giltigt värde för lang-attributet](https://www.fixreports.com/sv/issues/html-lang-valid): WCAG 3.1.1 · nivå A. Sidans språkkod är inte giltig, så skärmläsare kan inte välja rätt röst. (Sidspråk) - [Bilder måste ha alternativ text](https://www.fixreports.com/sv/issues/image-alt): WCAG 1.1.1 · nivå A. Bilder saknar textalternativ, så skärmläsaranvändare vet inte vad de visar. (Bilder utan textalternativ) - [Inmatningsknappar måste ha urskiljbar text](https://www.fixreports.com/sv/issues/input-button-name): WCAG 4.1.2 · nivå A. En input-knapp saknar text, så skärmläsare kan inte säga vad den gör. (Formulärfält utan etiketter) - [Bildknappar måste ha alternativ text](https://www.fixreports.com/sv/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · nivå A. En bildknapp saknar alt-text, så skärmläsare kan inte säga vad den gör. (Bilder utan textalternativ) - [Formulärelement måste ha etiketter](https://www.fixreports.com/sv/issues/label): WCAG 4.1.2 · nivå A. Vissa formulärfält saknar etikett, så skärmläsaranvändare vet inte vad de ska fylla i. (Formulärfält utan etiketter) - [Dokumentet ska ha ett main-landmärke](https://www.fixreports.com/sv/issues/landmark-one-main): God praxis för tillgänglighet. Sidan saknar landmärket main, så skärmläsaranvändare kan inte hoppa direkt till innehållet. (Sidstruktur, rubriker och landmärken) - [Länkar måste kunna urskiljas utan att förlita sig på färg](https://www.fixreports.com/sv/issues/link-in-text-block): WCAG 1.4.1 · nivå A. Länkar i stycken skiljer sig bara genom färgen, så personer som inte kan se färgskillnaden missar dem. (Låg färgkontrast) - [Länkar måste ha urskiljbar text](https://www.fixreports.com/sv/issues/link-name): WCAG 2.4.4, 4.1.2 · nivå A. Vissa länkar saknar text som en skärmläsare kan läsa upp, ofta länkar som bara består av en ikon, till exempel ikoner för sociala medier eller varukorgsikonen. (Länkar och knappar utan namn) - [Zoomning och förstoring får inte inaktiveras](https://www.fixreports.com/sv/issues/meta-viewport): WCAG 1.4.4 · nivå AA. Sidan blockerar nypzoom på mobilen. (Zoom och omflöde) - [Sidan bör innehålla en rubrik på nivå ett](https://www.fixreports.com/sv/issues/page-has-heading-one): God praxis för tillgänglighet. Sidan saknar en rubrik på översta nivån. (Sidstruktur, rubriker och landmärken) - [Allt sidinnehåll bör ingå i landmärken](https://www.fixreports.com/sv/issues/region): God praxis för tillgänglighet. En del innehåll ligger inte i något landmärke på sidan (header, nav, main eller footer). (Sidstruktur, rubriker och landmärken) - [[role="img"]-element måste ha alternativ text](https://www.fixreports.com/sv/issues/role-img-alt): WCAG 1.1.1 · nivå A. Ett element som presenteras som en bild saknar textalternativ. (Bilder utan textalternativ) - [Rullningsbara regioner måste ha tangentbordsåtkomst](https://www.fixreports.com/sv/issues/scrollable-region-focusable): WCAG 2.1.1 · nivå A. Ett rullningsbart område kan inte nås med tangentbordet, så tangentbordsanvändare kan inte rulla i det. (Tangentbordsåtkomst och fokus) - [Select-element måste ha ett tillgängligt namn](https://www.fixreports.com/sv/issues/select-name): WCAG 4.1.2 · nivå A. En rullgardinsmeny (ofta en sorterings- eller variantväljare) saknar etikett. (Formulärfält utan etiketter) - [<svg>-element med rollen img måste ha alternativ text](https://www.fixreports.com/sv/issues/svg-img-alt): WCAG 1.1.1 · nivå A. En SVG-bild som förmedlar information saknar textalternativ. (Bilder utan textalternativ) - [Alla klickytor måste vara minst 24px stora eller ha tillräckligt med utrymme runt sig](https://www.fixreports.com/sv/issues/target-size): WCAG 2.5.8 · nivå AA. Vissa tryckytor är mindre än 24 × 24 pixlar och ligger för tätt, vilket gör dem svåra att träffa på en mobil. (Tangentbordsåtkomst och fokus)