Gör länkar, klickbara ytor och menyer användbara för alla

Klickbara ytor, till exempel textlänkar, bildobjekt och knappar, spelar en viktig roll på webben. Gör det enkelt för alla att upptäcka och använda dessa.

Det är alltid lättare att träffa en stor yta med en muspekare än en liten. Det är dessutom extra viktigt för personer med sämre precision och finmotorik att klickbara ytor som exempelvis knappar, ikoner och länkar är tillräckligt stora.

Även de som surfar på mobiltelefoner är hjälpta av att de klickbara ytorna är stora. Fingrarnas storlek gör det svårt att träffa en liten yta med ett finger.

Rekommendationer för klickbara ytor

Det finns ett antal tips och rekommendationer för hur du kan arbeta med klickbara objekt för att förbättra digital tillgänglighet:

Minsta klickytan för ett interaktivt objekt

Enligt WCAG 2.2 ska minsta klickytan för ett interaktivt objekt vara 24x24 pixlar. Detta finns angivet i WCAG 2.5.8.

När EU-kommissionen beslutar om en ny version av EN-standarden, som bygger på WCAG 2.2, kommer Digg kommer att ändra hur vi bedriver vår tillsyn. Tills dess är detta en rekommendation.

Tillräckligt med utrymme

  • Placera inte länkar för nära varandra.
  • Förstora den klickbara ytan genom att inkludera ett område runt det som är länkat.
  • Gör en enda länk (ett A-element) av ikon och text i en sammansatt länk.
  • Gör ikoner som är en del av navigeringen klickbara. När du kombinerar text och bildelement i till exempel menyalternativ bör både texten och bilden vara klickbar.

Lägg inte för mycket innehåll i den klickbara ytan

Undvik att lägga såväl bild, rubrik och text i en enda klickbar yta. Detta leder till att länkarna blir alltför långa och därmed blir innehållet svårare att ta till sig.

Senast uppdaterad: