Sensoriska egenskaper
Instruktioner får inte enbart förlita sig på form, storlek, placering, orientering, ljud eller färg. "Klicka på den gröna knappen till höger" utesluter användare som inte kan se layouten eller skilja på färger.
Vad det kräver
Instruktioner som talar om för användare hur de ska interagera med innehållet måste fungera för någon som inte kan uppfatta det sensoriska ledtråd du pekar på. Om du säger “klicka på den runda knappen” har en skärmläsaranvändare ingen aning om vilken knapp som är rund. Om du säger “menyn till vänster” har en användare som har reflödat sidan till en enda kolumn ingen vänster sida. Para varje sensorisk ledtråd med en icke-sensorisk identifierare — en etikett, ett namn, ett nummer.
Hur du uppfyller det
- Ersätt “klicka på den gröna knappen” med “klicka på knappen Skicka” — namnge kontrollen.
- Ersätt “se rutan till höger” med “se avsnittet Prissättning nedan” — namnge avsnittet efter dess rubrik.
- För diagramreferenser, namnge den märkta delen snarare än dess position: “se steg 3” inte “se den övre cirkeln.”
- För ljudledtrådar (“du hör ett pip när det är klart”), para med ett synligt statusmeddelande.
- För formreferenser på ikoner (“kugghjulsikonen”), se till att ikonen också har ett tillgängligt namn i koden.
Vanliga fel
- “Tryck på den runda gröna knappen för att fortsätta” — tre sensoriska ledtrådar, inget namn.
- Formulärhjälptext som säger “se panelen till höger” på en skrivbordslayout som blir en enda kolumn på mobil.
- “Lyssna på signalen” utan visuellt alternativ.
- Instruktionstexter som pekar på en “blå länk i sidopanelen” — färg, plats, inget namn.
- Introduktionstour: “verktygstipset med pilen” — förlitar sig enbart på form.
Varför det spelar roll
Det här framgångskriteriet missar sällan automatiserade verktyg (Lighthouse kan inte läsa prosa), så det fångas bara vid manuell granskning. Lösningen är nästan alltid en textredigering, inte en kodändring — lätt att leverera men lätt att missa.