Identisk tabeloversigt og billedtekst
Silktide tjekker tabeller, der både har en summary-attribut og en billedtekst, og
rapporterer dem, hvor de to siger præcis det samme. De har hver sit formål, så
at kopiere den ene til den anden skaber kun gentagelser.
I er <caption>-elementet tabellens
synlige titel, mens summary-attributten er en usynlig beskrivelse,
der skal forklare tabellens struktur for brugere af
.
<!-- Problem: oversigten gentager blot billedteksten -->
<table summary="Åbningstider">
<caption>Åbningstider</caption>
...
</table>
Hvorfor det er vigtigt
Skærmlæsere annoncerer både billedteksten og oversigten, når lytteren når frem til en tabel. Når de er identiske, læses den samme tekst op to gange, hvilket spilder lytterens tid og antyder, at oversigten er udfyldt for at sætte flueben frem for at hjælpe. En nyttig oversigt tilføjer noget, som billedteksten ikke gør: hvordan tabellen er organiseret, eller hvordan den bedst læses.
Sådan løser du det
- Fjern enten
summary-attributten, og behold billedteksten, eller - Omskriv oversigten, så den supplerer billedteksten ved at beskrive tabellens struktur:
<!-- Løst: oversigten tilføjer strukturel information -->
<table summary="Dage i første kolonne, formiddags- og eftermiddagstider i anden og tredje kolonne">
<caption>Åbningstider</caption>
...
</table>
Bemærk, at summary-attributten stammer fra HTML 4 og er forældet i
nuværende HTML, så det er ofte det bedste langsigtede valg at fjerne den. Et synligt
afsnit før tabellen kan give den samme forklaring til alle.
Sådan tester Silktide dette
- Find alle tabeller på hver side.
- Spring tabeller over, der er markeret som præsentationstabeller med
role="presentation". - Spring tabeller over uden en
summary-attribut eller uden en<caption>. - Sammenlign de to tekster, idet der ses bort fra store og små bogstaver samt ekstra mellemrum, og rapporter tabellen, hvis de er identiske.