Toegankelijkheid verbeteren van een tabel summery scope en abbr tags

uit de cursus Basiskennis HTML (2014)

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een antwoord

Registreer als je wilt reageren.

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

Basiskennis HTML (2014)

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

Leer webpagina’s te bouwen in html

In webdesign is de content gescheiden van 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.

Doelgroep van deze cursus

Webdesigners, webbouwers, appbouwers en vormgevers voor webproducties. Iedereen die wil leren html-pagina’s te vervaardigen.

Wat ga je leren

In de cursus basiskennis HTML leer je hoe je webpagina’s structureert met de juiste HTML-tags. En je leert hoe je de juiste mappenstructuur maakt voor webproducties. Om webpagina’s correct te kunnen voorvertonen door browsers is het essentieel dat je de juiste HTML-tags verbindt aan de content.

Vereiste voorkennis en vaardigheden

Voor het volgen van deze cursus heb je geen voorkennis nodig. Algemene comptervaardigheden is wel aan te raden.

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.

 

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.