# Tilgængelighedsproblemer, vi tester for Hver side forklarer ét problem, som vores automatiske tests finder: hvad det betyder, hvilket WCAG-kriterium det hænger sammen med, hvordan du retter det på enhver hjemmeside, i Shopify og i WooCommerce, og hvordan du tjekker rettelsen. ## Tilgængelighedsproblemer - [Elementer med ARIA-'hidden' må ikke indeholde fokuserbare elementer](https://www.fixreports.com/da/issues/aria-hidden-focus): WCAG 4.1.2 · Niveau A. Fokuserbare elementer er skjult for skærmlæsere, men kan stadig nås med tastaturet. (ARIA-attributter og -roller) - [Attributten 'autocomplete' skal benyttes korrekt](https://www.fixreports.com/da/issues/autocomplete-valid): WCAG 1.3.5 · Niveau AA. Et formularfelt bruger en autocomplete-værdi, som browsere ikke genkender. (Formularfelter uden labels) - [Knapper skal have forståelig (dvs. detekterbar) tekst](https://www.fixreports.com/da/issues/button-name): WCAG 4.1.2 · Niveau A. Nogle knapper har intet tilgængeligt navn, så skærmlæserbrugere hører kun »knap«. (Links og knapper uden navne) - [Elementer skal have tilstrækkelig farvekontrast](https://www.fixreports.com/da/issues/color-contrast): WCAG 1.4.3 · Niveau AA. Noget tekst skiller sig ikke nok ud fra baggrunden til, at svagsynede kan læse den. (Lav farvekontrast) - [Dokumenter skal have et element for at bidrage til nemmere navigation](https://www.fixreports.com/da/issues/document-title): WCAG 2.4.2 · Niveau A. En side har ingen titel, så brugerne kan ikke se, hvilken side de er på. (Sidetitler) - ['id'-attributten brugt på ARIA-elementer og -labels skal være unik](https://www.fixreports.com/da/issues/duplicate-id-aria): WCAG 4.1.2 · Niveau A. Flere elementer deler et id, der bruges til en label eller beskrivelse, så hjælpemidler kan komme til at læse den forkerte label op. (ARIA-attributter og -roller) - [Frame-elementer skal have 'title'-attribut](https://www.fixreports.com/da/issues/frame-title): WCAG 4.1.2 · Niveau A. En indlejret frame (ofte et kort, en video eller en app-widget) har ingen titel, så skærmlæserbrugere ved ikke, hvad den indeholder. (Sidestruktur, overskrifter og landmarks) - [Overskriftsniveauer bør kun ændres sekventielt](https://www.fixreports.com/da/issues/heading-order): God praksis for tilgængelighed. Overskriftsniveauer springes over (for eksempel fra H2 til H4), hvilket gør sidens struktur forvirrende for skærmlæserbrugere. (Sidestruktur, overskrifter og landmarks) - [<html> elementet skal have en 'lang'-attribut](https://www.fixreports.com/da/issues/html-has-lang): WCAG 3.1.1 · Niveau A. Siden angiver ikke sit sprog, så skærmlæsere kan komme til at læse den op med forkert udtale. (Sidens sprog) - [<html> elementet skal have en korrekt værdi for 'lang'-attributten](https://www.fixreports.com/da/issues/html-lang-valid): WCAG 3.1.1 · Niveau A. Sidens sprogkode er ikke gyldig, så skærmlæsere kan ikke vælge den rigtige stemme. (Sidens sprog) - [Billeder skal have en alternativ tekst](https://www.fixreports.com/da/issues/image-alt): WCAG 1.1.1 · Niveau A. Billeder mangler et tekstalternativ, så skærmlæserbrugere ved ikke, hvad de viser. (Billeder uden tekstalternativer) - [Input-knapper skal have en forståelig tekst](https://www.fixreports.com/da/issues/input-button-name): WCAG 4.1.2 · Niveau A. En input-knap har ingen tekst, så skærmlæsere kan ikke sige, hvad den gør. (Formularfelter uden labels) - [Billed-knapper skal have en alternativ tekst](https://www.fixreports.com/da/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · Niveau A. En billedknap har ingen alt-tekst, så skærmlæsere kan ikke sige, hvad den gør. (Billeder uden tekstalternativer) - [Form-elementer skal have labels](https://www.fixreports.com/da/issues/label): WCAG 4.1.2 · Niveau A. Nogle formularfelter har ingen label, så skærmlæserbrugere ved ikke, hvad de skal skrive. (Formularfelter uden labels) - [Dokumentet skal have ét 'main'-landmark](https://www.fixreports.com/da/issues/landmark-one-main): God praksis for tilgængelighed. Siden har intet main-landmark, så skærmlæserbrugere kan ikke springe direkte til indholdet. (Sidestruktur, overskrifter og landmarks) - [Links skal være fremtrædende fra den omkringliggende tekst på en måde, som ikke afhænger af farve](https://www.fixreports.com/da/issues/link-in-text-block): WCAG 1.4.1 · Niveau A. Links i afsnit adskiller sig kun ved farven, så folk, der ikke kan se farveforskellen, overser dem. (Lav farvekontrast) - [Links skal have forståelig (detekterbar) tekst](https://www.fixreports.com/da/issues/link-name): WCAG 2.4.4, 4.1.2 · Niveau A. Nogle links har ingen tekst, som en skærmlæser kan læse op, ofte links med kun et ikon, fx ikoner for sociale medier eller kurvikonet. (Links og knapper uden navne) - [Zoom og skalering må ikke være slået fra](https://www.fixreports.com/da/issues/meta-viewport): WCAG 1.4.4 · Niveau AA. Siden blokerer zoom med to fingre på mobilen. (Zoom og reflow) - [Siden skal indeholde en overskrift på øverste niveau](https://www.fixreports.com/da/issues/page-has-heading-one): God praksis for tilgængelighed. Siden har ingen overskrift på øverste niveau. (Sidestruktur, overskrifter og landmarks) - [Alt indhold på siden skal være indeholdt i landmarks](https://www.fixreports.com/da/issues/region): God praksis for tilgængelighed. Noget indhold ligger ikke i et landmark på siden (header, nav, main eller footer). (Sidestruktur, overskrifter og landmarks) - [Elementer med 'role' attributværdien 'img' skal have en alternativ tekst](https://www.fixreports.com/da/issues/role-img-alt): WCAG 1.1.1 · Niveau A. Et element, der præsenteres som et billede, har intet tekstalternativ. (Billeder uden tekstalternativer) - [Sørg for, at en scrollbar region er tilgængeligt via keyboard](https://www.fixreports.com/da/issues/scrollable-region-focusable): WCAG 2.1.1 · Niveau A. Et område med scrolling kan ikke nås med tastaturet, så tastaturbrugere kan ikke scrolle i det. (Tastaturadgang og fokus) - [Select-elementer skal have et tilgængeligt navn](https://www.fixreports.com/da/issues/select-name): WCAG 4.1.2 · Niveau A. En rullemenu (ofte til sortering eller valg af variant) har ingen label. (Formularfelter uden labels) - [<svg>-elementer med rollen img eller image skal have alternativ tekst](https://www.fixreports.com/da/issues/svg-img-alt): WCAG 1.1.1 · Niveau A. Et SVG-billede, der formidler information, har intet tekstalternativ. (Billeder uden tekstalternativer) - [Alle trykflader skal være 24px store eller have tilstrækkelig plads omkring sig](https://www.fixreports.com/da/issues/target-size): WCAG 2.5.8 · Niveau AA. Nogle trykflader er mindre end 24 gange 24 pixels og sidder for tæt, hvilket gør dem svære at ramme på en telefon. (Tastaturadgang og fokus)