# Problemer med universell utforming som vi tester for Hver side forklarer ett problem som de automatiske testene våre finner: hva det betyr, hvilket WCAG-kriterium det gjelder, hvordan du retter det på alle nettsteder, i Shopify og i WooCommerce, og hvordan du kontrollerer utbedringen. ## Problemer med universell utforming - [Elementer med ARIA-'hidden' skal ikke inneholde fokuserbare elementer](https://www.fixreports.com/nb/issues/aria-hidden-focus): WCAG 4.1.2 · Nivå A. Fokuserbare elementer er skjult for skjermlesere, men kan likevel nås med tastaturet. (ARIA-attributter og -roller) - [Attributtet 'autocomplete' skal benyttes korrekt](https://www.fixreports.com/nb/issues/autocomplete-valid): WCAG 1.3.5 · Nivå AA. Et skjemafelt bruker en autocomplete-verdi som nettlesere ikke gjenkjenner. (Skjemafelt uten ledetekst) - [Knapper skal ha forståelig (dvs. detekterbar) tekst](https://www.fixreports.com/nb/issues/button-name): WCAG 4.1.2 · Nivå A. Noen knapper har ikke noe tilgjengelig navn, så skjermleserbrukere hører bare «knapp». (Lenker og knapper uten navn) - [Elementer skal ha tilstrekkelig fargekontrast](https://www.fixreports.com/nb/issues/color-contrast): WCAG 1.4.3 · Nivå AA. Noe tekst skiller seg ikke nok fra bakgrunnen til at svaksynte kan lese den. (Lav fargekontrast) - [Dokumenter skal ha et element med en verdi som ikke er tom](https://www.fixreports.com/nb/issues/document-title): WCAG 2.4.2 · Nivå A. En side har ingen tittel, så brukerne kan ikke se hvilken side de er på. (Sidetitler) - ['id'-attributtet brukt på ARIA-elementer og -labels skal være unikt](https://www.fixreports.com/nb/issues/duplicate-id-aria): WCAG 4.1.2 · Nivå A. Flere elementer deler en id som brukes som ledetekst eller beskrivelse, så hjelpemiddelteknologi kan lese feil ledetekst. (ARIA-attributter og -roller) - [Frame-elementer skal ha 'title'-attributt](https://www.fixreports.com/nb/issues/frame-title): WCAG 4.1.2 · Nivå A. En innebygd ramme (ofte et kart, en video eller en appwidget) har ingen tittel, så skjermleserbrukere vet ikke hva den inneholder. (Sidestruktur, overskrifter og landemerker) - [Rekkefølgen for overksriftsnivåer skal være semtantisk korrekt](https://www.fixreports.com/nb/issues/heading-order): God praksis for universell utforming. Overskriftsnivåer hoppes over (for eksempel fra H2 til H4), noe som gjør sidestrukturen forvirrende for skjermleserbrukere. (Sidestruktur, overskrifter og landemerker) - [<html> elementet skal ha en 'lang'-attributt](https://www.fixreports.com/nb/issues/html-has-lang): WCAG 3.1.1 · Nivå A. Siden oppgir ikke språket sitt, så skjermlesere kan lese den med feil uttale. (Språk på siden) - [<html> elementet skal ha en gyldig verdi for 'lang'-attributtet](https://www.fixreports.com/nb/issues/html-lang-valid): WCAG 3.1.1 · Nivå A. Språkkoden for siden er ikke gyldig, så skjermlesere kan ikke velge riktig stemme. (Språk på siden) - [Bilder skal ha en alternativ tekst](https://www.fixreports.com/nb/issues/image-alt): WCAG 1.1.1 · Nivå A. Bilder mangler tekstalternativ, så skjermleserbrukere vet ikke hva de viser. (Bilder uten tekstalternativ) - [Input-knapper skal ha en forståelig tekst](https://www.fixreports.com/nb/issues/input-button-name): WCAG 4.1.2 · Nivå A. En input-knapp har ingen tekst, så skjermlesere kan ikke si hva den gjør. (Skjemafelt uten ledetekst) - [Bilde-knapper skal ha en alternativ tekst](https://www.fixreports.com/nb/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · Nivå A. En bildeknapp har ingen alt-tekst, så skjermlesere kan ikke si hva den gjør. (Bilder uten tekstalternativ) - [Alle skjemaelement skal ha en tilknyttet ledetekst eller instruksjon](https://www.fixreports.com/nb/issues/label): WCAG 4.1.2 · Nivå A. Noen skjemafelt har ingen ledetekst, så skjermleserbrukere vet ikke hva de skal skrive inn. (Skjemafelt uten ledetekst) - [Dokumentet skal ha ett 'main'-landemerke](https://www.fixreports.com/nb/issues/landmark-one-main): God praksis for universell utforming. Siden har ikke noe main-landemerke, så skjermleserbrukere kan ikke hoppe rett til innholdet. (Sidestruktur, overskrifter og landemerker) - [Lenker skal være fremtredende fra den omkringliggende teksten på en måte som ikke avhenger av farge](https://www.fixreports.com/nb/issues/link-in-text-block): WCAG 1.4.1 · Nivå A. Lenker i avsnitt skiller seg bare ut med farge, så folk som ikke ser fargeforskjellen, går glipp av dem. (Lav fargekontrast) - [Lenker skal ha forståelig (detekterbar) tekst](https://www.fixreports.com/nb/issues/link-name): WCAG 2.4.4, 4.1.2 · Nivå A. Noen lenker har ingen tekst en skjermleser kan lese opp, ofte lenker som bare består av et ikon, som ikoner for sosiale medier eller handlekurvikonet. (Lenker og knapper uten navn) - [Zoom og skalering skal ikke være slått av](https://www.fixreports.com/nb/issues/meta-viewport): WCAG 1.4.4 · Nivå AA. Siden blokkerer zooming med to fingre på mobil. (Zoom og dynamisk tilpasning) - [Siden skal inneholde en overskrift på øverste nivå](https://www.fixreports.com/nb/issues/page-has-heading-one): God praksis for universell utforming. Siden har ingen overskrift på øverste nivå. (Sidestruktur, overskrifter og landemerker) - [Alt innholdet på siden skal være inne i landemerker](https://www.fixreports.com/nb/issues/region): God praksis for universell utforming. Noe innhold ligger ikke i et landemerke på siden (header, nav, main eller footer). (Sidestruktur, overskrifter og landemerker) - [Elementer med 'role' attributtverdien 'img' skal ha en alternativ tekst](https://www.fixreports.com/nb/issues/role-img-alt): WCAG 1.1.1 · Nivå A. Et element som presenteres som et bilde, har ikke noe tekstalternativ. (Bilder uten tekstalternativ) - [Sørg for at en scrollbar region er tilgjengelig via tastatur](https://www.fixreports.com/nb/issues/scrollable-region-focusable): WCAG 2.1.1 · Nivå A. Et rullbart område kan ikke nås med tastaturet, så tastaturbrukere kan ikke rulle i det. (Tastaturtilgang og fokus) - [Select-elementer skal ha et tilgjengelig navn](https://www.fixreports.com/nb/issues/select-name): WCAG 4.1.2 · Nivå A. En nedtrekksliste (ofte for sortering eller valg av variant) har ingen ledetekst. (Skjemafelt uten ledetekst) - [<svg>-elementer med rollen img eller image skal ha alternativ tekst](https://www.fixreports.com/nb/issues/svg-img-alt): WCAG 1.1.1 · Nivå A. Et SVG-bilde som formidler informasjon, har ikke noe tekstalternativ. (Bilder uten tekstalternativ) - [Alle trykkflater skal være 24px store eller ha nok plass rundt seg](https://www.fixreports.com/nb/issues/target-size): WCAG 2.5.8 · Nivå AA. Noen trykkflater er mindre enn 24 ganger 24 piksler og står for tett, noe som gjør dem vanskelige å treffe på en mobil. (Tastaturtilgang og fokus)