Issues:
Systeemaudit digitale toegankelijkheid Archiefweb gemeente Amsterdam en Sitearchief Rijksoverheid

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Op alle pagina's van https://amsterdam.archiefweb.eu/ is in de zijbalk het logo van Archiefweb te zien. De alt-tekst van het logo is Rijksoverheid. Dit klopt niet. Maak uit de alt-tekst duidelijk dat het het logo betreft van Archiefweb.

Bevinding 2: Op alle pagina's van https://rijksoverheid.sitearchief.nl/ is in de zijbalk het logo van de Rijksoverheid te zien. De alt-tekst van het logo is Rijksoverheid. Dat is niet helemaal compleet. Uit de alt-tekst moet ook duidelijk worden dat het om een logo gaat. Pas de alt-tekst aan.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Bevinding 3: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Bevinding 4: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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

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

Bevinding 5: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Bevinding 6: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 7: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 8: Op https://amsterdam.archiefweb.eu/?subsite=amsterdambwi#advsearch wordt het zoekformulier gestructureerd middels een tabel. De tabel heeft geen kolomkoppen, waardoor de structuur van de tabel niet duidelijk is voor bezoekers. De velden kunnen gewoon onder elkaar worden geplaatst. De extra uitleg bij de velden moet middels aria-describedby geassocieerd worden. Om de onderdelen onder de kop "Verfijn vervolgens uw zoekresultaten op" te groeperen, zou ik elke vraag en bijbehorende antwoorden groeperen met een fieldset en legend constructie. Dit zal de structuur en semantiek van het formulier duidelijker maken voor bezoekers met hulpsoftware. Dit speelt ook op https://rijksoverheid.sitearchief.nl/#advsearch.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 9: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3.4 Weergavestand (Niveau AA)

Informatie over succescriterium 1.3.4 Weergavestand

Bevinding 10: Als men de hoogte van het browservenster aanpast, valt een stuk van de zijbalk op https://amsterdam.archiefweb.eu/ over de eigen inhoud heen. Dan is het zoekveld niet meer te zien en te bereiken, bijvoorbeeld. Op smalle viewports valt deze helemaal weg en zijn er geen bedieningsopties meer. Je ziet dan ook niet meer dat je op een archief zit. Zorg ervoor dat de opties voor het bedienen van het archief altijd zichtbaar zijn. Dit speelt ook op https://rijksoverheid.sitearchief.nl/

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 11: In de zijbalk op https://amsterdam.archiefweb.eu/ staat een kalender. De dagen waarop een archief beschikbaar voor zijn, zijn wit. Dat heeft onvoldoende contrast met de achtergrond (HEX #797878). De contrastverhouding is 4,4:1 waar het minstens 4,5:1 moet zijn. Dit speelt ook op https://rijksoverheid.sitearchief.nl/.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 12: Als men zoomt naar 200% valt een stuk van de zijbalk op https://amsterdam.archiefweb.eu/ weg. Dan is het zoekveld niet meer te zien en te bereiken, bijvoorbeeld. Zorg ervoor dat bij het vergroten van de tekst alles meeschaalt en bereikbaar/bedienbaar blijft. Dit speelt ook op https://rijksoverheid.sitearchief.nl/

Bevinding 13: Als men zoomt naar 200% op https://amsterdam.archiefweb.eu/?subsite=amsterdambwi#advsearch valt een groot deel van het zoekformulier buiten beeld en is niet meer te bereiken of te bedienen. Zorg ervoor dat bij het vergroten van de tekst alles meeschaalt en bereikbaar/bedienbaar blijft. Dit speelt ook op https://rijksoverheid.sitearchief.nl/#advsearch

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 14: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 15: Als men zoomt naar 400% en de browser aanpast naar 1280x1024, valt een stuk van de zijbalk op https://amsterdam.archiefweb.eu/ weg (bijvoorbeeld het zoekveld) en valt de gearchiveerde pagina weg of de pagina voor geavanceerd zoeken (https://amsterdam.archiefweb.eu/?subsite=amsterdambwi#advsearch). Zorg ervoor dat bij het vergroten van de tekst alles meeschaalt en bereikbaar/bedienbaar blijft. Dit speelt ook op https://rijksoverheid.sitearchief.nl/ (en https://rijksoverheid.sitearchief.nl/#advsearch).

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 16: Op alle pagina's van https://amsterdam.archiefweb.eu/ is in de zijbalk een kalender te zien, waar ook naar de vorige en volgende maand genavigeerd kan worden met de pijltjesknoppen. Deze knoppen zijn echter niet bedienbaar met het toetsenbord, waardoor iemand met spraakbesturing of een screenreader deze niet kan gebruiken. Dit komt doordat er <a> wordt gebruikt voor de knoppen, maar zonder het href-attribuut. Semantisch is het gebruik van links ook niet correct: links nemen je naar een andere locatie, knoppen zijn voor een actie van de gebruiker. Gebruik het <button> element om dit op te lossen. Hetzelfde geldt ook voor de knoppen om een jaar terug of vooruit te gaan en om naar de huidige dag te gaan. Dit speelt ook op https://rijksoverheid.sitearchief.nl/

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 17: Er is op https://amsterdam.archiefweb.eu/ geen skiplink aanwezig om de zijbalk over te kunnen slaan en meteen naar de gearchiveerde pagina te gaan. Zorg dat er een skiplink aanwezig is waarmee bezoekers dit kunnen doen. Dit speelt ook op https://rijksoverheid.sitearchief.nl/

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 18: Op zowel https://amsterdam.archiefweb.eu/ als https://rijksoverheid.sitearchief.nl/ blijft de paginatitel steeds hetzelfde. Zorg dat de paginatitel aangepast wordt als er een andere datum wordt gekozen of als de pagina voor geavanceerd zoeken wordt geopend. Unieke, duidelijke paginatitels maken het makkelijker voor bezoekers met hulpsoftware om te weten op welke pagina ze zijn.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 19: Op https://rijksoverheid.sitearchief.nl/ is in de zijbalk het logo van Rijksoverheid te zien. De alt-tekst van het logo is Rijksoverheid. Doordat het logo in een link staat is de alt-tekst ook meteen het linkdoel./toegankelijke naam. Dat kan verwarrend zijn voor bezoekers met een screenreader, omdat ze verwachten naar de site van de Rijksoverheid te gaan, maar de meest recente gearchiveerde versie van de site wordt getoond. Zorg dat dit duidelijk is uit het linkdoel.

Bevinding 20: Advies: Op alle pagina's van https://amsterdam.archiefweb.eu/ is in de zijbalk de Nederlandse vlag te zien die aangeeft dat de Nederlandse taal actief. De vlag is aanklikbaar, maar er gebeurt niks. Dat is verwarrend voor iedereen. Ook met toetsenbord en spraakbesturing is deze vlag te activeren zonder dat er iets gebeurt, waardoor dit meer verwarrend is voor bezoekers met hulpsoftware en ook meer impact heeft daardoor in vergelijking met andere bezoekers. Zorg ervoor dat als er geen meerdere talen aanwezig zijn, de vlag geen link is. Dit speelt ook op https://rijksoverheid.sitearchief.nl/

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 21: Op alle pagina's van https://amsterdam.archiefweb.eu/ is in de zijbalk een zoekveld te zien. Dit zoekveld krijgt geen visuele focusindicator als deze de focus krijgt. Enkel aan de knipperende cursor in het veld is te zien dat het de focus heeft. Verzorg een duidelijke focusrand om het zoekveld, die voldoende contrast biedt met de achtergrond en de randen van het zoekveld (en dat er ook wat afstand is tussen de focusrand en de randen van het zoekveld). Dit speelt ook op https://rijksoverheid.sitearchief.nl/

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 22: Op alle pagina's van https://amsterdam.archiefweb.eu/ is in de zijbalk het logo van Archiefweb te zien. De alt-tekst van het logo is Rijksoverheid. Doordat het logo in een link staat is de alt-tekst ook meteen het linkdoel./toegankelijke naam. Die komt niet overeen met het visuele linkdoel (Archiefweb) en het uiteindelijke linkdoel (startpagina archief Gemeente Amsterdam). Verzorg een toegankelijke naam waarbij visueel en in de code deze gelijk is.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 23: Op https://amsterdam.archiefweb.eu/ wordt de gearchiveerde pagina geladen in een iframe. Dit iframe heeft geen toegankelijke naam. Verzorg een title-attribuut op het <iframe> element, dat beschrijft welke pagina van welke datum te zien is. Dit speelt ook op https://rijksoverheid.sitearchief.nl/

Bevinding 24: De optie "Verberg opties" in de zijbalk op https://amsterdam.archiefweb.eu/ wordt door hulpsoftware niet gezien als een interactief element. Hierdoor gaan bezoekers die hulpsoftware gebruiken ook niet weten dat ze een actie kunnen uitvoeren. Dit komt doordat er een <div> wordt gebruikt in plaats van een interactief element. Gebruik een <button> element om dit op te lossen. Dit speelt ook op https://rijksoverheid.sitearchief.nl/

Bevinding 25: Op alle pagina's van https://amsterdam.archiefweb.eu/ zijn in de zijbalk opties beschikbaar voor contrast en tekstgrootte. Deze staan in een <div> dat de aria-label "Toegankelijkheidsbalk" heeft meegekregen. Generieke HTML-elementen mogen echter geen toegankelijke naam krijgen. Verwijder het aria-label attribuut. Dit speelt ook op https://rijksoverheid.sitearchief.nl/

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

• https://rijksoverheid.sitearchief.nl/:
  https://rijksoverheid.sitearchief.nl/
• Archiefweb Gemeente Amsterdam:
  https://amsterdam.archiefweb.eu/
• Uitgebreid zoeken Archiefweb Gemeente Amsterdam:
  https://amsterdam.archiefweb.eu/?subsite=amsterdambwi#advsearch
• Uitgebreid zoeken archief Rijksoverheid:
  https://rijksoverheid.sitearchief.nl/#advsearch

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

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