Identisk tabellsammanfattning och bildtext
Silktide kontrollerar tabeller som har både ett summary-attribut och en bildtext, och rapporterar de tabeller där de två säger exakt samma sak. De fyller olika funktioner, så att duplicera den ena i den andra skapar bara upprepning.
I är elementet <caption> tabellens synliga titel, medan attributet summary är en osynlig beskrivning som är avsedd att förklara tabellens struktur för användare av .
<!-- Problem: sammanfattningen upprepar bara bildtexten -->
<table summary="Öppettider">
<caption>Öppettider</caption>
...
</table>
Varför detta är viktigt
Skärmläsare läser upp både bildtexten och sammanfattningen när lyssnaren kommer till en tabell. När de är identiska läses samma text upp två gånger, vilket slösar med lyssnarens tid och antyder att sammanfattningen fylldes i för att bocka av en ruta snarare än för att vara till hjälp. En användbar sammanfattning tillför något som bildtexten inte gör: hur tabellen är organiserad eller hur den bäst läses.
Så åtgärdar du problemet
- Ta antingen bort attributet
summaryoch behåll bildtexten, eller - Skriv om sammanfattningen så att den kompletterar bildtexten genom att beskriva tabellens struktur:
<!-- Åtgärdat: sammanfattningen tillför strukturell information -->
<table summary="Dagar i den första kolumnen, förmiddags- och eftermiddagstider i den andra respektive tredje kolumnen">
<caption>Öppettider</caption>
...
</table>
Observera att attributet summary kommer från HTML 4 och är föråldrat i aktuell HTML, så att ta bort det är ofta det bättre långsiktiga valet. Ett synligt stycke före tabellen kan förmedla samma förklaring till alla.
Så testar Silktide detta
- Hitta alla tabeller på varje sida.
- Hoppa över tabeller som har markerats som presentationsinnehåll med
role="presentation". - Hoppa över tabeller utan attributet
summaryeller utan en<caption>. - Jämför de två texterna, utan hänsyn till skiftläge och extra blanksteg, och rapportera tabellen om de är identiska.