Browsers maken het je niet makkelijk om een website te bouwen die vriendelijk is voor blinden en slechtzienden. Toevallig heb ik onlangs een persoonlijke website gemaakt, juist met het doel om heel erg toegankelijk te zijn. Na wat gepuzzel bleek dat een goede aanpak de website daarmee ook geschikt maakt voor "slechtziende browsers" (lynx, smallscreen, mozaic 1.0, je printer, etc.).
De combinatie die ik gebruik is XHTML Strict en CSS2 en het achterwege laten van javascript (voor veel pagina's is dat gewoon niet nodig). En ik gebruik geen tabellen. De webpagina's zijn dus simpel maar ook vriendelijk. Eigenlijk is het voor mij ook een goed excuus: geen complexe en pixelprecieze pagina's ontwerpen maar simpelere, toegankelijke pagina's die in oude, huidige en toekomstige browsers er goed uit zullen zien.
Een belangrijke feature is wel dat ik de gebruiker laat kiezen uit meerdere alternatieve interfaces (elk is een stylesheet file). Ik heb dus iets als sessionmanagement moeten bouwen om de keuze te onthouden. De keuzes gaan om o.a. kleurgebruik en fontgrootte.
Wat ik graag zou zien is dat je in je pagina header meerdere alternatieven voor een stylesheet kunt opgeven. Nu kan dat alleen per type client (browser, printer etc). De gebruiker zou zelf die keuze moeten kunnen maken. Dat zou erg helpen.
(ik ben nog bezig met het vullen van die site, maar een opzetje vind je hier..
http://www.jetze.com. Test de site eens met de Opera smallscreen functie of resize het scherm: de pagina blijft leesbaar.)
Later toegevoegd: site navigatie voor grote websites kan een groot probleem zijn als je geen javascript gebruikt. Op dit moment is er niet echt een alternatief, maar het is eigenlijk absurd dat er nog steeds geen W3C oplossing bestaat voor gestandaardiseerd navigeren (ik zie een grote behoefte voor een standaard voor navigatie-structuur-data plus bijhorende clients/agents die de data kunnen tonen.) Javascript gebruik voor navigatie-menuutjes is naar mijn mening een gebrekkige oplossing: search-engines kunnen die info niet lezen om zo de context van een pagina te analyseren.
Wat ik graag zou zien is dat je in je pagina header meerdere alternatieven voor een stylesheet kunt opgeven. Nu kan dat alleen per type client (browser, printer etc). De gebruiker zou zelf die keuze moeten kunnen maken. Dat zou erg helpen.
In de <head> van je pagina zet je een aantal stylesheets als volgt:
<link rel="alternate stylesheet" href="foo.css" type="text/css" title="foo" />
<link rel="alternate stylesheet" href="bar.css" type="text/css" title="bar" />
In Mozilla kan je dan met View | Use Style kiezen tussen de verschillende stylesheets die een pagina aanbiedt. Met een paar regeltjes JavaScript kun je het ook gewoon op de pagina zelf door de gebruiker laten selecteren.
Dat oa Mozilla dat kon wist ik niet: leuk en handig maar hoe weet de gebruiker dat hij keuze heeft? De meeste sites ondersteunen dit niet dus gebruikers zullen zelden elke keer controleren of er een alternatief is. Misschien een nieuwe W3 specificate "alternative-stylesheet-visuallyimpaired" die stndaard gekozen wordt als je browser zo is ingesteld. Bovendien hoe onthoud je de keuze voor volgende pagina's: cookie? Dus cookies moeten aan staan in browser en javascript moet werken. Precies functies die ik niet wilde gebruiken om zo browseronafhankelijk mogelijk te zijn. Maar als je doelgroep: moderne browsers is, dan is het een goede tip ;-) (Ik had HTML4.01 beter moeten lezen)