Meningsfuld rækkefølge (HTML)
Hver side bør stadig give mening, når dens indhold opleves i en lige linje, fra toppen til bunden af den underliggende kode. Silktide kan ikke vurdere dette automatisk, så dette tjek beder dig om selv at bekræfte det.
En sides visuelle layout og dens kan være uenige. Formatering kan placere et element hvor som helst på skærmen, men en læser siden i den rækkefølge, er skrevet i. Når de to afviger – et sidepanel, der er skrevet før det indhold, det kommenterer på, eller priser, der er adskilt fra de produkter, de hører til – kan siden være misvisende for alle, der oplever den lineært.
Hvorfor dette er vigtigt
Mange besøgende oplever din side som en rækkefølge frem for et layout: personer, der lytter med en skærmlæser, personer, der navigerer med tastaturet, og personer på enheder, der ombryder indhold. Hvis betydningen kun afhænger af den visuelle placering, kan disse besøgende høre instruktioner efter det trin, de gælder for, eller svar løsrevet fra deres spørgsmål – alt indholdet er der, men den historie, det fortæller, er forkert.
Sådan retter du det
Dette er en manuel gennemgang. Sådan bekræfter du en side:
- Læs siden med en skærmlæser, eller brug din browsers læsetilstand, og tjek, at det, du hører, fortæller den samme historie som det, du ser.
- Du kan også deaktivere -typografier i din browsers udviklerværktøjer og læse siden som almindeligt indhold fra top til bund.
- Hvis rækkefølgen er forkert, skal du omarrangere elementerne i HTML, så rækkefølgen i kildekoden svarer til betydningen, og bruge CSS til den visuelle placering. Vær forsigtig med CSS, der omarrangerer indhold visuelt, såsom
orderi flexbox – det ændrer det, folk ser, uden at ændre det, der læses højt.
Sådan tester Silktide dette
Silktide kan ikke automatisk afgøre, om en sides læserækkefølge svarer til dens betydning, så dette tjek opretter ét gennemgangspunkt pr. side, som du skal bekræfte manuelt. Når du har bekræftet siden, skal du markere gennemgangen som fuldført.