Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website soaaids.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Soa Aids Nederland
Datum 7 april 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's en PDF's op soaaids.nl, inclusief soaaids.nl/en en soaaids.nl/nl/professionals.
Buiten de scope van het het onderzoek valt:
  • De pagina's op soatest.advies.chat en de pagina's van leren.soaaids.nl. Deze domeinen vereisen een eigen onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via soaaids.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 19

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: In de footer op elke pagina staan een aantal icoontjes zoals een telefoon hoorn, een brief of een chat-wolk. Deze SVG's geven informatie en hebben daardoor een alt-attribuut nodig met in het geval van de telefoon en de envelop een alternatieve tekst die het doel van de afbeelding beschrijft, zoals 'Telefoonnummer' of 'E-mailadres'.

Bevinding 2: Op pagina https://www.soaaids.nl/nl/cookie-beleid wordt met groene vinkjes aangegeven welke cookies op welke pagina worden gebruikt. De alternatieve tekst bestaat uit eenzelfde vinkje. Speciale tekens worden niet door alle voorleessoftware voorgelezen. Gebruik daarom een beschrijvende alternatieve tekst, bijvoorbeeld 'Ja', om dit probleem op te lossen.

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 3: In de video op pagina https://www.soaaids.nl/nl/alle-soas/chlamydia komen teksten voor die niet uitgesproken worden en die terug te vinden zijn in de website. Bijvoorbeeld de naam van de huisarts op 0:05 of de makers van de video op 2:10. Zo kunnen mensen die de video niet kunnen zien niet weten wat er word getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 4: In de video op pagina https://www.soaaids.nl/nl/alle-soas/chlamydia komen teksten voor die niet uitgesproken worden en die terug te vinden zijn in de website. Bijvoorbeeld de naam van de huisarts op 0:05 of de makers van de video op 2:10. Zo kunnen mensen die de video niet kunnen zien niet weten wat er word getoond in de video. Maak voor deze en andere informatie gebruik van een extra audiospoor.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: Op de homepagina https://www.soaaids.nl/nl zijn meerdere zinnen/koppen opgemaakt met het strong- en/of em-element, bijvoorbeeld "Je kunt ons ook bellen op:" en "Stel je vraag anoniem.". Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Ook mogen deze elementen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (h2, h3 etc.). Het zelfde geldt bijvoorbeeld voor de tekst "Bereikbaar op:" in de footer van elke pagina.
Dit komt op meerdere pagina's voor, waaronder bij bijvoorbeeld de tekst 'Vrouwen kunnen deze klachten hebben:' op pagina https://www.soaaids.nl/nl/heb-ik-soa/afscheiding.

Bevinding 6: Op pagina https://www.soaaids.nl/nl/heb-ik-soa/afscheiding komen teksten voor die er visueel uit zien als kop, maar dat in de code niet zijn. Het gaat om de informatie bij 'Heb je deze klachten' en 'Dan heb je misschien'. Deze informatie kan daarnaast beter gepresenteerd worden in een tabel, zodat de relatie tussen de bovenstaande koppen en de informatie eronder duidelijker is voor bezoekers die gebruik maken van voorleessoftware.

Bevinding 7: Op pagina https://www.soaaids.nl/nl/professionals/themas/seksoa-magazine/praktijkverhaal-pijn-bij-vrijen-wondjes-fysieke-klacht-of-bio-psychosociaal wordt voor de introductietekst boven het artikel gebruik gemaakt van het em-element. Het em-element geeft nadruk aan een enkel woord of korte zin en betekent dat de tekst met extra nadruk moet worden uitgesproken. Het mag daarom niet voor puur opmaak gebruikt worden. Gebruik CSS of een vergelijkbare techniek om dit probleem op te lossen.

Bevinding 8: De PDF "Checklist lokale aanpak Nederland naar 0" is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet te bepalen is. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriterium met betrekking tot de PDF code laag zoals semantische koppen en alt teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

1.4 Onderscheidbaar

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 9: De tabellen op pagina https://www.soaaids.nl/nl/cookie-beleid verdwijnen gedeeltelijk buiten beeld bij een schermgrootte van 1024x768px ingezoomd tot 200%. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Vermijd overigens de scrollbalk in de leesrichting (horizontaal). Zie ook 1.4.10

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://www.soaaids.nl/nl/professionals/themas/nederland-naar-0 staat onder de titel "Nederland" een afbeelding met een staafdiagram met teksten. Deze afbeelding bevat tekst en informatie die op deze of de volgende pagina niet voorkomt. Bezoekers die gebruik maken van een eigen CSS stylesheet, in willen zoomen of tekstafstand willen aanpassen, kunnen dat niet doen bij tekst in een afbeelding. Zorg daarom dat deze informatie voor hen ook beschikbaar is als HTML-tekst.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 11: Op de pagina https://www.soaaids.nl/nl/cookie-beleid staan tabellen waarvan de rechterkolommen verdwijnen wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400%. Tabellen zijn afhankelijk van een tweedimensionale presentatie en hoeven daarom niet mee te schalen. Wel moet er een mechanisme zijn om de missende informatie alsnog te kunnen bekijken, bijvoorbeeld met een horizontale scrollbalk.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 12: De menu-items in de navigatiebalk, zoals 'heb ik een soa' of 'soatest', klappen uit en tonen meer opties wanneer de bezoeker eroverheen hovert met de muis of toetsenbordfocus op het menu-item heeft. Er moet een mechanisme beschikbaar zijn waarmee de aanvullende content kan worden gesloten zonder de aanwijzer hover of de toetsenbordfocus te verplaatsen. Dat is hier niet geval. Zorg dat de bezoeker de aanvullende content kan sluiten, bijvoorbeeld met de escape-toets.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 13: Op de pagina https://www.soaaids.nl/nl/alle-soas/chlamydia wordt gebruik gemaakt van de videospeler van Vimeo. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Zorg ervoor dat dit commando uitgeschakeld is of uit te schakelen is.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 14: De PDF "Checklist lokale aanpak Nederland naar 0" heeft geen titel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://www.soaaids.nl/nl/professionals staan links met de linktekst "Meer informatie". Vermijd linkteksten als ‘Lees meer’ en ‘Klik hier’, zulke teksten beschrijven het linkdoel niet, omdat de context niet duidelijk is voor bezoekers die gebruik maken van voorleessoftware. Context betekent voor hulpsoftware bijvoorbeeld dezelfde paragraaf, dezelfde lijst of dezelfde tabelcel. Dat is hier niet het geval. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 16: Boven aan elke pagina staat een button "Voorlezen" met de toegankelijke naam "ReadSpeaker webReader: Luister met webReader". De toegankelijke naam komt niet overeen met de zichtbare naam van de knop. Hierdoor is onder andere de knop niet of moeilijk te bedienen met spraaksoftware. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 17: In de eigenschappen van PDF "Checklist lokale aanpak Nederland naar 0" is de taal niet ingevuld. Dit kan er voor zorgen dat voorleessoftware de PDF in een verkeerde taal voorleest, waardoor de tekst onverstaanbaar is. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF, in dit geval Nederlands.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 18: In de footer van de Engelstalige pagina's staat "Volg ons op" in het Nederlands. Omdat dit afwijkt van de ingestelde hoofdtaal van de pagina (Engels) moet hier een taalwissel worden aangegeven, of vertaal de tekst naar het Engels om dit probleem op te lossen.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 19: Het hamburgermenu van Readspeaker heeft geen toegankelijke naam. Het is voor bezoekers die gebruik maken van voorleessoftware niet duidelijk dat het om het Readspeaker menu gaat. Geef de knop een toegankelijke naam, bijvoorbeeld 'Open Readspeaker menu', om dit probleem op te lossen.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2024-11-21 16:26:38 v2.4-011