Overige technische toegankelijkheidsafwijkingen op PRO1

Het icoon dat aangeeft dat een link opent in een externe website wordt uitgeschreven middels CSS. Als een bezoeker een eigen CSS gebruikt of de CSS niet laadt kan hij daardoor niet zien dat een link naar een externe wesite gaat.

We moeten het icoon voor externe links niet in de CSS uitschrijven of op een andere manier aangeven dat een link naar een externe website gaat.

De iconen voor links (chevrons) en voor sociale media worden toegevoegd met pseudo-elementen in de CSS. CSS-content wordt echter vaak voorgelezen door hulpsoftware, maar decoratieve afbeeldingen moeten juist genegeerd worden.

We kunnen een extra span-element met attribuut aria-hidden="true" toevoegen en decoratieve iconen daarin opnemen.

Een webpagina heeft een h1-kop. Het inzetten van de kop in een schermbrede afbeelding zorgt dan voor een dubbele h1-kop, waarvan de eerste geen inhoud heeft.

Om een toegankelijke pagina te maken kan deze kop momenteel dus niet gebruikt worden.

Aan afbeeldingen kan een kop en tekst toegevoegd worden. In de code komt deze afbeelding dan echter boven de kop te staan, terwijl de afbeelding semantisch onder de kop hoort. Nu lijkt het voor hulpsoftware alsof de afbeelding niet bij de kop hoort.

Het label 'Periode' in de datumkiezer is niet programmatisch gekoppeld aan de radiobuttons om een periode te kiezen. Voor bezoekers met hulpsoftware is daardoor onduidelijk wat je met de radionbuttons kunt doen.

In video's staan onder de uitklapper 'Download deze video'  teksten die visueel zijn opgemaakt als kop, maar dat in de HTML niet zijn. Het gaat dan om 'MP4-video', 'Audiospoor' en 'Ondertitelingsbestand'. 

Het contrast van de toetsenbordfocus is voor het invoerveld voor zoeken in de navigatiebalk bij sites met een donkere hoofdkleur te laag.

De videospeler op PRO voldoet niet aan dit succescriterium omdat deze gebruik maakt van bediening door sneltoetsen. Als de focus in de video-element staat, dan is het mogelijk om het geluid van de video te kunnen dempen door op de letter 'M' te drukken. Deze functie werkt ook als de focus op een ander onderdeel in de video staat. Dit is niet toegestaan. Zorg ervoor dat deze functie uitgeschakeld is of uit te schakelen is.

Op pagina's met paginering, zoals de zoekpagina, is onderaan een navigatie aanwezig om tussen de pagina’s met zoekresultaten te kunnen navigeren. De naam van de eerste en laatste link luidt “Vorige” en “Volgende”. Voor niet ziende bezoekers worden deze links voorgelezen als “Kleiner dan vorige pagina” en “Volgende pagina groter dan”. Pas de toegankelijke naam aan naar “Vorige pagina” en “Volgende pagina” zodat het linkdoel voor screenreadergebruikers duidelijk is.

De 404-pagina heeft twee identieke H1-koppen achter elkaar, waarvan de eerste onzichtbaar is en geen inhoud heeft. Dit is verwarrend voor gebruikers van hulpsoftware.

Alle tussenkoppen in formulieren zien er wel uit als kop en hebben die functie, maar zijn zo niet gedefinieerd. Een voorbeeld is de vaste kop 'Informatie over de verwerking van uw persoonsgegevens'. Deze content is daardoor minder toegankelijk voor bezoekers die gebruik maken van schermlezers zoals voorleessoftware of een brailleleesregel.

404-pagina's hebben een H1-kop, maar de volgende is dan een h3-kop. Ze slaan dus de h2-kop over. De structuur van de pagina is daardoor minder duidelijk voor bezoekers die gebruik maken van schermlezers zoals voorleessoftware of een brailleleesregel.

Nadat alle elementen in een grafiek focus hebben gehad verdwijnt de focus, voor wie op "Gegevens in een tabel" terecht komt. Er krijgt een onzichtbaar element onnodig focus. Voor hulpsoftware en toetsenbordgebruikers is daardoor niet altijd duidelijke welk element de focus heeft.

Op pagina's die op een pagina meerdere schermbrede afbeeldingen gebruiken staat bij de diashow bovenin de pagina een pauzeknop. In de code is op deze knop aria-hidden="true" gezet. Hierdoor is de knop en de naam van de knop niet zichtbaar voor hulpsoftware en is de knop bijvoorbeeld niet te bedienen met spraaksoftware.