Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid Het Koninklijk Huis en Royal House of the Netherlands

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Het Koninklijk Huis en Royal House of the Netherlands
Datum 13 februari 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op koninklijkhuis.nl en royal-house.nl.
  • Alle PDF's op koninklijkhuis.nl en royal-house.nl.
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op koninklijkhuis.nl en royal-house.nl. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar de onderzochte website 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: Op pagina https://www.koninklijkhuis.nl/ en https://www.royal-house.nl/ staat in de header een afbeelding. Een vergelijkbaar probleem komt voor op dezelfde pagina's bij de afbeeldingen onder 'Uitgelicht' en 'Spotlight'. De afbeeldingen hebben een lege alt-tekst waardoor ze worden genegeerd worden door hulpsoftware, maar ze zijn wel informatief. Voeg een beschrijvende alt-tekst toe. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.royal-house.nl/members-royal-house.

Bevinding 2: De meeste afbeeldingen van 2019 en de jaartallen daarvoor op pagina https://www.koninklijkhuis.nl/foto-en-video/portretfotos/koning-willem-alexander missen een alternatieve tekst, waar dit bij de andere jaren wel beschikbaar is. Zorg voor een alternatieve tekst voor alle afbeeldingen op deze pagina. Omdat het hier om klikbare afbeeldingen gaat hebben deze afbeeldingen ook geen duidelijk linkdoel wanneer de alternatieve tekst ontbreekt, zie ook succescriterium 2.4.4.

Bevinding 3: Advies: Op pagina https://www.koninklijkhuis.nl/foto-en-video/portretfotos/koning-willem-alexander bij de foto's van 2022 mist de foto van de opname van de kersttoespraak in de alternatieve tekst dat het om een 'opname' foto gaat, waar dat bij andere jaren wel wordt vermeld.

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 pagina https://www.koninklijkhuis.nl/ en https://www.royal-house.nl/ staat in de header een afbeelding. Deze heeft lege alt-tekst, maar wel een copyrighttekst. De copyrighttekst staat in een element boven de <figure>. Een vergelijkbaar probleem komt voor op dezelfde pagina's bij de afbeeldingen onder 'Uitgelicht' en 'Spotlight'. Zet de copyrighttekst in de footer bij de figure.

Bevinding 5: Op pagina https://www.koninklijkhuis.nl/404 staat h1 dubbel op de pagina. De eerste h1 is een visueel onzichtbare kop zonder onderliggende content. Bezoekers die afhankelijk zijn van hulpsoftware nemen deze kop wel waar. Een kop moet altijd een korte beschrijving zijn van de content die er direct op volgt. Laat de eerste h1 weg.

Bevinding 6: Op pagina https://www.royal-house.nl/search?keyword=news&search-submit= en https://www.koninklijkhuis.nl/zoeken?trefwoord=Amalia&search-submit= staat het strong-element geplaatst op pagina 1. Het is hier enkel toegepast voor opmaak omdat al op een andere manier duidelijk is gemaakt dat het hier om de huidige pagina gaat. Het strong-element is bedoeld voor het benadrukken van kleine stukjes tekst in een paragraaf, niet voor opmaak. Maak gebruik van een andere manier om het cijfer op te maken, bijvoorbeeld CSS. Een vergelijkbaar probleem komt voor op dezelfde pagina's bij de tekst 'relevantie' of 'Datum' (ook in het Engels) afhankelijk van welke geselecteerd is. Deze problemen komen ook voor op pagina https://www.koninklijkhuis.nl/actueel/toespraken.

Bevinding 7: Op pagina https://www.koninklijkhuis.nl/onderwerpen/financien-koninklijk-huis/overige-financiele-onderwerpen is het em-element gebruikt om een kop op te maken, namelijk 'Gouden koets' onder de uitvouwbare knop 'Overzicht stichtingen'. Het em-element is bedoeld om nadruk te geven aan een of enkele woorden en niet enkel voor opmaak. Maak hier een kop van, bijvoorbeeld h4. Maak bijvoorbeeld gebruik van de stylesheet om de tekst schuingedrukt weer te geven. Een vergelijkbaar probleem komt op meerdere plekken voor op de pagina.

Bevinding 8: In de PDF 'Privacyverklaring Dienst van het Koninklijk Huis' https://www.koninklijkhuis.nl/documenten/publicaties/2018/06/25/verwerking-persoonsgegevens-dienst-koninklijk-huis staan meerdere koppen zoals 'Contactgegevens' die niet als zodanig zijn opgemaakt. Gebruik hiervoor de H-tag.

Bevinding 9: Advies: Op pagina https://www.koninklijkhuis.nl/ en https://www.royal-house.nl/ volgt op een kop van niveau 2 een kop van niveau 1. Gebruik kopniveaus op een correcte volgorde. 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. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera. Een vergelijkbaar probleem komt voor op pagina
https://www.koninklijkhuis.nl/onderwerpen/financien-koninklijk-huis/overige-financiele-onderwerpen bij de uitgevouwen onderwerpen staan koppen op hetzelfde niveau als de kop voordat deze is uitgevouwen. Maak van de koppen onder de uitgevouwen kop bijvoorbeeld h4 koppen van in plaats van h3 om dit probleem op te lossen.

Bevinding 10: Advies: Op pagina https://www.royal-house.nl/documents/publications/2018/10/23/overview-of-state-visits-by-queen-beatrix en pagina https://www.koninklijkhuis.nl/documenten/publicaties/2018/06/25/verwerking-persoonsgegevens-dienst-koninklijk-huis staan download links in de koppenstructuur. Deze hoeven niet in de koppenstructuur opgenomen te worden.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://www.koninklijkhuis.nl/ staat een skiplink met een witte tekst op een gele (HEX #F79727) achtergrond met een contrastverhouding van 2,2:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 12: De link om van taal te wisselen, bijvoorbeeld op pagina https://www.koninklijkhuis.nl/ veranderd bij hover (met de muis over de link bewegen) naar een blauwe (HEX #5E6B98) achtergrondkleur. De zwarte tekst op deze achtergrondkleur heeft een contrastverhouding van 4:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 13: Op pagina https://www.koninklijkhuis.nl/contact staat een grote witte tekst 'Contact' op de header afbeelding. De tekst heeft niet overal voldoende contrast met de achtergrondkleuren van de afbeelding. Bijvoorbeeld de bovenkant van de letter 'C' op de lichte kleur van het gebouw bijvoorbeeld (HEX #B2A28E) heeft een contrastverhouding van 2,8:1 waar dit minimaal 3:1 moet zijn. Zorg ervoor dat het contrast altijd voldoende is, hiervoor zijn verschillende oplossingen te bedenken, bijvoorbeeld door de afbeelding in zijn geheel iets donkerder te maken. Een andere mogelijke oplossing is om een schaduw effect achter de letters te plaatsen waardoor het contrast altijd voldoende is.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 14: De focusrand om het zoekveld, bijvoorbeeld op pagina https://www.koninklijkhuis.nl/, heeft een zwarte kleur op een blauwe (HEX #192B6C) achtergrondkleur met een contrastverhouding van 1,6:1, waar dit minimaal 3:1 moet zijn.

2. Bedienbaar

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 15: De meeste afbeeldingen van 2019 en de jaartallen daarvoor, op pagina https://www.koninklijkhuis.nl/foto-en-video/portretfotos/koning-willem-alexander missen een alternatieve tekst, waar dit bij de andere jaren wel beschikbaar is. Omdat het hier om klikbare afbeeldingen gaat, hebben deze afbeeldingen geen duidelijk linkdoel wanneer de alternatieve tekst ontbreekt. De toegankelijke naam van de link is namelijk 'vergroot afbeelding' voor alle afbeeldingen. Zie ook succescriterium 1.1.1 voor een mogelijke oplossing voor dit probleem.

Bevinding 16: Advies: Op pagina https://www.koninklijkhuis.nl/actueel staat de hele tekst van het nieuwsitem in de toegankelijke naam van de link. Het linkdoel wordt hieruit wel duidelijk, daarom wordt dit niet op toegankelijkheid afgekeurd. Wel kan het de efficiëntie van het navigeren in de weg staan voor bezoekers die gebruikmaken van voorlessoftware als linkteksten te lang zijn. Daarom is het beter om alleen de kop binnen de link te plaatsen en eventueel het klikbare gebied van de link te vergroten via CSS of JavaScript. Dit komt op meerdere pagina's voor, bijvoorbeeld pagina https://www.royal-house.nl/.

Bevinding 17: Advies: Op pagina https://www.koninklijkhuis.nl/sitemap staat de link 'Foto en video' dubbel. Onder de eerste link staat een lijst met links, onder de tweede link niet. Verwijder de dubbele link.

Bevinding 18: Advies: In de paginering op bijvoorbeeld pagina https://www.royal-house.nl/search?keyword=news&sort-by=date staat in de toegankelijke naam van de link 'next' en 'previous' ook een pijl-teken. Dit teken wordt voorgelezen door sommige screenreaders, verwijder dit teken daarom uit de toegankelijke naam van de link. Dit probleem komt op meerdere pagina's voor die een paginering bevatten.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 19: Op de pagina https://www.royal-house.nl/documents/speeches/2024/09/17/thronrede-2024 staat een tekst in het Duits. Deze tekst is in een andere taal dan de taal van de pagina. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="de" toe te voegen. Op dezelfde pagina staan onder de kop 'See also' ook teksten in het Nederlands en Frans die een taalwissel nodig hebben.

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-03-09 23:23:59 v2.4-011