Naar aanleiding van een artikel over accesskeys op nono.
Net zoals je informatie toegankelijk kunt maken voor computers met eRDF, mag je de mensen zélf niet vergeten (voor wie de informatie eigenlijk bestemd is).
Hoe begin je hieraan?
Toegankelijkheid voor mensen is minstens even belangrijk als voor zoekmachines.
Je zal ook merken dat toegankelijkheid en zoekmachine optimalisatie enkele raakvlakken hebben, want Google en co zijn tenslotte belangrijke blinde gebruikers.
Let wel, toegankelijkheid geldt niet alleen voor (kleuren)blinde mensen
.
Lijstjeswaarschuwing
: Er volgt nu een relatief lange lijst over hoe je een website leesbaar/toegankelijk kan maken voor iedereen.
- Foutloze (x)Html schrijven.
- Structuur en opmaak scheiden, zorg ervoor dat gebruikers zonder javascript de website ook kunnen gebruiken én dat je website logisch ingedeeld is (Informatie Architectuur).
- Zorg voor nuttige/betekenisvolle linktekst (geen klik hier dus), leg relaties tussen je html documenten met het rel en rev attribuut, gebruik zinvolle classnames (gebruik eventueel microformats om informatie aan te duiden).
- Maak dat je gebruikers altijd weten waar ze zich precies op je website bevinden.
- Gebruik het alt attribuut om aan te duiden wat er precies wordt getoond in een afbeelding (beschrijving), indien je wil duidelijk maken wat de afbeelding daar doet in je document gebruik je het title attribuut.
- Duid in je documenten duidelijk het verschil aan tussen inhoud en navigatie (gebruik hiervoor eventueel skiplinks, in combinatie met één van de volgende:
- <div>isions (id) die je met mate gebruikt.
- een link (id en name) in combinatie met een horizontale lijn <hr />.
- Vermijd tabellen voor opmaak, maak gebruik van zinvolle elementen om je data aan te duiden.
- Bij steeds weerkerende elementen in je website, kan je overwegen om numerieke accesskeys te gebruiken om het gebruiksgemak te verhogen indien deze duidelijk worden aangeduid in je design.
- Liefst niet alleen kleuren gebruiken om veranderingen op een pagina aan te duiden (bijvoorbeeld bij :hover)
- Alleen linktekst mag onderstreept zijn, je wil toch niet dat mensen op je gewone onderstreepte tekst beginnen klikken?
- Zorg minstens voor een minimum lettergrootte van 11 punten, bij voorkeur 12 punten.
- Tekst mag niet te breed worden (geen 60~70 woorden op één rij), zorg voor voldoende witruimte zowel horizontaal als verticaal én gebruik een leesbaar lettertype met niet al teveel krulletjes (bij voorkeur een schreefloos lettertype zoals Verdana of Arial).
- Wanneer je veel met Flash werkt, zorg er dan voor dat je een tekstuele versie in (x)Html klaar hebt voor de plug-in loze mensen.
- Gebruik liefst geen bewegende afbeeldingen, of als deze informatie bevat liefst ééntje per pagina.
- Een formulier bevat het liefst <fieldset>s in de plaats van <div>isions mét een passende <legend>, input velden kan je voorzien van een standaardwaarde, een title attribuut en een beschrijvend label waar eventueel het invoermasker in wordt vermeld. Bij eventuele fouten zorg je dat er duidelijk vermeld wordt wat er waar verkeerd ging, en zorg je dat de gegevens geen 2e keer moeten ingevoerd worden. Een reset knop is nergens goed voor
dus laat je best weg uit je formulieren. - Zorg dat de andere (algemenere) foutmeldingen op je website ook in duidelijke mensentaal worden opgesteld.
- Vermijd dat links in een nieuw venster openen, en zorg ervoor dat ze gemakkelijk terug kunnen naar waar ze vandaan kwamen met de back knop.
- Bij het afdrukken van een pagina zorg je ervoor dat alleen de informatie wordt afgedrukt, en niet de advertenties/navigatie/irrelevante zaken. De usability hiervan is iets anders.
- .. toegankelijkheid is nooit af
Wat doen jullie om het web een zo aangename, toegankelijk mogelijke plaats te maken?