Content-audit digitale toegankelijkheid van website mijnzorg.s-hertogenbosch.nl

Een schermlezer leest je site niet zoals een ziende bezoeker hem ziet — hij interpreteert hem aan de hand van de HTML-tags. Een <em> betekent "dit moet benadrukt worden", een <h2> betekent "dit is een kop", een <ul> betekent "dit is een lijst". Worden die tags ingezet voor uitstraling in plaats van betekenis — een <em> om iets cursief te krijgen, een <strong> om iets als kop te laten lijken — dan klopt het verhaal dat de schermlezer aankondigt niet meer met wat er op het scherm staat. Gebruik HTML-tags voor wat ze betekenen, en CSS voor hoe het eruitziet.

Kleurcontrast bepaalt of je tekst en knoppen kunt zien. Niet iedereen heeft perfecte ogen — denk aan collega's boven de vijftig met mild contrastverlies, of iedereen die de site op een telefoon in fel zonlicht bekijkt. Met genoeg contrast (4,5:1 voor tekst, 3:1 voor randen en pictogrammen) blijven knoppen en links zichtbaar, ook voor wie het scherm onder een ongunstige hoek of bij minder licht leest.

PDF's zijn een eigen werkelijkheid binnen je site — ze hebben hun eigen structuur, hun eigen titel, hun eigen taalinstelling. Een PDF die op het scherm prima leest, kan voor een schermlezer een ondoordringbare wand zijn als de tags ontbreken, de taal verkeerd staat of de titel een tijdelijke aanduiding is. Voor een overheidsorganisatie die formele documenten publiceert is dit kritiek: vaak zijn juist die documenten het belangrijkste wat een bezoeker komt halen. Zet de bron-Word eerst goed neer (kopstijlen, taal, lijsten) en sla op als getagde PDF — daarmee is 80% van het werk klaar.