Identisk tabellsammendrag og bildetekst
Silktide kontrollerer tabeller som har både et sammendragsattributt og en bildetekst, og rapporterer de som sier nøyaktig det samme. De har ulike formål, så å gjenta det ene i det andre skaper bare gjentakelse.
I er <caption>-elementet tabellens synlige tittel, mens summary-attributtet er en usynlig beskrivelse som skal forklare tabellens struktur for brukere av .
<!-- Problem: sammendraget gjentar bare bildeteksten -->
<table summary="Åpningstider">
<caption>Åpningstider</caption>
...
</table>
Hvorfor dette er viktig
Skjermlesere leser opp både bildeteksten og sammendraget når lytteren kommer til en tabell. Når de er identiske, leses den samme teksten opp to ganger. Dette kaster bort lytterens tid og antyder at sammendraget ble fylt ut for å krysse av en boks, i stedet for å være til hjelp. Et nyttig sammendrag tilfører noe som bildeteksten ikke gjør: hvordan tabellen er organisert, eller hvordan den best kan leses.
Slik løser du det
- Fjern enten
summary-attributtet og behold bildeteksten, eller - Skriv om sammendraget slik at det utfyller bildeteksten ved å beskrive tabellens struktur:
<!-- Rettet: sammendraget tilfører strukturell informasjon -->
<table summary="Dager i den første kolonnen, formiddags- og ettermiddagstider i den andre og tredje kolonnen">
<caption>Åpningstider</caption>
...
</table>
Vær oppmerksom på at summary-attributtet kommer fra HTML 4 og er foreldet i moderne HTML, så det er ofte bedre å fjerne det på lang sikt. Et synlig avsnitt før tabellen kan formidle den samme forklaringen til alle.
Slik tester Silktide dette
- Finn alle tabeller på hver side.
- Hopp over tabeller som er merket som presentasjonstabeller med
role="presentation". - Hopp over tabeller uten et
summary-attributt eller uten en<caption>. - Sammenlign de to tekstene, uten å ta hensyn til store og små bokstaver eller ekstra mellomrom, og rapporter tabellen hvis de er identiske.