Toegankelijkheid verbeteren van een tabel summery scope en abbr tags

uit de cursus Basiskennis HTML

Toegankelijkheid verbeteren van een tabel summery scope en abbr tags
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Basiskennis HTML

perm_identity Belinda | video_library 40 video's | query_builder 2:50:32

In de cursus basiskennis HTML leer je hoe je webpagina’s structureert met de juiste HTML-tags. Om webpagina’s correct te kunnen voorvertonen door browsers is het essentieel dat je de juiste HTML-tags verbindt aan de content. In webdesign is namelijk de content gescheiden met de opmaak. Zoekmachines gebruiken de HTML-structurering om betekenis en waarde aan de content te verbinden. Maak je niet gebruik van de juiste structurering dan zul je dit terugzien in de zoekresultaten. Slecht gestructureerde webpagina’s worden minder goed geïndexeerd

Wat kun je hierna?

Een logische vervolgcursus is de cursus Basiskennis CSS. Hierin leer je de vormgeving van webpagina’s onder de knie te krijgen met CSS. Dit is de werkwijze voor het creëren van prachtige webpagina’s. Eerst zorgen dat de HTML op orde is en vervolgens de vormgeving bepalen met CSS.

Belangrijke onderwerpen in deze online basiscursus zijn:

  • Leren maken van de juiste mappenstructuur voor webproducties voor elke dag
  • Semantische beteknis van HTML-tags
  • Pagina’s structureren met HTML-tags conform het W3C
  • Inzicht in de reglementen van het W3C
  • Tabellen toepassen

In deze video behandelen we de onderdelen die het makkelijker maken voor zoekmachines en spraakmachines,

om inzage te krijgen in een tabel.

Spraakmachines spreken in principe een tabel volledig uit.

En dan zijn er een aantal zaken die je voor blinden en slechtzienden dusdanig kan voorbereiden,

dat deze spraakmachine deze tabel prettiger kan uitspreken.

Maar ook zoekmachines kun je nog extra informatie aanbieden,

zodat ze dus de tabel en de inhoud van een tabel beter kunnen indexeren.

Het eerste attribuut wat ik wil behandelen is het table attribuut 'summary'.

Vreemd genoeg is deze voor html, in principe niet meer geldig,

alleen ze zijn niet gekomen met een prettig alternatief,

waardoor deze in principe nog steeds goed bruikbaar is.

Ik zal hem plaatsen, Het is een table attribuut, dus je plaatst summary=" ".

En hierin plaats je een heel korte samenvatting van de tabel.

En dit zou bijvoorbeeld kunnen zijn:

'Overzicht van alle sponsors, de sponsorbedragen en een beschrijving van de bedrijfsactiviteiten voor de sportverening 'Erop uit'.

Iemand die gebruik maakt van een spraakmachine,

die kan op basis van deze korte omschrijving besluiten of hij inderdaad geïnteresseerd is in deze informatie

en de spraakmachine laten uitspreken.

De th's die gebruik je om de titels van de kolommen in te plaatsen.

Maar om aan een spraakmachine goed duidelijk te maken dat

deze th's ook daadwerkelijk moeten worden gebruikt als titels van de kolommen,

gebruik je daarvoor het attribuut scope=" ".

Er zijn twee scope-opties. Eén ervan is 'col' en de andere is 'row'.

Want soms heb je ook een tabel waarin je juist aan het begin, in de eerste kolom, onder elkaar de titels plaatst.

Maar in dit geval staan de titles aan de bovenkant van de kolommen.

Dus dan gebruik je scope="col".

De spraakmachine zal bij het uitspreken van elke rij voor elke cel in die rij eerst dus de titel uitspreken.

In dit geval zijn het niet al te lange zinnen.

Maar kan me voorstellen dat als er voor de zoveelste keer

'bijdragen sponsorbedrag' wordt uitgesproken. Dat je daar een beetje ongeduldig van kan worden.

Dus je kan ook nog aangeven met het attribuut 'abbr' van afkorting.

Dat in plaats van het volledige zinnetje 'logo van de sponsor'.

Dat de spraakmachine alleen maar 'logo' hoeft te zeggen.

En zo kun je in principe per kolom bepalen wat de spraakmachine moet uitspreken.

Dus 'Sponsoren' kan zijn 'sponsor', dat is al een stuk korter.

En, bij 'bijdrage sponsorbedrag' voldoet het in principe gewoon om te zeggen 'bedrag'.

En zo zou je bijvoorbeeld 'bedrijfsomschrijving' in principe gewoon 'omschrijving' kunnen zeggen.

Nou dit maakt het uitspreken van zo'n tabel al een stuk makkelijker en sneller.

Deze attributen de 'summery', de 'abbr' en de 'scope' zijn geen verplichte onderdelen.

Maar als je weet waar ze voor bedoeld zijn, dan weet je ook dat je een aantal mensen er heel blij mee maakt.

En dat je in principe ook zorgt voor een betere indexering door zoekmachines.