Meningsfull rekkefølge (HTML)
Hver side skal fortsatt gi mening når innholdet oppleves i en rett linje, fra øverst til nederst i den underliggende koden. Silktide kan ikke vurdere dette automatisk, så denne kontrollen ber deg om å bekrefte det selv.
Det visuelle oppsettet på en side og kan være forskjellige. Med CSS kan et element plasseres hvor som helst på skjermen, men en leser siden i den rekkefølgen -koden er skrevet. Når de to ikke samsvarer – for eksempel når et sidefelt står før innholdet det kommenterer, eller priser er skilt fra produktene de tilhører – kan siden være misvisende for alle som opplever den lineært.
Hvorfor dette er viktig
Mange besøkende opplever siden din som en sekvens snarere enn et oppsett: personer som lytter med en skjermleser, personer som navigerer med tastatur, og personer på enheter som flyter innholdet på nytt. Hvis meningen bare avhenger av visuell plassering, kan disse besøkende høre instruksjoner etter trinnet de skal brukes på, eller svar som er løsrevet fra spørsmålene sine – alt innholdet finnes der, men historien det forteller, blir feil.
Slik løser du det
Dette er en manuell gjennomgang. Slik bekrefter du en side:
- Les siden med en skjermleser, eller bruk nettleserens leservisning, og kontroller at det du hører, forteller den samme historien som det du ser.
- Du kan også deaktivere -stiler i nettleserens utviklerverktøy og lese siden som vanlig innhold, ovenfra og ned.
- Hvis rekkefølgen er feil, flytter du elementene i HTML-koden slik at
kildefølgen samsvarer med meningen, og bruker CSS til visuell plassering. Vær
forsiktig med CSS som endrer rekkefølgen på innholdet visuelt, for eksempel
orderi flexbox – dette endrer det folk ser, uten å endre det som leses høyt.
Slik tester Silktide dette
Silktide kan ikke automatisk avgjøre om en sides leserekkefølge samsvarer med meningen, så denne kontrollen oppretter ett gjennomgangselement per side som du må bekrefte manuelt. Når du har bekreftet siden, markerer du gjennomgangen som fullført.