Usability tag attributen

Met de komst van HTML 4.01 en XHTML was het opeens verplicht een alt te specifiëren, nu je design leed er niet onder als je het niet deed, maar als goede webdesigner doe je het de dag van vandaag toch.
En waarom eigenlijk. Je website heeft er geen voordeel bij.

Neen inderdaad, je website niet, maar wel je bezoekers met een visuele handicap (het zicht dus), deze kunnen perfect gebruik maken van je website als je deze 2 tag attributen gebruikt.

De schuld van internet explorer

Het grootste probleem ligt in het gebruik en wanneer welk voor welk doel. Nu kon je altijd een alt tekst voorzien bij een afbeelding, Internet Explorer toonde dit dan als tooltip, en dat is verkeerd, alt is alternatieve tekst voor als je afbeelding om een of andere donkerbruine reden niet kan getoond worden terwijl nu de title wel als tooltip kan dienen.

alt

Dient dus voor alternatieve tekst als je geen afbeelding kan tonen, of de browser is text-only, of mensen willen hun surf-tijd versnellen en schakelen afbeeldingen weergeven uit.
Je bepaalt dus beter altijd een duidelijke omschrijving van de afbeelding die getoond moet worden.

Als je nu een afbeelding hebt die een onderdeel van je layout vormt heeft het natuurlijk weinig zin daarvoor een omschrijving te geven: alt="ronde hoek links onder" heeft geen meerwaarde, maar plaats een lege alt: alt="".

Mensen met een screenreader krijgen anders de bestandnaam voorgelezen.

Kleine W3C link tip voor weetgragen

title

Deze dient dus zoals reeds aangehaald als tooltip voor bijvoorbeeld je links in een navigatie of deze nu tekstueel of grafisch van aard zijn.
Ook hier geldt weer de regel, hoe duidelijker hoe beter.

Titels zoals “hier klikken”, zijn niet echt duidelijk voor mensen die je links niet “zien“.

Besluit

Denk bij het html’len ook eens aan mensen met een handicap, zij zullen je dankbaar zijn.

Update: Kevin liet mij weten dat ik vergeten was te vermelden dat de alt wel een meerwaarde voor je website kan betekenen.