Let op! Niet alle issues komen op elke website terug. Ik heb ooit aan Readspeaker gevraagd of ze niet een standaard toegankelijk voorbeeld klaar konden zetten. Zij hebben destijds aangegeven dat zij dit de verantwoordelijkheid vinden van degene die de knop implementeert.
Ook is dit overzicht nog niet volledig en staan hier nog niet alle regelmatig terugkerende issues.
Advies aan organisaties: Houd het simpel en toegankelijk. Maak gebruik van de minimale functionaliteit, namelijk het voorlezen van de tekst. Een voorbeeld hiervan dat rond 2020 is ingebouwd (dus geen garantie): https://www.eur.nl/over-de-eur/huisstijl/adviseurs
1.4.3
Bij focus wordt de tekst 'Lees voor' wit op een witte achtergrond. (dit lijkt inmiddels opgelost op rotterdam.nl)
Dit issue komt met enige regelmaat terug. Niet duidelijk is of dit verkeerd geadviseerd wordt door het bedrijf achter Readspeaker of dat er extra werk moet worden verricht om te voldoen.
Tekst bij de instellingen is onleesbaar (wit op wit) op arnhem.nl
1.4.10
Wanneer bij een schermgrootte van 1280px breed en 1024 px hoog ingezoomd wordt tot 400% dan zijn de instellingen in Readspeaker (bereikbaar via het Readspeaker-menu) niet allemaal even makkelijk bedienbaar. sommige functionaliteit verdwijnt uit het scherm.
1.4.11
Bij focus op de Readspeaker-widget wordt het icoon wit op een witte achtergrond. (dit lijkt inmiddels opgelost op rotterdam.nl maar nog niet op ggdzw.nl)
Zie ook SC 1.4.3.
2.1.1
Readspeaker biedt functies om te vertalen, een woordenboek en meer. De functionaliteit om een stuk tekst te vertalen is enkel met de muis bedienbaar.
2.4.3
Als je het Readspeaker-menu opent en je navigeert verder met de tabtoets dan blijft het menu openstaan. Zorg ervoor dat je het menu pas verlaat zodra het menu is gesloten. Of zie 2.4.7
Als je het instellingen-scherm opent via het Readspeakermenu zijn er radiobuttons. Om de een of andere vage reden krijgen de labels ook de focus, waardoor het meer tijd kost om door deze instellingen te navigeren.
2.4.7
Als je het Readspeaker-menu opent en je navigeert verder met de tabtoets dan blijft het menu openstaan. Je ziet daardoor de focus niet meer van onderdelen die onder dit menu staan. Zorg ervoor dat je het menu pas verlaat zodra het menu is gesloten. Of zorg ervoor dat het menu sluit zodra er uit het menu wordt genavigeerd. Zie ook SC 2.4.3
2.5.3
Hoeveel namen geef je aan een knop? Geadviseerd wordt om op de voorleesknop de tekst "Voorlezen" te plaatsen. Op rotterdam.nl staat op de knop "Lees voor" terwijl de naam van de knop "ReadSpeaker webReader: Luister met webReader". (hoeveel verborgen reclame maak je voor je knop). Hierdoor is de knop moeilijk te bedienen met spraak. Als kers op de taart presenteren ze ook nog eens een andere volgens mij volkomen overbodige title-tekst: "Laat de tekst voorlezen met ReadSpeaker"
3.1.2
Onderaan het Readspeaker-menu staat een zin in het Engels: "Speech enabled by Readspeaker". Bij deze tekst ontbreekt de taalwissel (lang="en").
4.1.2
Voorleessoftware leest bij het openen van het ReadSpeaker menu 'undefined'. (Dit lijkt een tijdelijk probleem te zijn geweest en lijkt opgelost bij rotterdam.nl)
Er is overbodige ARIA aanwezig. Bijvoorbeeld in het Readspeaker-menu bij een aantal knoppen aria-expanded=false voor popups. aria-expanded is bedoeld content die je tevoorschijn tovert en veelal op dezelfde wijze weer verbergt.
Oude issues, lijkt inmiddels overal opgelost
2021 sommige bedieningsknoppen hebben geen naam
2022 toetsenbordnavigatie loopt vast
2021 toetsenbordbediening bij kleurinstelling en spreeksnelheid werkt niet
Getest op: 9-5-2024 Leverancier: https://www.readspeaker.com/nl/ Voorbeelden:
Let op! Niet alle issues komen op elke website terug. Ik heb ooit aan Readspeaker gevraagd of ze niet een standaard toegankelijk voorbeeld klaar konden zetten. Zij hebben destijds aangegeven dat zij dit de verantwoordelijkheid vinden van degene die de knop implementeert. Ook is dit overzicht nog niet volledig en staan hier nog niet alle regelmatig terugkerende issues.
Advies aan organisaties: Houd het simpel en toegankelijk. Maak gebruik van de minimale functionaliteit, namelijk het voorlezen van de tekst. Een voorbeeld hiervan dat rond 2020 is ingebouwd (dus geen garantie): https://www.eur.nl/over-de-eur/huisstijl/adviseurs
1.4.3
Bij focus wordt de tekst 'Lees voor' wit op een witte achtergrond. (dit lijkt inmiddels opgelost op rotterdam.nl) Dit issue komt met enige regelmaat terug. Niet duidelijk is of dit verkeerd geadviseerd wordt door het bedrijf achter Readspeaker of dat er extra werk moet worden verricht om te voldoen.
Tekst bij de instellingen is onleesbaar (wit op wit) op arnhem.nl
1.4.10
Wanneer bij een schermgrootte van 1280px breed en 1024 px hoog ingezoomd wordt tot 400% dan zijn de instellingen in Readspeaker (bereikbaar via het Readspeaker-menu) niet allemaal even makkelijk bedienbaar. sommige functionaliteit verdwijnt uit het scherm.
1.4.11
Bij focus op de Readspeaker-widget wordt het icoon wit op een witte achtergrond. (dit lijkt inmiddels opgelost op rotterdam.nl maar nog niet op ggdzw.nl) Zie ook SC 1.4.3.
2.1.1
Readspeaker biedt functies om te vertalen, een woordenboek en meer. De functionaliteit om een stuk tekst te vertalen is enkel met de muis bedienbaar.
2.4.3
Als je het Readspeaker-menu opent en je navigeert verder met de tabtoets dan blijft het menu openstaan. Zorg ervoor dat je het menu pas verlaat zodra het menu is gesloten. Of zie 2.4.7
Als je het instellingen-scherm opent via het Readspeakermenu zijn er radiobuttons. Om de een of andere vage reden krijgen de labels ook de focus, waardoor het meer tijd kost om door deze instellingen te navigeren.
2.4.7
Als je het Readspeaker-menu opent en je navigeert verder met de tabtoets dan blijft het menu openstaan. Je ziet daardoor de focus niet meer van onderdelen die onder dit menu staan. Zorg ervoor dat je het menu pas verlaat zodra het menu is gesloten. Of zorg ervoor dat het menu sluit zodra er uit het menu wordt genavigeerd. Zie ook SC 2.4.3
2.5.3
Hoeveel namen geef je aan een knop? Geadviseerd wordt om op de voorleesknop de tekst "Voorlezen" te plaatsen. Op rotterdam.nl staat op de knop "Lees voor" terwijl de naam van de knop "ReadSpeaker webReader: Luister met webReader". (hoeveel verborgen reclame maak je voor je knop). Hierdoor is de knop moeilijk te bedienen met spraak. Als kers op de taart presenteren ze ook nog eens een andere volgens mij volkomen overbodige title-tekst: "Laat de tekst voorlezen met ReadSpeaker"
3.1.2
Onderaan het Readspeaker-menu staat een zin in het Engels: "Speech enabled by Readspeaker". Bij deze tekst ontbreekt de taalwissel (lang="en").
4.1.2
Voorleessoftware leest bij het openen van het ReadSpeaker menu 'undefined'. (Dit lijkt een tijdelijk probleem te zijn geweest en lijkt opgelost bij rotterdam.nl)
Er is overbodige ARIA aanwezig. Bijvoorbeeld in het Readspeaker-menu bij een aantal knoppen aria-expanded=false voor popups. aria-expanded is bedoeld content die je tevoorschijn tovert en veelal op dezelfde wijze weer verbergt.
Oude issues, lijkt inmiddels overal opgelost