Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid Persberichten Gemeente Rotterdam

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Persberichten Gemeente Rotterdam
Datum 6 augustus 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content op het domein persberichtenrotterdam.nl.
  • PDF's op het domein persberichtenrotterdam.nl.
Buiten de scope van het onderzoek valt:
  • De techniek op het domein persberichtenrotterdam.nl. Dit vereist een eigen onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein 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: De afbeeldingen bij pagina https://persberichtenrotterdam.nl/persberichten/vacation-of-staycation-het-hoekse-strand-is-bereikbaar/ bevatten alleen als beschrijving wie de fotograaf is, niet welke informatie er zichtbaar is op de afbeelding. Zorg ervoor dat de afbeeldingen een kloppende beschrijving hebben als ze op de manier zoals nu op alle pagina's het geval is worden geplaatst (binnen een figure-element met een figcaption). Let er daarnaast ook dat de afbeeldingen links zijn (de afbeelding opent dan in een groter venster) en dat er daarom altijd een alternatieve tekst aanwezig moet zijn, tenminste om het linkdoel te beschrijven. Zie ook succescriterium 2.4.4.

Bevinding 2: De afbeelding op pagina 1 van de PDF op pagina https://persberichtenrotterdam.nl/wp-content/uploads/sites/8/2024/04/Profielschets-burgemeester-van-Rotterdam.pdf is gemarkeerd als figuur met een automatisch gegenereerde beschrijving. Aangezien de afbeelding niet puur decoratief is, moet er een kloppende afbeeldingsbeschrijving aanwezig zijn.

Bevinding 3: In de PDF op https://persberichtenrotterdam.nl/wp-content/uploads/sites/8/2023/10/Actieplan-Samenleven-in-een-stad.pdf komen meerdere afbeeldingen voor die als figuur zijn getagd en ofwel een automatisch gegenereerde beschrijving hebben, of een beschrijving missen. Codeer decoratieve afbeeldingen als artefact en geef informatie afbeeldingen een beschrijvende alternatieve tekst.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op onder andere pagina https://persberichtenrotterdam.nl/persberichten/profielschets-nieuwe-burgemeester-van-rotterdam-vastgesteld/ wordt het em-element gebruikt om tekst schuin op te maken. Het em-element geeft gesproken nadruk aan, en mag daarom niet voor zinnen en paragrafen gebruikt worden. Maak gebruik van CSS of een vergelijkbare techniek om een vergelijkbaar visueel effect te creëren, of maak de tekst niet schuingedrukt. Overweeg daarnaast om quotes binnen een q- of blockquote-element te plaatsen, om duidelijker aan hulpsoftware te communiceren dat het om een quote gaat. Dit komt op meerdere pagina's voor, waaronder op pagina https://persberichtenrotterdam.nl/persberichten/samenleven-gaat-om-verbinding-met-alle-rotterdammers-elke-rotterdammer-is-anders-elke-ander-is-rotterdammer/, op pagina https://persberichtenrotterdam.nl/persberichten/genomen-besluiten-begrotingsraad/ en op pagina https://persberichtenrotterdam.nl/persberichten/gemeente-biedt-extra-ruimte-aan-nachthoreca/.

Bevinding 5: Op pagina https://persberichtenrotterdam.nl/persberichten/samenleven-gaat-om-verbinding-met-alle-rotterdammers-elke-rotterdammer-is-anders-elke-ander-is-rotterdammer/ is de introductietekst opgemaakt met het strong-element. Het strong-element geeft aan dat tekst relatief aan de tekst eromheen belangrijker is. Gebruik het daarom niet puur voor opmaakdoeleinden. Gebruik CSS of een vergelijkbare techniek om een vergelijkbaar visueel effect te creëren. Dit gaat bijvoorbeeld op pagina https://persberichtenrotterdam.nl/persberichten/profielschets-nieuwe-burgemeester-van-rotterdam-vastgesteld/ en op pagina https://persberichtenrotterdam.nl/persberichten/gemeente-biedt-extra-ruimte-aan-nachthoreca/ wel goed. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina https://persberichtenrotterdam.nl/persberichten/hoogvliet-eert-omgekomen-vliegers-met-monument. Op pagina https://persberichtenrotterdam.nl/persberichten/rotterdammers-helpen-massaal-mee-met-invullen-profiel-nieuwe-burgemeester/ komt een vergelijkbare situatie voor, waar een quote is opgemaakt met het strong-element. Gebruik in plaats daarvan CSS en een quote of blockquote element. (Zie vorige bevinding).

Bevinding 6: Op pagina https://persberichtenrotterdam.nl/persberichten/samenleven-gaat-om-verbinding-met-alle-rotterdammers-elke-rotterdammer-is-anders-elke-ander-is-rotterdammer/ zijn visuele koppen opgemaakt met het strong-element in plaats van met een kop-element. Koppen zijn een belangrijk navigatiemiddel voor bezoekers die gebruik maken van hulpsoftware, zij kunnen aan de hand van een koppenlijst en sneltoetsen snel een beeld krijgen van de inhoud van de pagina. Dat kan echter niet als de koppen niet herkenbaar zijn voor hulpsoftware. Verwijder het strong-element en gebruik heading elementen, zoals het h2-element, om koppen op te maken. Dit doet zich op meerdere pagina's voor, waaronder op https://persberichtenrotterdam.nl/persberichten/rotterdamse-aanpak-high-impact-crimes-werkt/, op pagina https://persberichtenrotterdam.nl/persberichten/genomen-besluiten-begrotingsraad/ en op pagina https://persberichtenrotterdam.nl/persberichten/gemeente-biedt-extra-ruimte-aan-nachthoreca/. Op pagina https://persberichtenrotterdam.nl/persberichten/vacation-of-staycation-het-hoekse-strand-is-bereikbaar/ doet zich een vergelijkbare situatie voor, waar visuele koppen niet met het strong-element maar met het b-element zijn opgemaakt. Op pagina https://persberichtenrotterdam.nl/persberichten/actualiteitenraad-2/ komt een vergelijkbare situatie voor waar het em-element gebruikt is om een visuele kop mee te onderscheiden.

Bevinding 7: Op onder andere pagina https://persberichtenrotterdam.nl/persberichten/rotterdamse-aanpak-high-impact-crimes-werkt/ komen tabellen voor. Deze zijn niet correct opgemaakt. De tabel bevat geen caption maar een tekst erboven die is opgemaakt met het em-element. Verder bevat de tabel visueel wel koppen, maar zijn deze niet als table heading (th-elementen) opgemaakt maar met het em-element en het strong-element. Hierdoor is er geen relatie tussen de koppen en de datacellen voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware.

Bevinding 8: Deze bevinding vereist mogelijk een technische oplossing

Bevinding 9: De PDF op pagina https://persberichtenrotterdam.nl/wp-content/uploads/sites/8/2024/04/Profielschets-burgemeester-van-Rotterdam.pdf is niet gecodeerd. Daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 10: In de PDF op pagina https://persberichtenrotterdam.nl/wp-content/uploads/sites/8/2024/04/Profielschets-burgemeester-van-Rotterdam.pdf komen meerdere toegankelijkheidsbevindingen voor:

Bevinding 11: Advies: Op pagina https://persberichtenrotterdam.nl/persberichten/genomen-besluiten-begrotingsraad/ komt een ongeordende lijst voor, die wel qua motienummers oplopend is. Overweeg daarom een geordende lijst te gebruiken.

1.4 Onderscheidbaar

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://persberichtenrotterdam.nl/persberichten/vacation-of-staycation-het-hoekse-strand-is-bereikbaar/ komt een afbeelding voor die informatie bevat die niet elders op de pagina voorkomt, namelijk dat het om de gebiedscommissie van Hoek van Holland gaat. Zorg ervoor dat deze informatie ook terugkomt op de pagina. Plaats daarnaast bij voorkeur geen afbeeldingen die tekst bevatten, aangezien bezoekers die bijvoorbeeld de tekstafstand willen aanpassen, of het contrast van de tekst op de pagina willen aanpassen, dit niet kunnen doen met tekst in een afbeelding. Onder 'Afbeeldingen' komt daarnaast ook een afbeelding voor die tekst bevat.

Bevinding 13: De afbeelding op pagina 1 van de PDF op pagina https://persberichtenrotterdam.nl/wp-content/uploads/sites/8/2024/04/Profielschets-burgemeester-van-Rotterdam.pdf bevat tekst, namelijk de titel van het document. Zorg ervoor dat deze titel ook als tekst beschikbaar is voor bezoekers die bijvoorbeeld de tekstafstand of het contrast van tekst moeten aanpassen om tekst te kunnen lezen, dat kan namelijk niet met tekst op een afbeelding. In deze PDF komen meerdere afbeeldingen voor die tekst bevatten, waaronder de tabel op pagina 36.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 14: De PDF op pagina https://persberichtenrotterdam.nl/wp-content/uploads/sites/8/2024/04/Profielschets-burgemeester-van-Rotterdam.pdf mist een titel. De titel van een document is een belangrijke indicator van de inhoud van het document. Zorg daarom dat er een beschrijvende titel aanwezig is en dat niet de bestandsnaam maar de titel wordt geopend bij het openen van het document.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 15: Op onder andere pagina https://persberichtenrotterdam.nl/persberichten/profielschets-nieuwe-burgemeester-van-rotterdam-vastgesteld/ staat een afbeelding, die ook een link is (de afbeelding opent in een groter venster). Omdat de afbeelding geen alternatieve tekst heeft binnen het img-element, en het a-element ook geen tekst bevat, mist er een toegankelijk linkdoel. Zorg ervoor dat bezoekers weten wat er gebeurt als zij op de afbeelding klikken. Dit doet zich op meerdere pagina's voor, waaronder op pagina https://persberichtenrotterdam.nl/persberichten/hoogvliet-eert-omgekomen-vliegers-met-monument/.

Bevinding 16: Op onder andere pagina https://persberichtenrotterdam.nl/persberichten/profielschets-nieuwe-burgemeester-van-rotterdam-vastgesteld/ staan links naar social media. Deze links verwijzen naar het profiel van de gemeente Rotterdam op het betreffende platform, maar dat komt niet terug in het linkdoel, alleen de naam van het social media platform zelf. Zorg ervoor dat het duidelijk is waar de links precies naar verwijzen. Dit komt op meerdere pagina's voor, waaronder op pagina https://persberichtenrotterdam.nl/persberichten/samenleven-gaat-om-verbinding-met-alle-rotterdammers-elke-rotterdammer-is-anders-elke-ander-is-rotterdammer/.

Bevinding 17: Advies: Op onder andere pagina https://persberichtenrotterdam.nl/persberichten/genomen-besluiten-begrotingsraad/ komt de linktekst 'hier' voor. Dit is geen beschrijvend linkdoel, alleen uit de context kan de bezoeker opmaken waar de link naar verwijst. Overweeg om het linkdoel aan te passen, in dit geval bijvoorbeeld naar 'tweets van de raadsleden op twitter.'

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 18: De taal van de PDF op pagina https://persberichtenrotterdam.nl/wp-content/uploads/sites/8/2024/04/Profielschets-burgemeester-van-Rotterdam.pdf is ingesteld op Engels. Hierdoor zal voorleessoftware overschakelen naar het Engels, bij het voorlezen van de Nederlandse tekst. Hierdoor is de tekst onverstaanbaar. Zorg er daarom voor dat de taal van het document overeenkomt met de hoofdtaal van de inhoud, in dit geval Nederlands.

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: Op onder andere pagina https://persberichtenrotterdam.nl/persberichten/profielschets-nieuwe-burgemeester-van-rotterdam-vastgesteld/ staat een afbeelding, die ook een link is (de afbeelding opent in een groter venster). Deze link heeft geen toegankelijke naam.

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: 2025-01-30 06:13:34 v2.4-011