Issues:
Systeem-audit digitale toegankelijkheid Systeem Archiefweb en Sitearchief

(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: In Archiefweb op pagina https://amsterdam.archiefweb.eu/# staat een Nederlandse vlag. Het img-element van deze vlag heeft als alternatieve tekst 'lang-nl'. Dit omschrijft de functie van de vlag onvoldoende. Om het img-element staat een a-element met het title-element 'Taal Nederlands', maar bij sommige browser en hulpsoftware combinaties overschrijft de alternatieve tekst van het img-element het title-attribuut op het a-element. Geef deze afbeelding daarom een goede alternatieve tekst, bijvoorbeeld door de waarde 'Taal Nederlands' in het alt-attribuut te plaatsen.
Dezelfde afbeelding komt ook voor in het Sitearchief venster op pagina https://rijksoverheid.sitearchief.nl/#archive.

Bevinding 2: In het venster van Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive staat het logo van de Rijksoverheid. Dit logo heeft de alternatieve tekst 'Archiefweb, professionele webarchivering voor organisaties', dit omschrijft het logo niet. Zorg ervoor dat de alternatieve tekst ministens de organisatienaam 'Rijksoverheid' bevat.

Bevinding 3: Wanneer bezoekers inzoom bij een schermbreedte van 1280 pixels op https://rijksoverheid.sitearchief.nl/#archive, verdwijnt van 150% het venster van Sitearchief. Het enige wat hiervan overblijft is een banner aan de onderkant van het scherm waarin twee pijlknoppen staan. Deze knoppen zijn visueel gelabeld met pijliconen zonder een alternatieve tekst. Hierdoor heeft het a-element waarmee deze iconen zijn opgemaakt ook geen toegankelijke naam. Zorg ervoor dat deze iconen een alternatieve tekst krijgen die overeenkomt met het doel van de link. Zie ook succescriterium 4.1.2.
Dit komt ook voor op https://amsterdam.archiefweb.eu/#archive.

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 4: 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 5: 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 6: 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 7: 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 8: 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 9: Via de link 'Geavanceerd zoeken' in het Archiefweb venster op pagina https://amsterdam.archiefweb.eu/# kunnen bezoekers een pagina openen waarop verschillende groepen keuzerondjes en selectievakjes staan. Al deze groepen hebben een bijschrift, bijvoorbeeld 'Soort document'. Dit bijschrift is niet gelabeld aan de bijbehorende selectievakjes of keuzerondjes. Hierdoor is het voor gebruikers van hulpsoftware moeilijk om een correcte keuze te maken. Zorg ervoor dat het bijschrift gekoppeld is aan de selectievakjes of keuzerondjes, bijvoorbeeld door gebruik te maken van een fieldset of legend combinatie.
Dit komt ook voor op de website https://rijksoverheid.sitearchief.nl/#archive.

Bevinding 10: Een nieuwe bevinding n.a.v. het oplossen van een bevinding uit het vorige rapport:
Via de link 'Geavanceerd zoeken' in het Archiefweb venster op pagina https://amsterdam.archiefweb.eu/# kunnen bezoekers een pagina openen waarop verschillende invoervelden staan. Deze invoervelden hebben een toegankelijke naam via de placeholdertekst, maar zijn niet gekoppeld aan het bijbehorende visuele label. Koppel de visuele labels aan de invoervelden met for- en id-attributen. Zorg er hierbij ook voor dat de labels in een label-element staan.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 11: Op pagina https://amsterdam.archiefweb.eu/#archive is de pagina opgedeeld in twee onderdelen, het Archiefweb venster en een iframe-element dat de homepage van de website van gemeente Amsterdam toont. In de HTML code is de volgorde van deze elementen niet correct. Als eerste is de content dat in de het roze vlak van het Archiefweb venster staat in de code geplaatst, daarna volgt het iframe-element, en daarna pas alle andere content in het Archiefweb venster (zoals de kalender). Door deze volgorde in de HTML code moeten gebruikers van hulpsoftware eerste navigeren over de hele pagina voordat bijvoorbeeld de kalender wordt voorgelezen door een screenreader. Sommige screenreadergebruikers zullen hierdoor de kalender missen. Zorg voor een logische volgorde van content in de HTML code. In dit geval is het beter om alle content in het Archiefweb venster eerst voor te laten komen in de HTML code en daarna pas het iframe.
Dit probleem komt ook voor in het venster van Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

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

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 13: In de Archiefweb op pagina https://amsterdam.archiefweb.eu/#archive wordt gebruik gemaakt van grijze tekst (HEX #EBEBEB) '© GWCrossmedia' op een roze achtergrond (HEX #E51564). Deze tekst heeft een contrastverhouding van 3,8:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 14: In de Archiefweb op pagina https://amsterdam.archiefweb.eu/#archive staan witte teksten (de dagen van de week) op een grijze achtergrond (HEX #A4A4A4). Deze kleurencombinatie heeft te weinig contrast. De contrastverhouding is hier 2,4:1, waar dat minimaal 4,5:1 moet zijn.
Dit contrastprobleem komt ook voor in het venster Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive.

Bevinding 15: In de Archiefweb op pagina https://amsterdam.archiefweb.eu/#archive staat grijze tekst (HEX #DCDCDC) 'Beschikbare archieven' op een grijze achtergrond (HEX #7A7A7A). Deze kleuren hebben een contrastverhouding van 3,1:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 16: In de kalender in Archiefweb op pagina https://amsterdam.archiefweb.eu/#archive staan witte cijfers op een grijze achtergrond (HEX #7A7A7A). Deze kleuren hebben te weinig contrast. De contrastverhouding is hier 4,2:1, waar dat minimaal 4,5:1 moet zijn.
Dit contrastprobleem komt ook voor in het venster Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive.

Bevinding 17: Via de link 'Geavanceerd zoeken' in het Archiefweb venster op pagina https://amsterdam.archiefweb.eu/# kunnen bezoekers een pagina openen waarop de roze tekst 'Geavanceerd zoeken' (HEX #E51564) staat. Op de lichtgrijze achtergrond (HEX #F1F1F1) heeft deze tekst onvoldoende contrast. De contratsverhouding is hier 4:1, waar da minimaal 4,5:1 moet zijn.
Dit contrastprobleem komt ook voor in het venster Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive.

Bevinding 18: In het venster Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive staan grijze teksten (HEX #DCDCDC) zoals 'Dit is het webarchief van...', op een grijze achtergrond (HEX #7A7A7A). Deze kleurencombinatie heeft onvoldoende contrast. De contrastverhouding is hier 3,1:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 19: In het venster Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive staat de grijze tekst (HEX #EBEBEB) '© GWCrossmedia' op een blauwe achtergrond (HEX #007BC7). Deze kleuren hebben onvoldoende contrast. De contrastverhouding is hier 3,7:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 20: Een nieuwe bevinding n.a.v. het oplossen van een bevinding uit het vorige rapport:
Via de link 'Geavanceerd zoeken' in het Archiefweb venster op pagina https://amsterdam.archiefweb.eu/# kunnen bezoekers een pagina openen waarop invoervelden staan met een placeholdertekst. Deze lichtgrijze placeholderteksten (HEX #CCCCCC) hebben op de witte achtergrond onvoldoende contrast. De contrastverhouding is hier 1,6:1, waar dat minimaal 4,5:1 moet zijn.
Dit komt ook voor op https://rijksoverheid.sitearchief.nl/#advsearch.

Bevinding 21: Opmerking: In het Archiefweb en Sitearchief venster is een link geplaatst waarmee het contrast van teksten kan worden vergroot. Deze link is nog niet op een toegankelijke manier te bedienen, zie succescriterium 2.1.1. Om deze reden moet nog steeds worden afgekeurd op de contrastproblemen bij dit succescriterium. Wanneer de link waarmee het contrast kan worden vergroot op een toegankelijke manier te bedienen is, vervallen de meeste bevindingen bij dit succescriterium. In het venster op pagina https://rijksoverheid.sitearchief.nl/#archive blijft lichtgrijze tekst 'Dit is het webarchief van Rijksoverheid.nl. Lees ook onze' onvoldoende contrast houden. Ook de placeholderteksten in invoervelden houden onvoldoende contrast.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 22: 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 23: Wanneer bezoekers inzoom bij een schermbreedte van 1280 pixels op https://rijksoverheid.sitearchief.nl/#archive, verdwijnt van 150% het venster van Sitearchief. Het enige wat hiervan overblijft is een banner aan de onderkant van het scherm waarmee bezoekers naar vorige data kunnen navigeren. Bij het inzoomen gaan verschillende functionaliteiten en content verloren, zoals de zoekfunctie en informatie over Sitearchief. Zorg ervoor dat het voor bezoekers mogelijke is om bij een schermbreedte van 1280 pixels in te zoomen tot 400% zonder verlies van content en functionaliteiten.
Dit komt ook voor op pagina https://amsterdam.archiefweb.eu/# .

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 24: Onder de kalender in de Archiefweb op pagina https://amsterdam.archiefweb.eu/#archive staan twee knoppen, één om een jaar terug te gaan en één om naar het laatste archief te gaan. De iconen die deze knoppen labelen (HEX #534741) hebben te weinig contrast op de grijze achtergrond (HEX #8D8D8C). De contrastverhouding is hier 2,6:1, waar dat minimaal 3:1 mag zijn.
Deze knoppen komen ook voor in het Sitearchief venster op https://rijksoverheid.sitearchief.nl/#archive.

Bevinding 25: Opmerking: In het Archiefweb en Sitearchief venster is een link geplaatst waarmee het contrast van teksten kan worden vergroot. Deze link is nog niet op een toegankelijke manier te bedienen, zie succescriterium 2.1.1. Als bezoekers deze link activeren is het contrastprobleem bij dit succescriterium nog steeds aanwezig op de website. Zorg ervoor dat wanneer bezoekers de link activeren dit alle contrastproblemen in het venster oplost en dat de link te bedienen is met het toetsenbord.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 26: In het Archiefweb venster op pagina https://amsterdam.archiefweb.eu/#archive staan links om te navigeren naar het laatste archief, een jaar terug te navigeren en om een jaar verder mee te navigeren. Deze links zijn niet te bedienen met het toetsenbord. Dit geldt ook voor de klikbare tekst 'Verberg opties'. Hierdoor kunnen toetsenbordgebruikers geen gebruik maken van deze functionaliteiten. Zorg ervoor dat het voor toetsenbordgebruikers mogelijk is om focus te plaatsen op deze links, en dat ze te bedienen zijn via het toetsenbord.
Dezelfde elementen zijn ook niet te bedienen met het toetsenbord in het venster van Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive.

Bevinding 27: Wanneer bezoekers inzoom bij een schermbreedte van 1280 pixels op https://rijksoverheid.sitearchief.nl/#archive, verdwijnt van 150% het venster van Sitearchief. Het enige wat hiervan overblijft is een banner aan de onderkant van het scherm waarmee bezoekers naar vorige data kunnen navigeren. De pijlknoppen en de uitklapbare knop in deze banner zijn niet te bedienen met het toetsenbord. Zorg ervoor dat het voor toetsenbordgebruiker mogelijk is om focus te plaatsen op alle bedienbare elementen.
Dit probleem komt ook voor op pagina https://amsterdam.archiefweb.eu/#archive wanneer hier wordt ingezoomd.

Bevinding 28: Een nieuwe bevinding n.a.v. het oplossen van een bevinding uit het vorige rapport:
In het Archiefweb venster op pagina https://amsterdam.archiefweb.eu/#archive staan twee links: 'Contrast verhogen' en 'Tekst vergoten'. Beide links zijn niet te bedienen met het toetsenbord. Mogelijk komt dit doordat de links zijn opgemaakt als a-elementen zonder href-attribuut. Zorg ervoor dat deze twee elementen te bedienen zijn met het toetsenbord. Een mogelijk oplossing is om hier gebruik te maken van van een href-attribuut op de a-elementen, of beter, gebruik te maken van een button-element.
Dit komt ook voor in het venster op https://rijksoverheid.sitearchief.nl/#archive.

2.4 Navigeerbaar

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 29: Via de link 'Geavanceerd zoeken' in het Archiefweb venster op pagina https://amsterdam.archiefweb.eu/# kunnen bezoekers een pagina openen waarop verschillende invoervelden staan. Om deze pagina goed te kunnen bedienen als toetsenbordgebruiker is het belangrijk dat toetsenbordfocus direct na de link 'Geavanceerd zoeken' op het eerste bedienbare element op de pagina wordt geplaatst. Op dit moment gaat de toetsenbordfocus eerst nog over de adresbalk van de browser en de combobox van het Archiefweb venster voordat deze op de invoervelden terecht komt.
Een soortgelijk probleem komt ook voor in het venster van Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive.

Bevinding 30: Een nieuwe bevinding n.a.v. het oplossen van een bevinding uit het vorige rapport:
Het iframe-element op https://amsterdam.archiefweb.eu/#archive komt niet voor in de focus volgorde voor toetsenbordgebruikers. Voor bezoekers die geen gebruikmaken van hulpsoftware maar wel de pagina met het toetsenbord bedienen, kan dit betekenen dat zij de content in het iframe-element niet kunnen bedienen. Mogelijk is het iframe-element uit de focus volgorde gehaald door het attribuut tab-index=-1. Zorg ervoor dat het iframe voorkomt in de focus volgorde zodat toetsenbordgebruikers deze goed kunnen bedienen.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 31: Opmerking: Wanneer bezoekers inzoom bij een schermbreedte van 1280 pixels op https://rijksoverheid.sitearchief.nl/#archive, verdwijnt van 150% het venster van Sitearchief. Het enige wat hiervan overblijft is een banner aan de onderkant van het scherm waarin twee pijlknoppen en een datum staan. De datum is opgemaakt met een a-element, maar deze link verwijst naar de huidige pagina. Dit kan verwarrend zijn voor sommige bezoekers. Het zou beter zijn om de datum niet op te maken als link.
Deze link staat ook op https://amsterdam.archiefweb.eu/#archive wanneer wordt ingezoomd.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 32: Wanneer in het Archiefweb op pagina https://amsterdam.archiefweb.eu/#archive focus wordt geplaatst op de taalwisselknop wordt dat niet aangegeven met een visuele indicator. Hierdoor weten ziende toetsenbordgebruikers mogelijk niet welk element focus heeft. Zorg ervoor dat focus altijd wordt aangeven met een visuele indicator, het is voldoende om een focusrand te gebruiken.
Dit probleem komt ook voor bij de taalwisselknop in het venster van Sitearchief op pagina https://rijksoverheid.sitearchief.nl/#archive.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 33: Wanneer bezoekers inzoomen bij een schermbreedte van 1280 pixels op https://rijksoverheid.sitearchief.nl/#archive, verdwijnt van 150% het venster van Sitearchief. Het enige wat hiervan overblijft is een banner aan de onderkant van het scherm waarin twee pijlknoppen staan. Deze twee elementen hebben geen toegankelijke naam omdat de pijliconen geen alternatieve tekst hebben, zie ook succescriterium 1.1.1. Zorg ervoor dat deze elementen een goede alternatieve tekst krijgen, bijvoorbeeld door gebruik te maken van een aria-label op de a-elementen.
Dit geldt ook voor pagina https://amsterdam.archiefweb.eu/#archive.

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

• Archiefweb:
  https://amsterdam.archiefweb.eu/#archive
• Sitearchief:
  https://rijksoverheid.sitearchief.nl/#archive

Ondersteunende technieken

• HTML5
• WAI-ARIA
• CSS
• 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.