Blogg

Det lilla frågetecknet

Som senior frontend-utvecklare med särskild kompetens inom tillgänglighet på webben stöter jag konstant på olika situationer där något som ser enkelt ut faktiskt inte är så enkelt. I den här artikeln ska vi bygga ett litet frågetecken.

Ett frågetecken i en cirkel mot en grå bakgrund. Illustration.

Detta inlägg är en förkortad version av en lång artikel.

Är du frontend-utvecklare, designer, beställare, produktägare, projektledare? Fortsätt att läsa, det kommer att finnas något för alla.

Kapitel 1: Design

Denna design är vanligt förekommande.

Ett input-fält med en label "Fält X". Frågetecknet är placerat i fältet längst till höger. Illustration.

Bilden föreställer ett vanligt formulärfält, alltså en input med en label (etikett). Det finns ett frågetecken som är placerat inne i fältet längst till höger.

Vad är syftet med frågetecknet? Vilka spontana krav finns att ställa på komponenten? Finns det något sätt att göra en enklare design på? Spoiler: ja.

Kapitel 2: Utveckling

Det går snabbt, och är enkelt, att bygga något som har brister. Men det visar sig att det läggas till fler krav som måste finnas för att alla användare ska kunna ta del av informationen.

  • Komma åt innehåll utan mus
  • Läsbara namn till hjälpmedel
  • Se till att texter inte krockar eller överlappar
  • Klickytor
  • Återkoppling till hjälpmedel

Take-aways

Kravställ utifrån olika användares behov, och ta tiden att problematisera. 

  • Våga gör en enkel design!
  • Använd semantisk html!
  • Problematisera och diskutera före utveckling!
  • Ta tillgängligheten direkt!

Läs hela artikeln på Medium.

Fler artiklar

Blogg

Umbraco 17 förändrar mer än backoffice

I slutet av 2026 når Umbraco 13 End-of-Life. Plattformen kommer då inte längre få löpande säkerhetsuppdateringar eller aktiv support från Umbraco HQ. Men det mest intressanta är egentligen inte datumet i sig.

Blogg

Optimizely CMS 13 är mer än en vanlig uppgradering

Många Optimizely-lösningar fungerar stabilt i många år. Innehåll publiceras, integrationer gör sitt jobb och verksamheten märker kanske inte av några större begränsningar i vardagen.

Närbild på färgkodad HTML-kod med taggar som <header> och aria-label, vilket illustrerar tillgänglighet och webbstandarder i utveckling
Blogg

Tillgänglighet är inte bara för människor

Tillgänglighetsstandarder brukar beskrivas som ett ansvar. Något man måste följa, ibland lite motvilligt. Men i grunden handlar de om struktur och mening. Och just det är vad även maskiner behöver för att förstå.