Toegankelijkheidsonderzoek

Issues:
Deelonderzoek content digitale toegankelijkheid Rijksschoonmaakorganisatie

(Alleen de bevindingen, this page is work in progress)

Scope van de evaluatie

Naam website Rijksschoonmaakorganisatie
Datum 22 februari 2024
Scope van de website Alle pagina's op rijksschoonmaak.nl
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 25
nr Bevinding WCAG SC Mogelijk verantwoordelijk Status
1Op pagina https://www.rijksschoonmaak.nl/ is bovenin het Rijksoverheidlogo aanwezig. De tekst in dit logo luidt: "Rijksschoonmaakorganisatie Ministerie van Sociale Zeken en Werkgelegenheid". In de alt-tekst van de afbeelding is slechts een deel van de tekst opgenomen, namelijk alt="Rijksschoonmaakorganisatie". Zorg ervoor dat alle tekst die in de afbeelding voorkomt ook in de alt-tekst van de afbeelding is opgenomen.1.1.1techniek, content, visuele vormgeving
2Op elke pagina met uitzondering van de homepage is bovenin het Rijksoverheidslogo aanwezig. Deze is klikbaar en stuurt je naar de homepage. Zorg ervoor dat de afbeelding alle tekst bevat die in de afbeelding is opgenomen, dus: "Rijksschoonmaakorganisatie Ministerie van Sociale Zeken en Werkgelegenheid". En vul dit aan met de linkdoel omdat het logo klikbaar is: ", ga naar homepage."1.1.1techniek, content, visuele vormgeving
3Op pagina https://www.rijksschoonmaak.nl/ en https://www.rijksschoonmaak.nl/de-rso komt een video voor. Niet alle informatie die in beeld komt is aanwezig in het audiospoor. Op 00:30 komt een tekstblokje in beeld met “120.000+ rijksambtenaren”. Dit wordt niet door de voice-over genoemd, zij heeft het over “al onze collega’s van het rijk”. Op 00:32 komt een tekstblokje in beeld met “klimaatneutraal werken in 2028”. Ook dit wordt niet door de voice-over genoemd, zij heeft het over “met duurzaamheid hoog in het vaandel”. En op 01:05 komt een tekstblokje in beeld met “120 voorwerkers, 40 objectleiders, 15 dienstverleningsmanagers”. Ook dit wordt niet volledig door de voice-over genoemd, zij heeft het over “schoonmaakteams”. Zo zijn er meer situaties waarin niet de volledige informatie door de voice-over wordt verteld. Bovendien staat aan het eind van de video het logo en de tekst “Ga voor meer informatie naar rijksschoonmaak.nl” in beeld. Als je niet kunt zien, mis je deze informatie. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.1.2.5visuele vormgeving
4Op pagina https://www.rijksschoonmaak.nl/actueel/nieuws/2023/05/31/jaaroverzicht-2022---rijksschoonmaakorganisatie zijn koppen en zinnen opgemaakt met het strong- en/of em-element, bijvoorbeeld de kop “samen verduurzamen en doorontwikkelen” en de tekst ”Wilt u graag … kleine oplage beschikbaar ”. Het strong- en em-element zijn bedoeld om nadruk te geven aan één 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 (bijvoorbeeld h2 of h3). Gebruik voor schuine tekst CSS-code en gebruik voor de koppen h2- tot en met h6-elementen. Dit komt ook voor op andere pagina's zoals: - https://www.rijksschoonmaak.nl/contact bij de kop “Contact” - https://www.rijksschoonmaak.nl/toegankelijkheid bij de koppen “World Wide Web Consortium W3C”, “Webrichtlijnen: pas toe of leg uit” en “Platform Rijksoverheid Online”.1.3.1techniek, interactieontwerp, content, visuele vormgeving
5Op pagina https://www.rijksschoonmaak.nl/zoeken?trefwoord=rso&search-submit= wordt onderaan de pagina paginering getoond. Hiervoor is gebruik gemaakt van een geneste lijst. De links "Vorige" en "Volgende" staan in de ‘hoofdlijst’ en de links met de paginanummers staan in de ‘sublijst’ onder het lijstitem “Vorige”. Dat is niet correct. Er is hier geen sprake van een hiërarchie. Het is namelijk niet zo dat de paginanummers onder "Vorige" vallen. Daarom dienen alle links opgenomen te worden in een ‘enkelvoudige’ lijst.1.3.1techniek, interactieontwerp, content, visuele vormgeving
6In de PDF “jaaroverzicht-rso-2022-052023.pdf” die bereikbaar is via pagina https://www.rijksschoonmaak.nl/actueel/nieuws/2023/05/31/jaaroverzicht-2022---rijksschoonmaakorganisatie doen zich de volgende problemen voor:1.3.1techniek, interactieontwerp, content, visuele vormgeving
7In de PDF https://www.rijksschoonmaak.nl/archief/jaarverslagen/2023/5/31/jaaroverzicht-2022---rijksschoonmaakorganisatie is op de titelpagina de titel opgesplitst over meerdere koppen. Het gedeelte “Jaaroverzicht 2022” is opgemaakt met een H1-tag en het gedeelte “Rijksschoonmaakorganisatie” is opgemaakt met een H2-tag. Dat is niet correct. Deze teksten dienen daarom samengevoegd te worden binnen de H1-tag. De opmaak van de titel kan uiteraard wel zo blijven.1.3.1techniek, interactieontwerp, content, visuele vormgeving
8In de PDF https://www.rijksschoonmaak.nl/archief/jaarverslagen/2023/5/31/jaaroverzicht-2022---rijksschoonmaakorganisatie heeft de kop “Rijksschoonmaakorganisatie” op de titelpagina geen content. Dat komt omdat deze direct gevolgd wordt door een kop van een hoger niveau, namelijk “Overzicht”. Let op, ook als de H2-kop “Rijksschoonmaakorganisatie” wordt samengevoegd met de H1-kop “Jaaroverzicht 2022” blijft dat probleem bestaan. Want ook als een kop gevolgd wordt door een kop van hetzelfde niveau heeft deze geen content. Los dit op door voor “Overzicht” een kop van een lager niveau te kiezen dan de kop erboven. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. 1.3.1techniek, interactieontwerp, content, visuele vormgeving
9In de PDF https://www.rijksschoonmaak.nl/archief/jaarverslagen/2023/5/31/jaaroverzicht-2022---rijksschoonmaakorganisatie staat op pagina 2 onder de kop “Overzicht” een inhoudsopgave. Deze is nu opgemaakt met P-tags, maar beter is om deze op te maken als een lijst met het L-, LI en Lbody-tags. En nog beter is om hier een echte inhoudsopgave van te maken met ToC-tags.1.3.1techniek, interactieontwerp, content, visuele vormgeving
10In de PDF https://www.rijksschoonmaak.nl/archief/jaarverslagen/2023/5/31/jaaroverzicht-2022---rijksschoonmaakorganisatie wordt op pagina 4 een “Tijdlijn” weergegeven. De maanden bij de tijdlijn zijn hier met een P-tag opgemaakt. Deze dienen hier als kopjes opgemaakt te worden, zodat de structuur van het document ook duidelijk is voor mensen die gebruik maken van voorleessoftware. Pas dit aan voor alle pagina’s waarop een tijdlijn voorkomt.1.3.1techniek, interactieontwerp, content, visuele vormgeving
11In de PDF https://www.rijksschoonmaak.nl/archief/jaarverslagen/2023/5/31/jaaroverzicht-2022---rijksschoonmaakorganisatie wordem door het hele document stukjes tijdlijn en interviews afgewisseld. Voor gebruikers van voorleessoftware is dat niet duidelijk, omdat deze onderdelen naadloos in elkaar overlopen. Beter is om aan het begin van een interview een kop “Interview te plaatsen” en bij een tijdlijn een kop “Tijdlijn”. Deze mag eventueel visueel verborgen worden.1.3.1techniek, interactieontwerp, content, visuele vormgeving
12In de PDF https://www.rijksschoonmaak.nl/archief/jaarverslagen/2023/5/31/jaaroverzicht-2022---rijksschoonmaakorganisatie zijn op pagina 15 de kopteksten “Waarom vond jij het belangrijk om deze taalcursus te doen?” en “Hoe is het aanmelden voor de cursus bij jou gegaan?” niet opgemaakt als H2-koppen maar staan ze binnen de alinea’s waar ze boven horen te staan. Daar lijkt iets mis gegaan te zijn. Er boven staan namelijk twee lege h2-koppen. Los dit op door de kopteksten op te maken als H2-koppen en plaats ze boven de alinea waar ze bijhoren.1.3.1techniek, interactieontwerp, content, visuele vormgeving
13In de PDF https://www.rijksschoonmaak.nl/binaries/rijksschoonmaak/documenten/jaarverslagen/2022/06/28/jaarverslag-rijksschoonmaakorganisatie-2021/74295_SZW_Publieksjaarverslag+2021+RSO_TG.pdf is op de titelpagina de titel “Jaarverslag 2021” verdeeld over twee H1-koppen. Dit is waarschijnlijk gedaan om beiden te voorzien van een andere opmaak. Voeg deze samen tot één kop. Voorleessoftware leest nu voor dat er twee koppen zijn. Bovendien is de eerste kop nu leeg, omdat daaronder een kop staat van hetzelfde niveau.1.3.1techniek, interactieontwerp, content, visuele vormgeving
14In de PDF https://www.rijksschoonmaak.nl/binaries/rijksschoonmaak/documenten/jaarverslagen/2022/06/28/jaarverslag-rijksschoonmaakorganisatie-2021/74295_SZW_Publieksjaarverslag+2021+RSO_TG.pdf is op pagina 6 de koptekst “Missie van de Rijksschoonmaakorganisatie” opgemaakt als een alinea met de P-tag. Dat is niet correct dit is een echte kop en dient daarom ook opgemaakt te worden als een kop. Zorg ervoor dat de juiste code wordt gebruikt om deze koppen op te maken.1.3.1techniek, interactieontwerp, content, visuele vormgeving
15In de PDF https://www.rijksschoonmaak.nl/binaries/rijksschoonmaak/documenten/jaarverslagen/2022/06/28/jaarverslag-rijksschoonmaakorganisatie-2021/74295_SZW_Publieksjaarverslag+2021+RSO_TG.pdf is op pagina 15 de koptekst “Duurzame inzetbaarheid arbeidsparticipanten” opgemaakt als een alinea met een P-tag. Dit is een echte kop, en dient daarom in dit geval bij voorkeur opgemaakt te worden met de H3-tag. Zorg ervoor dat de juiste code wordt gebruikt om koppen op te maken.1.3.1techniek, interactieontwerp, content, visuele vormgeving
16In de PDF https://www.rijksschoonmaak.nl/binaries/rijksschoonmaak/documenten/jaarverslagen/2022/06/28/jaarverslag-rijksschoonmaakorganisatie-2021/74295_SZW_Publieksjaarverslag+2021+RSO_TG.pdf staat op pagina 23 een tabel met de ‘gerealiseerde ontvangsten en uitgaven van de Rijksschoonmaakorganisatie in 2021’. De kolomkoppen zijn hier correct opgemaakt met de TH-tag. Dat is echter niet het geval bij de rijen. Elke eerste cel in een rij is namelijk ook een rijkop, bijvoorbeeld de koptekst “Bijdragen DVA”, maar deze zijn opgemaakt als datacellen. Vervang daarom de TD-tag door een TH-tag. Omdat er nu zowel kolomkoppen als rijkoppen aanwezig zijn, dient hulpsoftware de relatie tussen deze kop- en datacellen te kunnen bepalen. Om dit probleem op te lossen moeten de data- en kop-cellen aan elkaar worden gekoppeld. Gebruik hiervoor het scope-attribuut op th-elementen.1.3.1techniek, interactieontwerp, content, visuele vormgeving
17In de PDF https://www.rijksschoonmaak.nl/binaries/rijksschoonmaak/documenten/jaarverslagen/2022/06/28/jaarverslag-rijksschoonmaakorganisatie-2021/74295_SZW_Publieksjaarverslag+2021+RSO_TG.pdf is op pagina 26 de content onder de kop “Facts & Figures Rijksschoonmaakorganisatie” niet gecodeerd, waardoor deze niet beschikbaar is voor voorleessoftware. Zorg ervoor dat ook deze informatie beschikbaar komt. 1.3.1techniek, interactieontwerp, content, visuele vormgeving
18In de PDF https://www.rijksschoonmaak.nl/binaries/rijksschoonmaak/documenten/jaarverslagen/2022/06/28/jaarverslag-rijksschoonmaakorganisatie-2021/74295_SZW_Publieksjaarverslag+2021+RSO_TG.pdf is op pagina 27 de koptekst “Colofon” opgemaakt als een alinea. Maak deze in de code op als een echte kop.1.3.1techniek, interactieontwerp, content, visuele vormgeving
19In de PDF https://www.rijksschoonmaak.nl/binaries/rijksschoonmaak/documenten/jaarverslagen/2022/06/28/jaarverslag-rijksschoonmaakorganisatie-2021/74295_SZW_Publieksjaarverslag+2021+RSO_TG.pdf is op pagina 27 de tekst “Dit is een uitgave van de Rijksschoonmaakorganisatie.” Verdeeld over twee alinea’s. Dat is niet correct. Voeg deze tekst samen tot één paragraaf.1.3.1techniek, interactieontwerp, content, visuele vormgeving
20In de PDF https://www.rijksschoonmaak.nl/archief/jaarverslagen/2023/5/31/jaaroverzicht-2022---rijksschoonmaakorganisatie staat bij elk interview boven de kop van het interview de naam van de geïnterviewde persoon. Dus bijvoorbeeld op pagina 6 staat boven de kop “Het is heel belangrijk dat mensen zich gezien en gehoord voelen” de tekst “Elsmarinda van der Vlies - Ambulant objectleider”. Als dit achter elkaar wordt voorgelezen is het niet duidelijk bij welke kop de naam van de geïnterviewde hoort. Zorg dat de naam van de geïnterviewde persoon in de leesvolgorde na de kop staat. Visueel mag deze indeling wel aangehouden worden. Pas dit bij alle interviews aan.1.3.2content, visuele vormgeving
21In de PDF https://www.rijksschoonmaak.nl/archief/jaarverslagen/2023/5/31/jaaroverzicht-2022---rijksschoonmaakorganisatie is op pagina 14 het contrastverschil tussen de witte tekst “Hicran Tekbasan” tegen de afbeelding erachter niet op alle plaatsen voldoende. Dit is bijvoorbeeld bij de eerste letter slechts 3,4:1. Dit moet minimaal 4,5:1 zijn. En bij de linktekst “Naar overzicht” is dit op sommige plaatsen met 1,6:1 zelfs nog lager. De tekst met het paginanummer is haast onleesbaar. Controleer dit voor alle pagina’s.1.4.3interactieontwerp
22Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan wordt op alle pagina’s een logo getoond waarin de tekst “Rijksschoonmaakorganisatie Ministerie van Sociale Zaken en Werkgelegenheid” ontbreekt. Dat is verlies van informatie.1.4.10interactieontwerp, content
23Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op pagina https://www.rijksschoonmaak.nl/archief/jaarverslagen/2022/06/28/jaarverslag-rijksschoonmaakorganisatie-2021 een deel van de tekst buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Vermijd overigens de scrollbalk in de leesrichting (horizontaal). Dit komt ook voor op: - https://www.rijksschoonmaak.nl/actueel/nieuws/2023/05/31/jaaroverzicht-2022---rijksschoonmaakorganisatie1.4.10interactieontwerp, content
24Op pagina https://www.rijksschoonmaak.nl/zoeken?trefwoord=rso&pagina=3 is onderaan de pagina 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.2.4.4techniek, interactieontwerp, content, visuele vormgeving
25Op pagina https://www.rijksschoonmaak.nl/ 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. Dit is een technisch probleem, die nog niet is opgenomen in de lijst op https://www.platformrijksoverheidonline.nl/toegankelijkheid/toegankelijkheid-pro-sites/4.1.2techniek, content, visuele vormgeving

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

Geprint: 2024-11-21 11:43:30 v2.4-011