Praktisk tillgänglighetskontroll för småföretags webbplatser

Välj en uppgift som betyder något för affären: hitta öppettider, begära offert, boka bord, beställa tid, köpa en produkt eller skicka en fråga. Börja där en ny kund rimligen landar och fortsätt fram till bekräftelsen. Ta med startsidan, rätt tjänste- eller produktsida, formuläret samt eventuella fel- och tackmeddelanden.

Använd den version kunderna faktiskt möter. Ett boende som tar emot tyska gäster bör testa den tyska bokningsvägen, medan en svensk konsult kan följa flödet från tjänsten till “Begär offert”. Skriv upp enhet, webbläsare, språk och sidor så att en kollega kan upprepa granskningen.

Klicka i adressfältet och navigera med Tab, Skift+Tabb, Enter, mellanslag och piltangenter. W3C rekommenderar att alla länkar, knappar, fält, menyer och mediekontroller går att nå, att fokus flyttas i logisk ordning och att det aktuella elementet har en synlig ram eller markering.

Ett allvarligt hinder är en tangentbordsfälla: fokus går in i en meny, dialogruta, datumväljare eller cookiepanel men kommer inte ut. Notera även överhoppade kontroller, osynlig fokusmarkering eller en bokningsknapp som bara reagerar på musklick. Skriv exakt sida och steg, inte bara “tangentbordet fungerar inte”.

Läs sidan i normal storlek och zooma sedan webbläsaren till 200 procent. Viktig text och alla kontroller ska fortfarande finnas kvar utan överlappning, bortklippta delar eller besvärlig sidscrollning. Se inte mobilvyn som enda test; förstoring är också viktig för personer med nedsatt syn som använder dator.

Leta efter blek text, instruktioner som bara visas med färg, otydliga länkar som “klicka här” och rubriker som valts för utseendets skull. Det ska gå att skanna rubrikerna och förstå sidan. “Begär hembesök” säger mer än “Skicka”. Ett kontrastverktyg ger stöd, men resultatet måste bedömas i den riktiga designen.

W3C anger att informativa bilder behöver textalternativ som förmedlar den viktiga informationen. Ett foto från en butik kan behöva beskriva den stegfria entrén som visas; en bild som är länk ska beskriva vart den leder eller vad den gör. Rent dekorativa bilder bör normalt ha tom alt-text så att skärmläsaren kan hoppa över dem.

Använd inte filnamnet som beskrivning och fyll inte texten med sökord. Fråga vad kunden skulle missa om bilden inte laddades. Om samma information redan står bredvid kan en kort text räcka. Diagram, kartor, menyer, prislistor och öppettider som bara finns som bild behöver även en textversion av det väsentliga.

Kontakt-, offert-, boknings- och kassaflöden är platser där ett hinder direkt kan bli en förlorad förfrågan. Varje fält behöver en tydlig etikett. Obligatoriska uppgifter får inte markeras enbart med röd färg, och exempel ska förklara lokala format för datum, landsnummer, postnummer eller decimaler när det behövs.

Skicka formuläret tomt, skriv en ogiltig e-postadress och rätta sedan felet. W3C rekommenderar korta felmeddelanden som är lätta att hitta och tydligt säger hur problemet löses. Kontrollera att korrekta uppgifter ligger kvar och att en synlig bekräftelse berättar vad som händer härnäst. Gör om allt med tangentbord.

På en liten skärm ska knappar vara lätta att trycka på, text kunna förstoras, menyer gå att öppna och stänga och fasta band inte täcka nästa steg. Vrid telefonen och prova gärna med långsam anslutning. En kontroll som tekniskt finns är ändå oanvändbar om den ligger bakom en cookiepanel.

Granska sedan varje språk som en egen kundupplevelse. Tyska knappar kan bli längre än svenska, och adressfält eller bokningstermer skiljer sig mellan marknader. Kontrollera sidans angivna språk, rubrikordning, fältetiketter, fel, bildtexter och bekräftelser – inte bara brödtexten.

Skapa en enkel tabell med sida, uppgift, hinder, vem som påverkas, allvarlighetsgrad, ansvarig och mål-datum. Åtgärda först blockeringar i viktiga flöden: en bokningsknapp som inte går att nå väger tyngre än en mindre brist i en dekorativ ikon. Ta sedan återkommande fel i navigering, formulär och mallar, eftersom en ändring kan förbättra många sidor.

Ett mindre hotell upptäcker till exempel att datumväljaren inte fungerar med tangentbord, feltexten är svag och rumsbilder saknar användbara beskrivningar. Först gör hotellet bokning och felhantering användbar, därefter förbättras den gemensamma rumsmallen. Ordningen följer kundens möjlighet att lyckas, inte det fel som är enklast att räkna.

Testa om huvudflödet efter ändringar i navigering, formulär, bokningssystem, cookiepanel eller design. Lägg till tangentbord, zoom, bildtexter, etiketter, fel och mobil i publiceringslistan. Be verkliga användare om synpunkter och ge dem ett tillgängligt sätt att rapportera problem.

Automatiska verktyg ger repeterbara signaler, men W3C är tydligt med att inget verktyg ensamt kan avgöra om en webbplats är tillgänglig. En rimlig rutin kombinerar snabbkontroller, automatisk skanning, mänskliga tester och specialistbedömning när risk eller tjänst kräver det. Då blir tillgänglighet löpande kvalitetsarbete.