Verklaring van Wat werkt voor ons? | Hybride werken bij het Rijk

Inhoud

• Samenvatting
• Verklaring
  • Nalevingsstatus
  • Akkoordverklaring
  • Feedback en contactgegevens
• Onderbouwing van de verklaring
  • Onderzoeksresultaten
  • Afwijkingen van de toegankelijkheidsstandaard
  • Andere toegankelijkheidsissues
  • Onevenredige last
• Algemene toelichting
  • Uitleg over de nalevingsstatussen
  • Uitleg over onevenredige last
  • Inhoud buiten de werkingssfeer van het Besluit
  • Links naar bronnen

Onderbouwing van de verklaring

Onderzoeksresultaten

De website Wat werkt voor ons? | Hybride werken bij het Rijk is onderzocht op toegankelijkheid en uit de rapportage blijkt volgens Ministerie van Binnenlandse Zaken en Koninkrijksrelaties dat nog niet aan alle onderstaande kenmerken wordt voldaan:

• De onderzoeksresultaten waarop de claim is gebaseerd zijn beschikbaar via:
  • https://watwerktvooronsrijk.nl/wp-content/uploads/2023/07/Onderzoek-watwerktvooronsrijk.nl-WCAG2.1-AA.pdf
    Kenmerken die in de rapportage zijn vastgelegd:
    • Datum: 24-07-2023
    • Type onderzoek: handmatig onderzoek (eventueel deels automatisch)
    • Onderzoek uitgevoerd door: een onafhankelijke derde partij
    • Oké. Gebruikte standaard: EN 301 549 / WCAG 2.1 niveau AA
    • Oké. Actualiteit: voldoet aan de voorwaarde. Uit de rapportage blijkt dat de meet- en onderzoeksgegevens waarop het onderzoek is gebaseerd jonger zijn dan 36 maanden.
    • Oké. Onderzoeksmethode: voldoet aan de voorwaarde. Uit de rapportage blijkt dat bij het handmatige onderzoek een goed gedocumenteerde evaluatiemethode (WCAG-EM of gelijkwaardig) is gebruikt.
    • Oké. Vastlegging: voldoet aan de eisen. Uit de rapportage blijkt dat de onderzoeksresultaten zijn vastgelegd in een voor mensen leesbaar formaat, of in het machineleesbare formaat EARL.
• De (gecombineerde) onderzoeksresultaten:
  • Oké. Omvatten alle eisen uit hoofdstuk 9 Web (voor websites) of 11 Software (voor mobiele applicaties) van de Europese toegankelijkheidsnorm EN 301 549. De eisen voor websites, mobiele applicaties en downloadbare documenten in deze norm zijn identiek aan de niveau A en AA succescriteria van de wereldwijd toegepaste toegankelijkheidsstandaard WCAG 2.1.
  • Oké. Zijn representatief voor alle content op het hoofddomein en eventuele de sub- en andere domeinen die in de verklaring worden genoemd.
• Niet Oké. Tijdens het onderzoek zijn afwijkingen gevonden op de toegankelijkheidsstandaard, die niet konden worden hersteld voordat het onderzoek werd afgerond.
• Oké. Op basis van de onderzoeksresultaten verklaart Ministerie van Binnenlandse Zaken en Koninkrijksrelaties dat de website gedeeltelijk voldoet aan de toegankelijkheidsstandaard.

(Onder het kopje Uitleg over de nalevingsstatussen worden de kenmerken van de verschillende statussen beschreven).

Afwijkingen van de toegankelijkheidsstandaard

1. SC 0.0.0 - Algemeen
   • Beschrijving van de afwijking:

     De website voldoet op dit moment nog niet geheel aan de vereisten voor WCAG 2.1, niveau AA. Van de 50 succescriteria hebben we bij 16 succescriteria één of meerdere verbeterpunten gevonden. Dit betekent dat de website nog niet volledig toegankelijk is.

   • Oorzaak:

     Het logo van de Rijksoverheid in de header heeft een leeg tekstalternatief. De afbeelding is een informatieve afbeelding en dient daarom de een tekstalternatief te hebben. Een mogelijke oplossing is om bijvoorbeeld alt="Rijksoverheid - Home" te gebruiken. https://watwerktvooronsrijk.nl/

     De informatieve infographic op de volgende pagina heeft geen tekstalternatief, dit is wel nodig. Het zou nog beter zijn als er geen afbeeldingen worden gebruikt om informatie over te dragen.

     De knop met het icoontje van het huisje rechtsboven heeft het tekstalternatief: "Sluiten", dit zou moeten zijn: "naar Homepage".

     Alle belangrijke niet-tekstuele content zoals afbeeldingen, knoppen en formulier invoervelden, moeten een tekstueel alternatief of naam hebben. Dan kan de voorleessoftware van blinde bezoekers die informatie namelijk voorlezen. Voor sommige niet-tekstuele content, zoals video en audio, zijn aparte succescriteria (1.2.1 tot en met 1.2.5). Voor succescriterium 1.1.1 hoeft daarom alleen een beschrijvende naam boven die content geboden te worden.

     De uitgeschreven tekst van de video op de volgende pagina is heel goed gedaan, echter mist er nog een klein deel en dat is de tekst die aan het eind van de video te zien is. Het is belangrijk om deze tekst ook in de uitgeschreven tekst te plaatsen. Let op, een uitgeschreven tekst keuren we niet goed op succescriteria 1.2.5. Audiodescriptie is een betere oplossing.

     https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ (tekst aan het begin en eind van de video) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (tekst aan het eind van de video)

     De video op de volgende pagina biedt geen audiodescriptie voor de belangrijke teksten die in beeld komen. Dit succescriterium is gerelateerd aan succescriterium 1.2.3.

     https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ (tekst aan het begin en eind van de video) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (tekst aan het eind van de video)

     De volgende PDF heeft geen tags en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat tags ontbreken kan de PDF niet verder onderzocht worden op documentstructuur. Let op; bij het oplossen van dit probleem kunnen nieuwe toegankelijkheidsproblemen ontstaan. https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf Op de volgende pagina’s zijn een aantal teksten opgemaakt als kop maar dit is niet in de code aangegeven. De teksten zijn dik gedrukt gemaakt door middel van het <strong> element. Een kop moet altijd het kop-element hebben, bijvoorbeeld H2. Wanneer deze kop met een kop-element wordt opgemaakt, wordt de structurele informatie die de tekst geeft ook overgedragen aan hulpsoftware. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ https://watwerktvooronsrijk.nl/over-het-programma/ (Hybride werken bij het Rijk) https://watwerktvooronsrijk.nl/actueel/ (In de h3 elementen van de kaart componenten) Op de volgende pagina’s zijn een aantal teksten opgemaakt als kop maar dit is niet in de code aangegeven. De teksten zijn dik 14 gedrukt gemaakt door middel van CSS. Een kop moet altijd het kop-element hebben, bijvoorbeeld H2. Wanneer deze kop met een kop-element wordt opgemaakt, wordt de structurele informatie die de tekst geeft ook overgedragen aan hulpsoftware. https://watwerktvooronsrijk.nl/sociale-werkomgeving/ (Download) https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (Download)

     De volgende pagina’s bevat contentblokken waarvan een deel van de content boven de kop van het contentblok in de leesvolgorde voorkomt. Met content wordt bedoeld een afbeelding met een ingevuld alt-attribuut (alt=”een beschrijving van de afbeelding”), een tekst zoals een datum, een categorie en kernwoord en dergelijke die informatie geven horende onder de beschrijvende kop. Zie bijvoorbeeld de pagina: https://watwerktvooronsrijk.nl/actueel/ (Hier staat teksten zoals Fysieke werkomgeving voor de kop in de DOM volgorde.) Een mogelijke oplossing is hier te vinden: https://bbc.github.io/gel/components/demos/cards/

     Een aantal teksten hebben een te laag contrast met de achtergrond. Wanneer het contrast te laag is, kan tekst slecht leesbaar zijn voor bezoekers met een visuele beperking. Het contrast moet bij tekst minstens 4,5:1 zijn. Is de tekst groter dan 18 punt (=24 pixels) of 14 punt (=18,66 pixels) in combinatie met dik gedrukt dan dient het contrast ten minstens 3:1 te zijn. De tekst 'Hybride werken en opgavengericht en grenzeloos samenwerken' op de volgende pagina heeft een te lage contrastverhouding van 2.4:1. https://watwerktvooronsrijk.nl/hybride-werken-en-opgavegericht-en-grenzeloos-samenwerken/ De tekst "Digitaal" van het accordeon element op de volgende pagina heeft een te laag contrast van 3.3:1. Dit komt voor op kleinere resoluties (bijvoorbeeld 320px) https://watwerktvooronsrijk.nl/ Wanneer een gebruiker de ondertiteling wil inschakelen voor de video op de volgende pagina, verschijnt er een tekst met 'Nederlands'. Deze tekst is lastig te lezen omdat dit witte tekst op een lichtblauwe achtergrond is. Het gemeten contrast is 1.2:1 wat te laag is. Een mogelijke oplossing zou zijn om de ondertiteling interface standaard een contrasterende kleur te geven onafhankelijk van de achtergrond. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/

     Het inzoomen op een mobiel wordt belemmerd door de viewport instellingen (<meta name="viewport": user-scalable=0, maximum-scale=1.0").

     Wanneer tekst in een afbeelding staat, kan deze niet worden aangepast aan de wens van bezoekers die een visuele beperking hebben. Plaats informatieve tekst daarom niet in een afbeelding. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (onder tabblad "Passende kantorenportefeuille")

     Als de volgende pagina wordt bekeken op een breedte-resolutie van 320 CSS pixels, dan verdwijnt (deels) de H1. https://watwerktvooronsrijk.nl/hybride-werken-en-opgavegericht-en-grenzeloos-samenwerken/ ( 'Hybride werken en opgavegericht en grenzeloos samenwerken'.) https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (Fysieke werkomgeving) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (Digitale werkomgeving) Dit probleem komt voor op meerdere pagina's.

     Het icoontje bij "Fysiek" op de 3D interactieve image heeft een onvoldoende contrastverhouding van 1,8:1. https://watwerktvooronsrijk.nl/

     In de meta-data van de PDF is de titel ("COM-1274-VO Poster hybride werken-v9") niet goed beschrijvend. De titel dient een korte beschrijving van de inhoud van het bestand te zijn. https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf

     Als het menu geopend is kan door 9 menuitems worden getabt, daarna gaat de focus buiten het menu, en daarna weer terug naar de items onder "Service" en "Over deze site". Zorg dat de focus binnen het menu blijft. Wanneer een gebruiker (met het toetsenbord) op een knop klikt in de 3D interactieve image, verschijnt er een pop-up. De focus wordt niet direct geplaatst binnen deze pop-up, wat er voor zorgt dat de focusvolgorde niet logisch is. Het is ook mogelijk om buiten deze pop-up te tabben terwijl de pop-up nog open staat. Zorg ervoor de pop-up direct de focus krijgt en dat de focus ook binnen dit element blijft tot de gebruiker dit element afsluit. Een andere optie mag ook zijn om de pop-up automatisch te sluiten als er buiten de pop-up wordt getabd. https://watwerktvooronsrijk.nl/

     De links die om de afbeeldingen heen staan hebben geen linktekst en daardoor geen linkdoel. Met linktekst wordt de tekst tussen de anchor tags (<a>Linktekst</a>) bedoeld. Een linkdoel moet duidelijk aangeven waarvoor de link dient, zodat er geen verwarring ontstaat. Wanneer de link enkel een afbeelding bevat, kan de alternatieve tekst van de afbeelding als linkdoel dienen. https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (onder de kop "Gerelateerde artikelen") https://watwerktvooronsrijk.nl/actueel/ (onder de kop "Actueel")

     Het is niet fout maar we raden het wel aan om de paginering op de volgende pagina te voorzien van extra context. Op dit moment is de linktekst "1", "2". Wanneer een gebruiker een linklijst opvraagt is het niet direct duidelijk waar deze cijfers voor staan. Je kan deze links extra context geven door middel van een screenreader-only tekst of een title attribuut. https://watwerktvooronsrijk.nl/actueel/

     De volgende pagina’s heeft/hebben maar een manier om naartoe te navigeren. Zorg er voor dat er minimaal twee manieren beschikbaar zijn, bijvoorbeeld door een sitemap of een zoekfunctionaliteit. https://watwerktvooronsrijk.nl/cookies/ https://watwerktvooronsrijk.nl/contact/

     De focus is na het menu niet zichtbaar, dit komt op alle pagina's voor, ook bij de 3D interactieve image op https://watwerktvooronsrijk.nl/. Het is mogelijk om met het toetsenbord naar de content van de accordeon elementen te navigeren terwijl het element dicht blijft. Hierdoor is de focus niet zichtbaar. Dit kan verwarrend zijn voor gebruikers. Dit komt voor op de volgende pagina's https://watwerktvooronsrijk.nl/ (bij lage resolutie)

     https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ https://watwerktvooronsrijk.nl/digitale-werkomgeving/ https://watwerktvooronsrijk.nl/sociale-werkomgeving/

     In de metadata van de PDF is de taal niet ingesteld. De taal hoort ingesteld te worden, zodat hulpsoftware de informatie uit het bestand in de correcte taal kan overdragen aan de bezoeker. Dit komt voor bij PDF: https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf

     De status van het menu wordt niet duidelijk gemaakt voor gebruikers van hulpapparatuur. Dit wordt meestal opgelost door het toevoegen van een tekstuele uitleg (bijvoorbeeld "(ingeklapt)" en "(uitgeklapt)" die voor reguliere gebruikers onzichtbaar gemaakt is met CSS.). Een andere oplossing die gebruikt mag worden is het aria-expanded attribuut. https://watwerktvooronsrijk.nl/ De status van de accordeon elementen (uitgeklapt of niet) wordt niet duidelijk gemaakt voor gebruikers van hulpapparatuur. Dit wordt meestal opgelost door het toevoegen van een tekstuele uitleg (bijvoorbeeld "(ingeklapt)" en "(uitgeklapt)" die voor reguliere gebruikers onzichtbaar gemaakt is met CSS.). Een andere oplossing die gebruikt mag worden is het aria-expanded attribuut. Dit komt voor op lagere resoluties van de hoofdpagina. https://watwerktvooronsrijk.nl/

   • Gevolg:

     Het logo van de Rijksoverheid in de header heeft een leeg tekstalternatief. De afbeelding is een informatieve afbeelding en dient daarom de een tekstalternatief te hebben. Een mogelijke oplossing is om bijvoorbeeld alt="Rijksoverheid - Home" te gebruiken. https://watwerktvooronsrijk.nl/

     De informatieve infographic op de volgende pagina heeft geen tekstalternatief, dit is wel nodig. Het zou nog beter zijn als er geen afbeeldingen worden gebruikt om informatie over te dragen.

     De knop met het icoontje van het huisje rechtsboven heeft het tekstalternatief: "Sluiten", dit zou moeten zijn: "naar Homepage".

     Alle belangrijke niet-tekstuele content zoals afbeeldingen, knoppen en formulier invoervelden, moeten een tekstueel alternatief of naam hebben. Dan kan de voorleessoftware van blinde bezoekers die informatie namelijk voorlezen. Voor sommige niet-tekstuele content, zoals video en audio, zijn aparte succescriteria (1.2.1 tot en met 1.2.5). Voor succescriterium 1.1.1 hoeft daarom alleen een beschrijvende naam boven die content geboden te worden.

     De uitgeschreven tekst van de video op de volgende pagina is heel goed gedaan, echter mist er nog een klein deel en dat is de tekst die aan het eind van de video te zien is. Het is belangrijk om deze tekst ook in de uitgeschreven tekst te plaatsen. Let op, een uitgeschreven tekst keuren we niet goed op succescriteria 1.2.5. Audiodescriptie is een betere oplossing.

     https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ (tekst aan het begin en eind van de video) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (tekst aan het eind van de video)

     De video op de volgende pagina biedt geen audiodescriptie voor de belangrijke teksten die in beeld komen. Dit succescriterium is gerelateerd aan succescriterium 1.2.3.

     https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ (tekst aan het begin en eind van de video) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (tekst aan het eind van de video)

     De volgende PDF heeft geen tags en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat tags ontbreken kan de PDF niet verder onderzocht worden op documentstructuur. Let op; bij het oplossen van dit probleem kunnen nieuwe toegankelijkheidsproblemen ontstaan. https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf Op de volgende pagina’s zijn een aantal teksten opgemaakt als kop maar dit is niet in de code aangegeven. De teksten zijn dik gedrukt gemaakt door middel van het <strong> element. Een kop moet altijd het kop-element hebben, bijvoorbeeld H2. Wanneer deze kop met een kop-element wordt opgemaakt, wordt de structurele informatie die de tekst geeft ook overgedragen aan hulpsoftware. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ https://watwerktvooronsrijk.nl/over-het-programma/ (Hybride werken bij het Rijk) https://watwerktvooronsrijk.nl/actueel/ (In de h3 elementen van de kaart componenten) Op de volgende pagina’s zijn een aantal teksten opgemaakt als kop maar dit is niet in de code aangegeven. De teksten zijn dik 14 gedrukt gemaakt door middel van CSS. Een kop moet altijd het kop-element hebben, bijvoorbeeld H2. Wanneer deze kop met een kop-element wordt opgemaakt, wordt de structurele informatie die de tekst geeft ook overgedragen aan hulpsoftware. https://watwerktvooronsrijk.nl/sociale-werkomgeving/ (Download) https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (Download)

     De volgende pagina’s bevat contentblokken waarvan een deel van de content boven de kop van het contentblok in de leesvolgorde voorkomt. Met content wordt bedoeld een afbeelding met een ingevuld alt-attribuut (alt=”een beschrijving van de afbeelding”), een tekst zoals een datum, een categorie en kernwoord en dergelijke die informatie geven horende onder de beschrijvende kop. Zie bijvoorbeeld de pagina: https://watwerktvooronsrijk.nl/actueel/ (Hier staat teksten zoals Fysieke werkomgeving voor de kop in de DOM volgorde.) Een mogelijke oplossing is hier te vinden: https://bbc.github.io/gel/components/demos/cards/

     Een aantal teksten hebben een te laag contrast met de achtergrond. Wanneer het contrast te laag is, kan tekst slecht leesbaar zijn voor bezoekers met een visuele beperking. Het contrast moet bij tekst minstens 4,5:1 zijn. Is de tekst groter dan 18 punt (=24 pixels) of 14 punt (=18,66 pixels) in combinatie met dik gedrukt dan dient het contrast ten minstens 3:1 te zijn. De tekst 'Hybride werken en opgavengericht en grenzeloos samenwerken' op de volgende pagina heeft een te lage contrastverhouding van 2.4:1. https://watwerktvooronsrijk.nl/hybride-werken-en-opgavegericht-en-grenzeloos-samenwerken/ De tekst "Digitaal" van het accordeon element op de volgende pagina heeft een te laag contrast van 3.3:1. Dit komt voor op kleinere resoluties (bijvoorbeeld 320px) https://watwerktvooronsrijk.nl/ Wanneer een gebruiker de ondertiteling wil inschakelen voor de video op de volgende pagina, verschijnt er een tekst met 'Nederlands'. Deze tekst is lastig te lezen omdat dit witte tekst op een lichtblauwe achtergrond is. Het gemeten contrast is 1.2:1 wat te laag is. Een mogelijke oplossing zou zijn om de ondertiteling interface standaard een contrasterende kleur te geven onafhankelijk van de achtergrond. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/

     Het inzoomen op een mobiel wordt belemmerd door de viewport instellingen (<meta name="viewport": user-scalable=0, maximum-scale=1.0").

     Wanneer tekst in een afbeelding staat, kan deze niet worden aangepast aan de wens van bezoekers die een visuele beperking hebben. Plaats informatieve tekst daarom niet in een afbeelding. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (onder tabblad "Passende kantorenportefeuille")

     Als de volgende pagina wordt bekeken op een breedte-resolutie van 320 CSS pixels, dan verdwijnt (deels) de H1. https://watwerktvooronsrijk.nl/hybride-werken-en-opgavegericht-en-grenzeloos-samenwerken/ ( 'Hybride werken en opgavegericht en grenzeloos samenwerken'.) https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (Fysieke werkomgeving) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (Digitale werkomgeving) Dit probleem komt voor op meerdere pagina's.

     Het icoontje bij "Fysiek" op de 3D interactieve image heeft een onvoldoende contrastverhouding van 1,8:1. https://watwerktvooronsrijk.nl/

     In de meta-data van de PDF is de titel ("COM-1274-VO Poster hybride werken-v9") niet goed beschrijvend. De titel dient een korte beschrijving van de inhoud van het bestand te zijn. https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf

     Als het menu geopend is kan door 9 menuitems worden getabt, daarna gaat de focus buiten het menu, en daarna weer terug naar de items onder "Service" en "Over deze site". Zorg dat de focus binnen het menu blijft. Wanneer een gebruiker (met het toetsenbord) op een knop klikt in de 3D interactieve image, verschijnt er een pop-up. De focus wordt niet direct geplaatst binnen deze pop-up, wat er voor zorgt dat de focusvolgorde niet logisch is. Het is ook mogelijk om buiten deze pop-up te tabben terwijl de pop-up nog open staat. Zorg ervoor de pop-up direct de focus krijgt en dat de focus ook binnen dit element blijft tot de gebruiker dit element afsluit. Een andere optie mag ook zijn om de pop-up automatisch te sluiten als er buiten de pop-up wordt getabd. https://watwerktvooronsrijk.nl/

     De links die om de afbeeldingen heen staan hebben geen linktekst en daardoor geen linkdoel. Met linktekst wordt de tekst tussen de anchor tags (<a>Linktekst</a>) bedoeld. Een linkdoel moet duidelijk aangeven waarvoor de link dient, zodat er geen verwarring ontstaat. Wanneer de link enkel een afbeelding bevat, kan de alternatieve tekst van de afbeelding als linkdoel dienen. https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (onder de kop "Gerelateerde artikelen") https://watwerktvooronsrijk.nl/actueel/ (onder de kop "Actueel")

     Het is niet fout maar we raden het wel aan om de paginering op de volgende pagina te voorzien van extra context. Op dit moment is de linktekst "1", "2". Wanneer een gebruiker een linklijst opvraagt is het niet direct duidelijk waar deze cijfers voor staan. Je kan deze links extra context geven door middel van een screenreader-only tekst of een title attribuut. https://watwerktvooronsrijk.nl/actueel/

     De volgende pagina’s heeft/hebben maar een manier om naartoe te navigeren. Zorg er voor dat er minimaal twee manieren beschikbaar zijn, bijvoorbeeld door een sitemap of een zoekfunctionaliteit. https://watwerktvooronsrijk.nl/cookies/ https://watwerktvooronsrijk.nl/contact/

     De focus is na het menu niet zichtbaar, dit komt op alle pagina's voor, ook bij de 3D interactieve image op https://watwerktvooronsrijk.nl/. Het is mogelijk om met het toetsenbord naar de content van de accordeon elementen te navigeren terwijl het element dicht blijft. Hierdoor is de focus niet zichtbaar. Dit kan verwarrend zijn voor gebruikers. Dit komt voor op de volgende pagina's https://watwerktvooronsrijk.nl/ (bij lage resolutie)

     https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ https://watwerktvooronsrijk.nl/digitale-werkomgeving/ https://watwerktvooronsrijk.nl/sociale-werkomgeving/

     In de metadata van de PDF is de taal niet ingesteld. De taal hoort ingesteld te worden, zodat hulpsoftware de informatie uit het bestand in de correcte taal kan overdragen aan de bezoeker. Dit komt voor bij PDF: https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf

     De status van het menu wordt niet duidelijk gemaakt voor gebruikers van hulpapparatuur. Dit wordt meestal opgelost door het toevoegen van een tekstuele uitleg (bijvoorbeeld "(ingeklapt)" en "(uitgeklapt)" die voor reguliere gebruikers onzichtbaar gemaakt is met CSS.). Een andere oplossing die gebruikt mag worden is het aria-expanded attribuut. https://watwerktvooronsrijk.nl/ De status van de accordeon elementen (uitgeklapt of niet) wordt niet duidelijk gemaakt voor gebruikers van hulpapparatuur. Dit wordt meestal opgelost door het toevoegen van een tekstuele uitleg (bijvoorbeeld "(ingeklapt)" en "(uitgeklapt)" die voor reguliere gebruikers onzichtbaar gemaakt is met CSS.). Een andere oplossing die gebruikt mag worden is het aria-expanded attribuut. Dit komt voor op lagere resoluties van de hoofdpagina. https://watwerktvooronsrijk.nl/

   • Alternatief:
   • Maatregel:

     Het logo van de Rijksoverheid in de header heeft een leeg tekstalternatief. De afbeelding is een informatieve afbeelding en dient daarom de een tekstalternatief te hebben. Een mogelijke oplossing is om bijvoorbeeld alt="Rijksoverheid - Home" te gebruiken. https://watwerktvooronsrijk.nl/

     De informatieve infographic op de volgende pagina heeft geen tekstalternatief, dit is wel nodig. Het zou nog beter zijn als er geen afbeeldingen worden gebruikt om informatie over te dragen.

     De knop met het icoontje van het huisje rechtsboven heeft het tekstalternatief: "Sluiten", dit zou moeten zijn: "naar Homepage".

     Alle belangrijke niet-tekstuele content zoals afbeeldingen, knoppen en formulier invoervelden, moeten een tekstueel alternatief of naam hebben. Dan kan de voorleessoftware van blinde bezoekers die informatie namelijk voorlezen. Voor sommige niet-tekstuele content, zoals video en audio, zijn aparte succescriteria (1.2.1 tot en met 1.2.5). Voor succescriterium 1.1.1 hoeft daarom alleen een beschrijvende naam boven die content geboden te worden.

     De uitgeschreven tekst van de video op de volgende pagina is heel goed gedaan, echter mist er nog een klein deel en dat is de tekst die aan het eind van de video te zien is. Het is belangrijk om deze tekst ook in de uitgeschreven tekst te plaatsen. Let op, een uitgeschreven tekst keuren we niet goed op succescriteria 1.2.5. Audiodescriptie is een betere oplossing.

     https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ (tekst aan het begin en eind van de video) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (tekst aan het eind van de video)

     De video op de volgende pagina biedt geen audiodescriptie voor de belangrijke teksten die in beeld komen. Dit succescriterium is gerelateerd aan succescriterium 1.2.3.

     https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ (tekst aan het begin en eind van de video) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (tekst aan het eind van de video)

     De volgende PDF heeft geen tags en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat tags ontbreken kan de PDF niet verder onderzocht worden op documentstructuur. Let op; bij het oplossen van dit probleem kunnen nieuwe toegankelijkheidsproblemen ontstaan. https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf Op de volgende pagina’s zijn een aantal teksten opgemaakt als kop maar dit is niet in de code aangegeven. De teksten zijn dik gedrukt gemaakt door middel van het <strong> element. Een kop moet altijd het kop-element hebben, bijvoorbeeld H2. Wanneer deze kop met een kop-element wordt opgemaakt, wordt de structurele informatie die de tekst geeft ook overgedragen aan hulpsoftware. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ https://watwerktvooronsrijk.nl/over-het-programma/ (Hybride werken bij het Rijk) https://watwerktvooronsrijk.nl/actueel/ (In de h3 elementen van de kaart componenten) Op de volgende pagina’s zijn een aantal teksten opgemaakt als kop maar dit is niet in de code aangegeven. De teksten zijn dik 14 gedrukt gemaakt door middel van CSS. Een kop moet altijd het kop-element hebben, bijvoorbeeld H2. Wanneer deze kop met een kop-element wordt opgemaakt, wordt de structurele informatie die de tekst geeft ook overgedragen aan hulpsoftware. https://watwerktvooronsrijk.nl/sociale-werkomgeving/ (Download) https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (Download)

     De volgende pagina’s bevat contentblokken waarvan een deel van de content boven de kop van het contentblok in de leesvolgorde voorkomt. Met content wordt bedoeld een afbeelding met een ingevuld alt-attribuut (alt=”een beschrijving van de afbeelding”), een tekst zoals een datum, een categorie en kernwoord en dergelijke die informatie geven horende onder de beschrijvende kop. Zie bijvoorbeeld de pagina: https://watwerktvooronsrijk.nl/actueel/ (Hier staat teksten zoals Fysieke werkomgeving voor de kop in de DOM volgorde.) Een mogelijke oplossing is hier te vinden: https://bbc.github.io/gel/components/demos/cards/

     Een aantal teksten hebben een te laag contrast met de achtergrond. Wanneer het contrast te laag is, kan tekst slecht leesbaar zijn voor bezoekers met een visuele beperking. Het contrast moet bij tekst minstens 4,5:1 zijn. Is de tekst groter dan 18 punt (=24 pixels) of 14 punt (=18,66 pixels) in combinatie met dik gedrukt dan dient het contrast ten minstens 3:1 te zijn. De tekst 'Hybride werken en opgavengericht en grenzeloos samenwerken' op de volgende pagina heeft een te lage contrastverhouding van 2.4:1. https://watwerktvooronsrijk.nl/hybride-werken-en-opgavegericht-en-grenzeloos-samenwerken/ De tekst "Digitaal" van het accordeon element op de volgende pagina heeft een te laag contrast van 3.3:1. Dit komt voor op kleinere resoluties (bijvoorbeeld 320px) https://watwerktvooronsrijk.nl/ Wanneer een gebruiker de ondertiteling wil inschakelen voor de video op de volgende pagina, verschijnt er een tekst met 'Nederlands'. Deze tekst is lastig te lezen omdat dit witte tekst op een lichtblauwe achtergrond is. Het gemeten contrast is 1.2:1 wat te laag is. Een mogelijke oplossing zou zijn om de ondertiteling interface standaard een contrasterende kleur te geven onafhankelijk van de achtergrond. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/

     Het inzoomen op een mobiel wordt belemmerd door de viewport instellingen (<meta name="viewport": user-scalable=0, maximum-scale=1.0").

     Wanneer tekst in een afbeelding staat, kan deze niet worden aangepast aan de wens van bezoekers die een visuele beperking hebben. Plaats informatieve tekst daarom niet in een afbeelding. https://watwerktvooronsrijk.nl/onze-visie-voor-2027/ https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (onder tabblad "Passende kantorenportefeuille")

     Als de volgende pagina wordt bekeken op een breedte-resolutie van 320 CSS pixels, dan verdwijnt (deels) de H1. https://watwerktvooronsrijk.nl/hybride-werken-en-opgavegericht-en-grenzeloos-samenwerken/ ( 'Hybride werken en opgavegericht en grenzeloos samenwerken'.) https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (Fysieke werkomgeving) https://watwerktvooronsrijk.nl/digitale-werkomgeving/ (Digitale werkomgeving) Dit probleem komt voor op meerdere pagina's.

     Het icoontje bij "Fysiek" op de 3D interactieve image heeft een onvoldoende contrastverhouding van 1,8:1. https://watwerktvooronsrijk.nl/

     In de meta-data van de PDF is de titel ("COM-1274-VO Poster hybride werken-v9") niet goed beschrijvend. De titel dient een korte beschrijving van de inhoud van het bestand te zijn. https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf

     Als het menu geopend is kan door 9 menuitems worden getabt, daarna gaat de focus buiten het menu, en daarna weer terug naar de items onder "Service" en "Over deze site". Zorg dat de focus binnen het menu blijft. Wanneer een gebruiker (met het toetsenbord) op een knop klikt in de 3D interactieve image, verschijnt er een pop-up. De focus wordt niet direct geplaatst binnen deze pop-up, wat er voor zorgt dat de focusvolgorde niet logisch is. Het is ook mogelijk om buiten deze pop-up te tabben terwijl de pop-up nog open staat. Zorg ervoor de pop-up direct de focus krijgt en dat de focus ook binnen dit element blijft tot de gebruiker dit element afsluit. Een andere optie mag ook zijn om de pop-up automatisch te sluiten als er buiten de pop-up wordt getabd. https://watwerktvooronsrijk.nl/

     De links die om de afbeeldingen heen staan hebben geen linktekst en daardoor geen linkdoel. Met linktekst wordt de tekst tussen de anchor tags (<a>Linktekst</a>) bedoeld. Een linkdoel moet duidelijk aangeven waarvoor de link dient, zodat er geen verwarring ontstaat. Wanneer de link enkel een afbeelding bevat, kan de alternatieve tekst van de afbeelding als linkdoel dienen. https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ (onder de kop "Gerelateerde artikelen") https://watwerktvooronsrijk.nl/actueel/ (onder de kop "Actueel")

     Het is niet fout maar we raden het wel aan om de paginering op de volgende pagina te voorzien van extra context. Op dit moment is de linktekst "1", "2". Wanneer een gebruiker een linklijst opvraagt is het niet direct duidelijk waar deze cijfers voor staan. Je kan deze links extra context geven door middel van een screenreader-only tekst of een title attribuut. https://watwerktvooronsrijk.nl/actueel/

     De volgende pagina’s heeft/hebben maar een manier om naartoe te navigeren. Zorg er voor dat er minimaal twee manieren beschikbaar zijn, bijvoorbeeld door een sitemap of een zoekfunctionaliteit. https://watwerktvooronsrijk.nl/cookies/ https://watwerktvooronsrijk.nl/contact/

     De focus is na het menu niet zichtbaar, dit komt op alle pagina's voor, ook bij de 3D interactieve image op https://watwerktvooronsrijk.nl/. Het is mogelijk om met het toetsenbord naar de content van de accordeon elementen te navigeren terwijl het element dicht blijft. Hierdoor is de focus niet zichtbaar. Dit kan verwarrend zijn voor gebruikers. Dit komt voor op de volgende pagina's https://watwerktvooronsrijk.nl/ (bij lage resolutie)

     https://watwerktvooronsrijk.nl/fysieke-werkomgeving/ https://watwerktvooronsrijk.nl/digitale-werkomgeving/ https://watwerktvooronsrijk.nl/sociale-werkomgeving/

     In de metadata van de PDF is de taal niet ingesteld. De taal hoort ingesteld te worden, zodat hulpsoftware de informatie uit het bestand in de correcte taal kan overdragen aan de bezoeker. Dit komt voor bij PDF: https://watwerktvooronsrijk.nl/wp-content/uploads/2023/06/poster-wat-organiseer-ik-waar.pdf

     De status van het menu wordt niet duidelijk gemaakt voor gebruikers van hulpapparatuur. Dit wordt meestal opgelost door het toevoegen van een tekstuele uitleg (bijvoorbeeld "(ingeklapt)" en "(uitgeklapt)" die voor reguliere gebruikers onzichtbaar gemaakt is met CSS.). Een andere oplossing die gebruikt mag worden is het aria-expanded attribuut. https://watwerktvooronsrijk.nl/ De status van de accordeon elementen (uitgeklapt of niet) wordt niet duidelijk gemaakt voor gebruikers van hulpapparatuur. Dit wordt meestal opgelost door het toevoegen van een tekstuele uitleg (bijvoorbeeld "(ingeklapt)" en "(uitgeklapt)" die voor reguliere gebruikers onzichtbaar gemaakt is met CSS.). Een andere oplossing die gebruikt mag worden is het aria-expanded attribuut. Dit komt voor op lagere resoluties van de hoofdpagina. https://watwerktvooronsrijk.nl/

   • Planning voor de uitvoering van de maatregel: 01-09-2023

Andere toegankelijkheidsissues

(geen opgegeven)

Onevenredige last

De maatregelen die Ministerie van Binnenlandse Zaken en Koninkrijksrelaties heeft benoemd leiden niet tot een onevenredige last.

(Zie onder uitleg over onevenredige last voor meer informatie)

---

Algemene toelichting

Uitleg over de nalevingsstatussen

De vooruitgang in digitale toegankelijkheid wordt bepaald aan de hand van nalevingsstatussen, die weergeven hoever een overheidsinstantie is gevorderd met het toegankelijker maken van een website. Voordat de wettelijke verplichting van kracht werd waren er slechts twee statussen: de toegankelijkheidsnorm schreef voor dat een website volledig moest voldoen aan alle toegankelijkheidseisen, met als resultaat status voldoet volledig. In geval het niet kon worden aangetoond dan was de status altijd voldoet niet.

De huidige aanpak kent vijf nalevingsstatussen. Doel is het bereiken van de status voldoet volledig. De statussen voldoet gedeeltelijk en eerste maatregelen genomen zijn tussenstappen op weg naar het einddoel.

De statussen en hun kenmerken zijn:

A: Voldoet volledig

• De overheidsinstantie kan aantonen dat de website of mobiele app volledig aan alle toegankelijkheidseisen uit de norm voldoet.
• De overheidsinstantie voldoet zowel aan de wettelijke verplichting als aan de norm.
• Het in de wettelijke verplichting vastgelegde doel is behaald.

B: Voldoet gedeeltelijk (= in control verklaring)

• De overheidsinstantie kan aantonen dat er een actueel, volledig en juist beeld is van de toegankelijkheid van de website of mobiele app.
• Er wordt nog niet voldaan aan alle toegankelijkheidseisen uit de norm.
• De overheidsinstantie heeft concrete verbetermaatregelen benoemd en een planning gemaakt om de afwijkingen te herstellen.
• De overheidsinstantie is daardoor in control over de toegankelijkheid van de website of mobiele app.
• De overheidsinstantie voldoet wel aan de wettelijke verplichting, maar nog niet volledig aan de norm.

C: Eerste maatregelen genomen

• Er is nog geen goed beeld van de toegankelijkheid van de website of mobiele app.
• De overheidsinstantie heeft concrete verbetermaatregelen genomen om dat beeld te krijgen.
• De overheidsinstantie voldoet wel aan de wettelijke verplichting, maar niet aan de norm.

D: Voldoet niet

• Er is geen goed beeld van de toegankelijkheid van de website of mobiele app.
• De overheidsinstantie heeft geen concrete verbetermaatregelen benoemd om inzicht te krijgen in de (mate van) toegankelijkheid.
• De overheidsinstantie voldoet enkel aan de wettelijke verplichting om een toegankelijkheidsverklaring te publiceren.
• Omdat de wettelijke verplichting voorschrijft dat overheidsinstanties de noodzakelijke maatregelen nemen om hun websites en mobiele applicaties toegankelijker te maken worden de overheidsinstantie aangespoord om binnen een bepaalde termijn concrete maatregelen te benoemen, inclusief planning.

E: Geen toegankelijkheidsverklaring gepubliceerd

• De overheidsinstantie heeft voor de website of mobiele applicatie geen toegankelijkheidsverklaring gepubliceerd.
• De overheidsinstantie voldoet niet aan de wettelijke verplichting om een toegankelijkheidsverklaring te publiceren.
• Omdat de wettelijke verplichting voorschrijft dat overheidsinstanties de noodzakelijke maatregelen nemen om hun websites en mobiele applicaties toegankelijker te maken wordt de overheidsinstantie aangespoord om op korte termijn een toegankelijkheidsverklaring te publiceren waarin concrete maatregelen zijn benoemd, inclusief planning.

Het uitgangspunt is dat verbetermaatregelen worden benoemd, ingepland en uitgevoerd. En dat daarmee wordt doorggeaan totdat volledig aan alle toegankelijkheids is voldaan.
Als een website lange tijd in een status blijft hangen, dan wordt aan de beleidsmatige eis toegankelijker maken niet langer voldaan.

Uitleg over onevenredige last

Het Tijdelijk besluit digitale toegankelijkheid overheid staat overheidsinstanties toe om gebruik te maken van de mogelijkheid om afzonderlijke eisen uit de toegankelijkheidsstandaard - tijdelijk - niet toe te passen, als dit voor hen onevenredig belastend is.

Met de uitzonderingsmogelijkheid 'onevenredige last' dient zorgvuldig te worden omgegaan; het ontbreken van prioriteit, tijd of kennis bij een overheidsinstantie zijn geen legitieme redenen om de toegankelijkheidsstandaard niet toe te passen.

Zie voor de formele, geldende tekst artikel 3, lid 2 tot en met 4 en de toelichting bij artikel 3 van het Tijdelijk besluit digitale toegankelijkheid overheid.

Inhoud die buiten de werkingssfeer valt van het Besluit

Het Tijdelijk besluit digitale toegankelijkheid overheid is niet van toepassing op de volgende content van websites en mobiele applicaties:

• Kantoorbestandsformaten die zijn gepubliceerd voor 23 september 2018, tenzij dergelijke content nodig is voor actieve administratieve processen met betrekking tot de door de betrokken overheidsinstantie vervulde taken;
• Vooraf opgenomen, op tijd gebaseerde media die zijn gepubliceerd voor 23 september 2020;
• Live uitgezonden, op tijd gebaseerde media;
• Onlinekaarten en onlinekarteringsdiensten, mits essentiële informatie op navigatiekaarten op een toegankelijke, digitale wijze wordt verstrekt;
• Van derden afkomstige content die niet door de betrokken overheidsinstantie wordt gefinancierd of ontwikkeld en evenmin onder haar verantwoordelijkheid valt;
• Reproducties van stukken uit erfgoedcollecties die niet volledig toegankelijk kunnen worden gemaakt om redenen van bewaring, authenticiteit of het ontbreken van geautomatiseerde en kostenefficiënte oplossingen om toegankelijkheid te bewerkstelligen;
• Content die enkel beschikbaar is voor een gesloten gebruikersgroep en die is gepubliceerd voor 23 september 2019, tot de betreffende website ingrijpend wordt herzien;
• Content van websites en mobiele applicaties die niet noodzakelijk is voor actieve administratieve processen en die niet wordt aangepast na 23 september 2019.

Bron: Artikel 2, tweede lid van het Tijdelijk besluit digitale toegankelijkheid overheid.

Links naar bronnen

In deze verklaring wordt gerefereerd aan verschillende bronnen. Onderstaande lijst bevat de links naar deze bronnen.

• Nederlandse regelgeving
  • Tijdelijk besluit digitale toegankelijkheid overheid: https://zoek.officielebekendmakingen.nl/stb-2018-141.html
• Europese regelgeving waarop de Nederlandse regelgeving is gebaseerd
  • Europese Richtlijn 2016/2102: https://eur-lex.europa.eu/legal-content/NL/TXT/?uri=CELEX:32016L2102
  • Modeltoegankelijkheidsverklaring: https://eur-lex.europa.eu/legal-content/NL/TXT/?uri=CELEX:32018D1523
• Gerefereerde specificaties
  • EN 301 549 v3.2.1, hoofdstuk 9 Web (voor websites) of 11 Software (voor mobiele applicaties): https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf
    Zie voor aanvullende informatie ook tabel A.1 (voor websites) en A.2 (voor mobiele applicaties), beide in Bijlage A.
  • WCAG 2.1: https://www.w3.org/WAI/standards-guidelines/wcag/
  • WCAG-EM 1.0: https://www.w3.org/WAI/test-evaluate/conformance/
  • ACT Rules Format 1.0: https://www.w3.org/WAI/standards-guidelines/act/
  • EARL 1.0: https://www.w3.org/WAI/standards-guidelines/earl/

template versie 20211209