Toegankelijkheid met scope
Met behulp van het attribuut scope op het element <th> geef je aan of de kop voor een kolom of voor een rij is. Het kan de waarde row aannemen voor de kop van een rij of col voor de kop van een kolom.
Probleem
De HTML-tabel specificatie moet uiteindelijk elementen en attributen bevatten die verder gaan dan nodig is om een bepaalde look voor gegevens in tabelvorm te bereiken.
Deze extra onderdelen van de tabel kunnen gebruikt worden om ervoor te zorgen dat de inhoud duidelijk is wanneer die wordt voorgelezen aan slechtziende gebruikers die de visuele lay-out niet kunnen zien.
Ze zijn gemakkelijk te implementeren, maar toch worden ze vaak weggelaten door web ontwikkelaars.
Design
Het th element identificeert data als een rij- of kolomkop. Ons voorbeeld bevat zowel rij- en kolomkoppen. Om ervoor te zorgen dat dit duidelijk is voor een screenreader, gebruiken we het scope attribuut van de th-tag. Het scope attribuut geeft aan of er een bepaalde kop is aangebracht op de kolom (col) of rij (row).
Maak er een goede gewoonte van om onmiddellijk de toegankelijkheid van je tabellen voor gebruikers van apparaten zoals schermlezers te implementeren en wacht daarvoor niet totdat je site af is.
Oplossing
Visueel verandert dat niets aan de tabel. Het scope attribuut is dan ook bedoeld om de toegankelijkheid van je site te vergroten.