Toegankelijkheidsonderzoek, WCAG 2.1 AA, Utrechtsarchief.nl

Icoon met verkeerd of ontoereikend tekstueel alternatief

Beschrijving: Er is een icoon gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.

Locatie: De logo’s onder koptekst “Europees samenwerkingsverband”. Deze hebben een alt tekst bedoelt voor auteurs. Bijvoorbeeld het log voor oud Utrecht met als alt tekst “Oud Utrecht logo geel aangepast 0”.

Gekoppelde pagina's: Ontdekken – Utrecht Time Machine

Prioriteit: Laag

Uitkomst: Gefaald

Afbeelding niet opgemaakt als decoratief

Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).

Locatie: Het icoon voor “Thema contrast”.

Gekoppelde pagina's: Studiezaal – Reserveren

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding met verkeerd of ontoereikend tekstueel alternatief

Beschrijving: Er is een afbeelding gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.

Locatie: In de header, de zoekknop (vergrootglas icoon). Deze heeft 2 extra visueel verborgen teksten, die beschrijvend zijn voor de soort icoon, maar niet voor het doel van de knop: “zoeken”. Deze komt als laatste voor. De teksten voor de zoek icoon en sluit icoon van de zoeken knop zijn overbodig en dragen niet bij aan het doel van de knop: Zoeken openen of sluiten. Zie ook 4.1.2 voor het geven van een toegankelijke naam aan een knop.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Laag

Uitkomst: Gefaald

Afbeelding met verkeerd of ontoereikend tekstueel alternatief

Beschrijving: Er is een afbeelding gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.

Locatie: In het chat dialoog, het logo van Het Utrechts Archief. Deze heeft de alt tekst “Widgetlogo” in plaats van “Het Utrechts Archief”.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Laag

Uitkomst: Gefaald

Afbeelding zonder tekstueel alternatief

Beschrijving: Er is een informatieve afbeelding zonder tekstueel alternatief gevonden. Zet de informatie in de alt-tekst, of in een beschrijving in de buurt van de afbeelding.

Locatie: De foto in de content is bijpassend voor het artikel en geeft een beeld weer van het onderwerp. Beschrijf de foto.

Gekoppelde pagina's: Activiteiten – Lezing: Voor allen, door allen!

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding zonder visueel tekstueel alternatief alt

Beschrijving: Er is een afbeelding gevonden met een tekstueel alternatief anders dan via het alt-attribuut, waardoor er geen vervangende tekst zichtbaar is als de afbeelding mist.

Locatie: Het logo wordt op deze pagina niet geladen. De tekst in dit blok is zo opgemaakt dat deze niet zichtbaar is wanneer de afbeelding niet geladen wordt.

Gekoppelde pagina's: Pagina niet gevonden – 404

Prioriteit: Laag

Uitkomst: Gefaald

Afbeelding niet opgemaakt als decoratief

Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).

Locatie: Decoratieve iconen ter visuele ondersteuning.

Bijvoorbeeld op pagina “Vakgenoten – E-depot”, onder de koptekst “Belangrijke stappen”.

Gekoppelde pagina's: Vakgenoten; e-depot – Aansluiten bij het e-depot

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding met verkeerd of ontoereikend tekstueel alternatief

Beschrijving: Er is een afbeelding gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.

Locatie: In de pagina hoofdinhoud. De afbeelding heeft een omschrijving bedoeld voor de content auteur. Zorg voor een omschrijving, passend voor het doel van de afbeelding.
Bijvoorbeeld op de pagina “Tentoonstelling – Utrecht begint hier”, de afbeelding onderaan met alt tekst: “Expo Collage”,
of op de pagina “Ontdekken – Utrecht Time Machine”, de logo’s onder koptekst “Europees samenwerkingsverband”.

Gekoppelde pagina's: Tentoonstelling – Utrecht begint hier, Ontdekken – Utrecht Time Machine, Tentoonstelling – Herfst bij het Utrechts Archief

Prioriteit: Laag

Uitkomst: Gefaald

Afbeelding zonder tekstueel alternatief

Beschrijving: Er is een informatieve afbeelding zonder tekstueel alternatief gevonden. Zet de informatie in de alt-tekst, of in een beschrijving in de buurt van de afbeelding.

Locatie: De afbeeldingen in de content. Wat is er zien? Waarom staat deze foto op deze pagina? Wat is de waarde (doel) van de afbeelding. Geef naast een toelichting, ook een alt-tekst op voor de afbeelding die de afbeelding beschrijft.
Bijvoorbeeld op de pagina “Een ode aan het Utregs!”, het content blok met tekst “Markt in wijk C”.

Gekoppelde pagina's: Verhalen – Een ode aan het Utregs!

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding niet opgemaakt als decoratief

Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).

Locatie: De afbeeldingen in de content blokken. Maak deze op als decoratief of zorg voor een betekenisvolle omschrijving van de afbeelding. De omschrijving van een afbeelding kan op de detailpagina afwijken van de overzichtspagina door een andere context.

Bijvoorbeeld op pagina “Ontdekken – Verhalen” de afbeeldingen herhalen de koptekst,
of op pagina “Ontdekken – Podcasts” waar de alt tekst een categorie naam heeft meegekregen voor de auteur.

Gekoppelde pagina's: Onderwijs (Voortgezet) – Utrecht in de tweede wereldoorlog, Ontdekken – Verhalen, Over ons – Medewerkers, Ontdekken – Podcasts

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding niet opgemaakt als decoratief

Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).

Locatie: Onder aan de pagina, het contact blok. De afbeelding heeft een tekst alternatief bedoeld voor het categoriseren voor de content makers en niet voor de gebruikers van de webpagina. De afbeelding kan als decoratief opgemaakt of een passend tekst alternatief gegeven worden in de context van bijvoorbeeld de betreffende afdeling.
Bijvoorbeeld op pagina “Helpt u mee?”, de afbeelding bij het blok met de koptekst “Crowdsourceprojecten” met een tekstalternatief “Contact avatar”.

Gekoppelde pagina's: Onderzoek – Helpt u mee?, Onderzoek – Open data

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Derde partij software is niet toegankelijk: Simplybook.me

Beschrijving: De derde partij software achter pagina url "hetutrechtsarchief.simplybook.it" zit, is niet toegankelijk. Controleer altijd of een derde partij ten minste een eigen toegankelijkheidsverklaring heeft en een sectie over toegankelijkheid in de documentatie voor toepassing. Niet alles van deze derde partij is onderzocht. We adviseren de partij op de hoogte te brengen van aanwezige toegankelijkheidsproblemen zodat zij hiervoor acties kunnen ondernemen, zoals een toegankelijkheidsonderzoek van het eigen platform.

Locatie: Gehele proces. Zie voor een handvol bevindingen die aan de pagina “Studiezaal” zijn gekoppeld.

Gekoppelde pagina's: Studiezaal – Reserveren

Prioriteit: Hoog

Uitkomst: Gefaald

Tabelkoppen programmatisch niet goed opgemaakt

Beschrijving: Er is een tabel gevonden waarvan de rij- en kolomkoppen programmatisch niet goed zijn opgemaakt.

Locatie: Onder koptekst “openingsuren” is een naam, waarde tabel. De eerste kolom is een tabelkop kolom.

Gekoppelde pagina's: Studiezaal – Reserveren

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Kop niet programmatisch opgemaakt

Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.

Locatie: Kopteksten in het hoofd content gedeelte zoals “Het Utrechts archief” en “Cursusaanbod”.

Gekoppelde pagina's: Studiezaal – Reserveren

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Lijst niet (voldoende) programmatisch opgemaakt

Beschrijving: Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.

Locatie: Lijsten zijn opgemaakt met “kleiner dan”-leestekens.
Zie bijvoorbeeld op pagina “Tentoonstelling – Utrecht begint hier”, de lijst opgemaakt in de zijbalk met koptekst “Praktische info”.

Gekoppelde pagina's: Tentoonstelling – Herfst bij het Utrechts Archief, Tentoonstelling – Utrecht begint hier

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Impliciet label voor groep invoervelden

Beschrijving: De groepslabels voor de invoervelden zijn programmatisch niet goed gekoppeld aan de invoervelden zelf. Hierdoor kan belangrijke informatie voor het invullen gemist worden als gebruik gemaakt wordt van ondersteunende technologieën.

Locatie: Gegroepeerde invulvelden met 1 of 1 extra label. Dit “extra” label is een label die de groep van invoervelden benoemd. Gebruik hiervoor een groepering zoals bijvoorbeeld met HTML een fieldset + legend vorm. Zorg daarnaast dat elk bijhorend invoerveld een unieke toegankelijke naam heeft.

Bijvoorbeeld onder “uitgebreid zoeken”, de labels “Periode” en “Bevat bestanden”,
of bij de sortering het label “Sorteren op”.

Gekoppelde pagina's: Zoek in alles (Utrecht) – Proces

Prioriteit: Laag

Uitkomst: Gefaald

Pdf is niet getagd

Beschrijving: De pdf is niet gecodeerd waardoor deze niet toegankelijk is voor ondersteunende technologieën, zoals een schermlezer. Daarnaast is het niet mogelijk om de pdf op koppen, lijsten, tabellen en ander gebruik van codestructuur te toetsen.

Locatie: Gehele pdf

Gekoppelde pagina's: ANBI – Jaarrekening Vrienden HUA 2023

Prioriteit: Hoog

Uitkomst: Gefaald

Pdf met verkeerde tag opmaak

Beschrijving: De pdf heeft wel een tag- of elementenstructuur, maar deze is niet goed opgebouwd, waardoor de tags niet voldoende overeenkomen met de semantische structuur. Het is belangrijk de tags altijd goed te controleren, met name als je software gebruikt om de tags automatisch toe te voegen, zodat hulpsoftware het document goed uit kan lezen.

Locatie: De structuur lijkt geautomatiseerd of er is in het werkbestand (sjabloon) niet juist met tekst en paragraafstijlen gewerkt.

Gekoppelde pagina's: Missie en Beleid – Meerjarenbeleidsplan 2025-2028, e-depot – Producten en diensten catalogus, Vakgenoten: Archiefbeheer – Acquisitiebeleidsplan

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Kopniveaus niet logisch genest

Beschrijving: De niveaus en volgorde van de koppen (h-elementen) gebruikt op de pagina zijn niet logisch en kunnen verwarrend werken voor de gebruiker. Het is belangrijk om erop te letten dat de verschillende kopniveau’s goed genest zijn; het gebruik van de verschillende niveaus dient te gebeuren op basis van de functie en niet de styling. Ook is het aan te raden geen kopniveau’s over te slaan.

Locatie: In de content met verschillende tentoontstellingen, heeft de eerste tentoonstelling “Utrecht begint hier” een kop niveau 1, terwijl deze gelijkwaardig is aan de andere onderdelen met een kop niveau 2.

Gekoppelde pagina's: Ontdekken – Tentoonstellingen

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tabelkoppen programmatisch niet goed opgemaakt

Beschrijving: Er is een tabel gevonden waarvan de rij- en kolomkoppen programmatisch niet goed zijn opgemaakt.

Locatie: Tabel in de content met groen dikgedrukte kolom koppen, en zwart dikgedrukte rij koppen.
Bijvoorbeeld op de pagina “Bouwdossiers”, de tabel met overzicht van de beschikbare bouwdossiers.

Gekoppelde pagina's: Onderzoek – Bouwdossiers

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tabel programmatisch incorrect of afwezig

Beschrijving: Er is een element dat visueel en functioneel een tabel is, maar deze is in de code niet goed of niet als dusdanig opgemaakt. Dit leidt tot problemen bij het gebruik van hulpsoftware.

Locatie: De tabel met overzicht van beschikbare bouwdossiers. De rijkoppen bevatten soms meerdere regels (periodes) en horen daarom voor de kopcellen samengevoegd te worden zodat de kop ook voor de overige regels juist aan elkaar gerelateerd zijn.

Gekoppelde pagina's: Onderzoek – Bouwdossiers

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Kop niet programmatisch opgemaakt

Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.

Locatie: Verschillende plekken op contentpagina’s waarbij een tekst wel visueel als kop is opgemaakt, maar niet in code een kop is.
Bijvoorbeeld op de pagina “studiezaal” koppen als: “Belangrijk”, “Extra informatie over de studiezaal” of “Parkeren en entree”.

Gekoppelde pagina's: Onderwijs (Voortgezet) – Utrecht in de tweede wereldoorlog, Ontdekken - Plan je bezoek (Bezoek de expo), Toegankelijkheid, Onderwijs (Basis) – Voor het kiezen: 650 jaar democratie, Onderzoek – Helpt u mee?, Onderzoek – Openbaarheid, Nieuws – Alle notariële akten uit de stad Utrecht 1560 - 1811 online, Nieuws – Nú te zien: tentoonstelling Voor het kiezen, Tentoonstelling – Herfst bij het Utrechts Archief, Onderzoek – Studiezaal, Onderzoek – Bouwdossiers

Prioriteit: Hoog

Uitkomst: Gefaald

Kop niet programmatisch opgemaakt

Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.

Locatie: De koppen bij de uitvouwbare content, bijvoorbeeld “Ik heb een klacht. Waar kan ik terecht?”.

Gekoppelde pagina's: Contact

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Verborgen element in de leesvolgorde

Beschrijving: Er is content visueel verborgen, maar deze is niet correct verborgen voor gebruikers van hulpsoftware. De content is ook geen toevoeging die enkel voor gebruikers van hulpsoftware relevant is. Hierdoor komt de content wel terug in de leesvolgorde, maar niet visueel in beeld, wat verwarring kan opleveren. In plaats van content enkel buiten het zichtbare gebied te plaatsen, is het beter de content programmatisch goed te verbergen, zodat het zowel visueel als voor hulpsoftware verborgen is.

Locatie: Er is een “disclosure” component die content toont of verbergt. De content is altijd waarneembaar is voor hulptechnologie zoals een schermlezer.

Bijvoorbeeld de content na de knop met tekst “meer / minder” onder koptekst “Zoek in alles” aan het begin van de content,
of bij een zoekresultaat met details, de content na de knop met tekst “toon details”.

Gekoppelde pagina's: Zoek in alles (Utrecht) – Proces

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Geen betekenisvolle volgorde

Beschrijving: De volgorde van de elementen verliest bij het voorlezen door een schermlezer betekenis of is verwarrend voor de gebruiker.

Locatie: Gaat om volgorde in tags binnen de pdf. Met name figuren en speciale tekstblokken (call out, koppen, lijsten).

Gekoppelde pagina's: Missie en Beleid – Meerjarenbeleidsplan 2025-2028

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Horizontale weergavestand niet bedienbaar

Beschrijving: Er is content gevonden die niet te bedienen is in landschapsoriëntatie.

Locatie: In mobiele of vergrootte weergave, is het uitklapbare menu niet te scrollen. Hierdoor kan je niet bij alle onderliggende pagina’s komen. Dit levert hetzelfde probleem voor criteria 1.4.4 Vergroten van tekst en 1.4.10 Reflow (voor kortere schermen).

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Invoerveld zonder (correct) autocomplete-attribuut

Beschrijving: Er is een invoerveld zonder het juiste autocomplete-attribuut. Bij invoervelden waarbij persoonlijke gegevens ingevuld moeten worden, is een autocomplete-attribuut nodig. Dat zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Bijvoorbeeld door de invoervelden al automatisch in te vullen.

Locatie: In de footer, het invoerveld voor “E-mailadres”, om aan te melden voor de nieuwsbrief.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Laag

Uitkomst: Gefaald

Invoerveld zonder (correct) autocomplete-attribuut

Beschrijving: Er is een invoerveld zonder het juiste autocomplete-attribuut. Bij invoervelden waarbij persoonlijke gegevens ingevuld moeten worden, is een autocomplete-attribuut nodig. Dat zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Bijvoorbeeld door de invoervelden al automatisch in te vullen.

Locatie: Invoervelden zoals “Naam” en “E-mail”.

Gekoppelde pagina's: Activiteiten – Registratie

Prioriteit: Laag

Uitkomst: Gefaald

Verschil status enkel met kleur

Beschrijving: Er is een verandering van status bij focus, in een component binnen een set van componenten, die alleen met een kleurwijziging is aangegeven.

Locatie: In het chatdialoog, het invoerveld voor het bericht. Deze heeft alleen een rode rand om een fout aan te geven.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekstkleur met onvoldoende contrast met achtergrond afbeelding

Beschrijving: Er is een tekst gevonden met een afbeelding op de achtergrond waarbij het contrast niet hoog genoeg is (minimaal 4,5:1).

Locatie: Tekst kleuren in pdf documenten. Bijvoorbeeld: licht grijze tekst op witte achtergrond.

Gekoppelde pagina's: e-depot – Producten en diensten catalogus

Prioriteit: Laag

Uitkomst: Gefaald

Tekstkleur met onvoldoende contrast met achtergrond afbeelding

Beschrijving: Er is een tekst gevonden met een afbeelding op de achtergrond waarbij het contrast niet hoog genoeg is (minimaal 4,5:1).

Locatie: In het chatdialoog, lichtgrijze tekst op witte achtergrond met een contrastverhouding van 3.7:1. Bijvoorbeeld “Het Utrechts Archief”, of de datum van het geplaatste bericht.
In het chatdialoog (wanneer offline), de groene knop met witte tekst “Verzenden”, met een verhouding van 2.3:1.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Laag

Uitkomst: Gefaald

Tekstkleur met onvoldoende contrast met achtergrond afbeelding

Beschrijving: Er is een tekst gevonden met een afbeelding op de achtergrond waarbij het contrast niet hoog genoeg is (minimaal 4,5:1).

Locatie: Het blok met koptekst “Hulp bij onderzoek”, bevat witte tekst met lichtgroen getinte achtergrond afbeelding met een contrastverhouding van 3.6 – 4.3:1.

Gekoppelde pagina's: Onderzoek – Zoek op onderwerp, Onderzoek – Collecties

Prioriteit: Laag

Uitkomst: Gefaald

Tekstkleur met onvoldoende contrast met achtergrond afbeelding

Beschrijving: Er is een tekst gevonden met een afbeelding op de achtergrond waarbij het contrast niet hoog genoeg is (minimaal 4,5:1).

Locatie: De subnavigatie of inhoudsopgave op de contentpagina met witte tekst en groen getinte achtergrond met een contrastverhouding van 3.5–4.3:1. Bijvoorbeeld op de pagina “Studiezaal”.

Gekoppelde pagina's: Onderzoek – Bouwdossiers, Onderzoek – Studiezaal

Prioriteit: Laag

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: Paginabreed, bijvoorbeeld rode tekst op witte achtergrond met contrastverhouding 3.99:1,
of in de footer zeegroene tekst op licht grijze achtergrond met contrastverhouding 3.28:1.

Gekoppelde pagina's: Studiezaal – Reserveren

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: Tekst in content deel van de pagina.

Bijvoorbeeld rode tekst op licht grijze achtergrond met een verhouding van 3.96:1,
of licht grijze tekst op witte achtergrond met een contrastverhouding van 2.84:1,
of witte tekst op blauwgrijze achtergrond met een contrastverhouding van 3.8:1.

Gekoppelde pagina's: Tentoonstelling – Utrecht begint hier, Tentoonstelling – Herfst bij het Utrechts Archief, Onderzoek – Bouwdossiers, Activiteiten – Registratie, Ontdekken – Verhalen, Activiteiten – Lezing: Voor allen, door allen!, Ontdekken - Plan je bezoek (Bezoek de expo), Archiefstuk – kvk te utrecht: handelsregister 1983-2003, Missie en Beleid – Meerjarenbeleidsplan 2025-2028, Ontdekken – Activiteiten, Onderzoek – Studiezaal

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: In de content het rode blok met tekst “Expo en tentoonstelling”. De witte tekst op de rode achtergrond heeft een contrast van 4.34:1. De tekst komt net 1px tekort om onder grotere dikgedrukte tekst te vallen waarvoor een contrast van 3:1 voldoende is.

Gekoppelde pagina's: Ontdekken – Tentoonstellingen, Onderwijs (Voortgezet) – Utrecht in de tweede wereldoorlog, Onderwijs (Basis) – Voor het kiezen: 650 jaar democratie, Startpagina

Prioriteit: Laag

Uitkomst: Gefaald

Herschalen van tekst met verlies van leesbaarheid

Beschrijving: Bij het vergroten van tekst naar 200% ontstaat er een verlies van leesbaarheid.

Locatie: Bij een vergroting vanaf 150% in desktop weergave. De tabel met beschikbare bouwdossiers. De tabel is niet scrollbaar, waardoor de overige kolommen niet zichtbaar zijn. Tabellen zijn uitgezonderd voor 2 dimensionaal scrollen door de essentiele vorm die een tabel heeft. Daarom mag je deze ook horizontaal scrollbaar maken.
Dit heeft mogelijk te maken met de instellingen voor verschillende apparaten (responsive design viewport).

Gekoppelde pagina's: Onderzoek – Bouwdossiers

Prioriteit: Laag

Uitkomst: Gefaald

reflow verlies van content

Beschrijving: Er is content gevonden die tijdens herschikken verdwijnt. Dit komt door het tonen van de content op een minimale breedte van 320 pixels.

Locatie: De tabel met beschikbare bouwdossiers. De tabel is niet scrollbaar, waardoor de overige kolommen niet zichtbaar zijn. Tabellen zijn uitgezonderd voor 2 dimensionaal scrollen door de essentiele vorm die een tabel heeft. Daarom mag je deze ook horizontaal scrollbaar maken.

Gekoppelde pagina's: Onderzoek – Bouwdossiers

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Knop met onvoldoende contrast

Beschrijving: Er is een knop gevonden met achtergrond of randkleur met onvoldoende contrast ten opzichte van naastgelegen kleuren.

Locatie: De chat sluitknop, opgemaakt met een witte kruis en grijze achtergrond. Deze heeft een contrast verhouding van 2.5:1. De knop net als de knop icoon zijn hierdoor niet goed waarneembaar.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Icoon met onvoldoende contrast

Beschrijving: A icon was found with a background or border color with insufficient contrast with adjacent colors. The contrast ratio has to be at least 3:1.

Locatie: De knop met de grijze pijl terug icoon op witte achtergrond, voor het broodkruimelpad. Deze heeft een contrastverhouding van 2.8:1. Deze komt op meerdere pagina’s voor, bijvoorbeeld voor op de pagina “Bouwdossiers”.

Gekoppelde pagina's: Onderzoek – Open data, Onderzoek – Helpt u mee?, Onderzoek – Openbaarheid, Onderzoek – Studiezaal, Onderzoek – Bouwdossiers

Prioriteit: Laag

Uitkomst: Gefaald

Verlies van content of functionaliteit bij toepassen tekstafstand stijlen

Beschrijving: Bij het toepassen van tekstafstand stijlen, is er content dat verdwijnt of onbruikbaar wordt.

Locatie: De secundaire navigatie of inhoudsopgave van de content. Deze balk heeft een vaste hoogte, waardoor de content uit het zicht kan verdwijnen bij meerdere of grotere onderdelen.

Gekoppelde pagina's: Onderzoek – Studiezaal, Onderzoek – Bouwdossiers

Prioriteit: Laag

Uitkomst: Gefaald

Niet bedienbaar met toetsenbord

Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.

Locatie: Labels met extra uitleg in term en beschrijving paren onder resultaat details. De extra uitleg wordt zichtbaar met een muisklik.

Bijvoorbeeld “Datering”, “Openbaarheid” en “Omvang”.

Gekoppelde pagina's: Archiefstuk – kvk te utrecht: handelsregister 1983-2003, Zoek in alles (Utrecht) – Proces

Prioriteit: Hoog

Uitkomst: Gefaald

Skiplink werkt niet

Beschrijving: Er is een skiplink, maar deze werkt niet of werkt niet naar verwachting.

Locatie: De navigatiebalk met jaartallen. De links laten de juiste content in beeld springen, maar de focus blijft in de navigatiebalk. Hierdoor kunnen gebruikers met een toetsenbord niet meteen naar de juiste content focussen wanneer ze het hele verhaal willen lezen.

Gekoppelde pagina's: Ontdekken – Verhalen

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Paginatitel onvoldoende beschrijvend

Beschrijving: De pagina heeft een titel, maar deze beschrijft het doel van de pagina niet of niet duidelijk genoeg.

Locatie: De pagina titel voor de pagina “collecties” is “Onderzoek - …”. De pagina valt onder onderzoek, maar op de pagina kan je in collecties gaan zoeken.

Gekoppelde pagina's: Onderzoek – Collecties

Prioriteit: Laag

Uitkomst: Gefaald

Paginatitel onvoldoende beschrijvend

Beschrijving: De pagina heeft een titel, maar deze beschrijft het doel van de pagina niet of niet duidelijk genoeg.

Locatie: De overzichtspagina en het detail hebben dezelfde titel waardoor er geen onderscheid is in pagina titel.

Gekoppelde pagina's: Zoekresultaten – Beeldmateriaal bekijken, Beeldmateriaal bekijken

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Pdf zonder titel

Beschrijving: Er is een pdf zonder titel.

Locatie: Titel mist of is niet compleet.

Gekoppelde pagina's: Over Ons: Archief overdragen – Acquisitieprofiel, ANBI – Jaarrekening Vrienden HUA 2023, Vakgenoten: Archiefbeheer – Acquisitiebeleidsplan, e-depot – Producten en diensten catalogus

Prioriteit: Hoog

Uitkomst: Gefaald

Focusvolgorde niet logisch

Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.

Locatie: In de website header bij een geopende zoekfunctie, van de zoeken sluitknop naar het zoeken invoerveld en terug. De zoek knoppen en het invoerveld zitten in de code niet bij elkaar, waardoor eerst de focus op het logo van de website komt.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Focusvolgorde niet logisch

Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.

Locatie: In tablet (iets vergrootte) weergave in de header, het mobiele menu. De volgorde van de menuknop naar het menu is niet logisch. Het menu ligt voor de menuknop in de code volgorde waardoor het menu gemist wordt wanneer verder de focus wordt verplaatst.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Verborgen element in tab volgorde

Beschrijving: Er is een visueel en/of aria-hidden element dat nog wel focus krijgt.

Locatie: De uitvouwbare content na de knop, bij gesloten stand.

Bijvoorbeeld na de knop met “Toon details” bij een resultaat.

Gekoppelde pagina's: Zoek in alles (Utrecht) – Proces

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Verborgen element in tab volgorde

Beschrijving: Er is een visueel en/of aria-hidden element dat nog wel focus krijgt.

Locatie: In de paginering van de pagina, het laatste item (onzichtbaar) met toegankelijke naam “Ga naar de laatste pagina”.

Gekoppelde pagina's: Over ons – Nieuws

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Linkdoel onvoldoende uit linktekst

Beschrijving: Er is een link gevonden waarvan het doel niet duidelijk is uit alleen de linktekst en welke ook niet programmatisch is in de context.

Locatie: In de header het logo met link naar de startpagina. Deze heeft een toegankelijke naam met “Questionmark Het Utrechts Archief Het Utrechts Archief” door toevoeging van onnodig visueel verborgen teksten. Alleen het logo met alt attribuut tekst “Het Utrechts Archief” is voldoende voor de juiste linknaam.
Voeg aan de link eventueel een extra beschrijving toe om te verduidelijken dat de link naar de startpagina verwijst. Bijvoorbeeld “naar de startpagina”.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Linkdoel onvoldoende duidelijk op zichzelf of met de context

Beschrijving: Het doel van de gevonden link is niet duidelijk op zichzelf of samen met de (programmatische) context.

Locatie: De links met tekst “Lees het hele verhaal” in de content blokken. De blokken gaan vooraf met een kop en eindigen met deze link. Geef de link extra context mee met de koptekst zodat deze aan gebruikers van een schermlezer meegegeven kan worden.

Gekoppelde pagina's: Ontdekken – Verhalen

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Incorrecte omschrijving in label interactief element

Beschrijving: Het label komt niet of niet voldoende overeen met het doel van het interactieve element.

Locatie: In het zoek filter, de labels met meerdere invoervelden die gegroepeerd.

Bijvoorbeeld onder “sorteren op” de tweede selectie voor af en oplopende sortering. Deze heeft hetzelfde label als “Sorteren op”, maar is een andere optie,
of onder “Uitgebreid zoeken” de velden voor periode de “startdatum” en “einddatum”.

Gekoppelde pagina's: Zoek in alles (Utrecht) – Proces

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Incorrecte omschrijving in label interactief element

Beschrijving: Het label komt niet of niet voldoende overeen met het doel van het interactieve element.

Locatie: De knop voor “Opties voor resultaat” met label “Menu”, in een resultaat uit de lijst met resultaten. Dit label komt overeen met die van de menuknop voor het navigatie menu in vergrootte en mobiele weergave en de overige knoppen van andere zoekresultaten. Zorg voor een unieke naam die overeenkomt met de functie van de knop. Bijvoorbeeld “Opties voor ”.

Gekoppelde pagina's: Archiefstuk – kvk te utrecht: handelsregister 1983-2003, Zoek in alles (Utrecht) – Proces

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Focusindicator niet zichtbaar

Beschrijving: De focusindicator is niet zichtbaar, dat hindert de mogelijkheid om de website te gebruiken omdat het daardoor onmogelijk wordt te navigeren met behulp van het toetsenbord. De focus indicator is waarschijnlijk uitgezet voor de hele website door middel van styling met css, dit zou echter aangezet moeten worden.

Locatie: In de header van de website, de zoekknop, zoeken sluitknop en het logo.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Focusindicator niet zichtbaar

Beschrijving: De focusindicator is niet zichtbaar, dat hindert de mogelijkheid om de website te gebruiken omdat het daardoor onmogelijk wordt te navigeren met behulp van het toetsenbord. De focus indicator is waarschijnlijk uitgezet voor de hele website door middel van styling met css, dit zou echter aangezet moeten worden.

Locatie: Voor het bedienen van het beeldmateriaal. Positie, zoom, etcetera.

Gekoppelde pagina's: Beeldmateriaal bekijken

Prioriteit: Hoog

Uitkomst: Gefaald

Focusindicator niet zichtbaar

Beschrijving: De focusindicator is niet zichtbaar, dat hindert de mogelijkheid om de website te gebruiken omdat het daardoor onmogelijk wordt te navigeren met behulp van het toetsenbord. De focus indicator is waarschijnlijk uitgezet voor de hele website door middel van styling met css, dit zou echter aangezet moeten worden.

Locatie: Voor de hoofd content van de pagina.

Gekoppelde pagina's: Studiezaal – Reserveren

Prioriteit: Hoog

Uitkomst: Gefaald

Focusindicator niet zichtbaar

Beschrijving: De focusindicator is niet zichtbaar, dat hindert de mogelijkheid om de website te gebruiken omdat het daardoor onmogelijk wordt te navigeren met behulp van het toetsenbord. De focus indicator is waarschijnlijk uitgezet voor de hele website door middel van styling met css, dit zou echter aangezet moeten worden.

Locatie: De focusindicator voor de resultaten.

Gekoppelde pagina's: Zoekresultaten – Beeldmateriaal bekijken

Prioriteit: Hoog

Uitkomst: Gefaald

Focusindicator niet zichtbaar

Beschrijving: De focusindicator is niet zichtbaar, dat hindert de mogelijkheid om de website te gebruiken omdat het daardoor onmogelijk wordt te navigeren met behulp van het toetsenbord. De focus indicator is waarschijnlijk uitgezet voor de hele website door middel van styling met css, dit zou echter aangezet moeten worden.

Locatie: In de paginering, het item met toegankelijke naam “Ga naar de volgende pagina”.

Gekoppelde pagina's: Over ons – Nieuws

Prioriteit: Laag

Uitkomst: Gefaald

Verkeerde taal van pagina ingesteld

Beschrijving: De pagina is ingesteld met een taalcode die niet overeenkomt met de daadwerkelijke taal van de pagina. Hierdoor wordt de tekst met verkeerde uitspraakregels voorgelezen door een schermlezer.

Locatie: Het invullen van het e-mailadres voor de nieuwsbrief leid naar een nieuwsbriefpagina van derde partij Mailchimp https://hetutrechtsarchief.us14.list-manage.com/subscribe/post?. Deze pagina staat op Engels ingesteld terwijl de content Nederlands is.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Pagina heeft geen taal ingesteld

Beschrijving: De pagina is niet ingesteld met een ondersteunde taalcode.

Locatie: Lang attribuut zonder waarde.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Page language doesn't match website language

Beschrijving: De pagina bevat onderdelen die niet vertaald zijn naar de bedoelde taal. Zorg dat deze onderdelen of in de juiste taal zijn gecodeerd, of dat er voor de alternatieve taal een vertaling ofwel alternatieve weergave beschikbaar is in de ingestelde paginataal.

Locatie: Het menu in de header van de website en de footer onderdelen van de website.

Gekoppelde pagina's: Startpagina – Engels

Prioriteit: Hoog

Uitkomst: Gefaald

Taal van onderdeel onvoldoende

Beschrijving: Er is tekst gevonden in de pagina in een andere taal dan die is ingesteld voor de pagina. Deze tekst is ook in de code niet als afwijkend opgemaakt.

Locatie: Onder “Reacties” bij leeg versturen van een reactie, zijn de foutmelding in Engels.

Gekoppelde pagina's: Beeldmateriaal bekijken

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Component veranderd context automatisch

Beschrijving: Er is een UI component gevonden die de context van de pagina automatisch veranderd, zonder dat dit wordt aangegeven.

Locatie: De fotocollage wordt automatisch aangevuld wanneer het laatste zichtbare item in beeld staat. Ook wel “infinite scroll” genoemd. Op de pagina wordt aangegeven dat het aantal zoekresultaten is verdeeld over X pagina’s met “Pagina X van Y”, maar de gebruiker krijgt geen indicatie bij herladen van nieuwe items op de volgende pagina te komen. Hierdoor weet een gebruiker ook niet waar een zoekresultaat gevonden is, of kan verwachten.

Gekoppelde pagina's: Zoekresultaten – Beeldmateriaal bekijken

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Onduidelijk verschil verplichte en optionele velden + * zonder uitleg

Beschrijving: Het verschil tussen optionele en verplichte velden is niet of niet duidelijk genoeg aangegeven. Dit verschil moet aangegeven worden in het (correct gekoppelde) label zodat het voor iedereen duidelijk waarneembaar is tijdens het invullen. Je kan bij verplichte velden “verplicht” toevoegen of bij optionele “optioneel”. Als je dit doet met een icoon, moet het gebruik van het icoon ook duidelijk worden uitgelegd. Een sterretje alleen is niet voldoende als er geen label is dat uitlegt dat de * betekent dat het veld verplicht is.

Locatie: Bij de invoervelden die verplicht zijn met een rode “*”.

Gekoppelde pagina's: Heeft u een klacht – Indienen

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Placeholder als (zichtbaar) label voor invoerveld

Beschrijving: Er wordt gebruik gemaakt van een placeholder als enige (zichtbare) label voor het invoerveld. Hierdoor is dit label niet continu beschikbaar. Dit kan verwarrend zijn tijdens het invullen, omdat je niet terug kunt zien wat er qua invoer verwacht wordt.

Locatie: In de chatdialoog, de invoervelden voor e-mail en het bericht.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Geen suggestie voor verbetering

Beschrijving: Er is een foutmelding gevonden, zonder goede suggestie voor het verbeteren van gebruikersinvoer. Het verwachtte format wordt namelijk niet duidelijk weergegeven, waardoor het meerdere pogingen kan kosten de fout te corrigeren.

Locatie: In het chatdialoog, het invoerveld voor e-mail. Er is wel een indicatie, maar geen tekst aanwezig om de fout te verbeteren.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Geen suggestie voor verbetering

Beschrijving: Er is een foutmelding gevonden, zonder goede suggestie voor het verbeteren van gebruikersinvoer. Het verwachtte format wordt namelijk niet duidelijk weergegeven, waardoor het meerdere pogingen kan kosten de fout te corrigeren.

Locatie: Bij de invoervelden tijdens invullen en aan het begin van een formulier na versturen.

Bijvoorbeeld een suggestie voor een e-mailadres.

Gekoppelde pagina's: Beeldmateriaal bekijken, Activiteiten – Registratie

Prioriteit: Hoog

Uitkomst: Gefaald

Element met verkeerde of missende naam, rol en/of waarde

Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.

Locatie: De chat sluitknop met kruis icoon boven het chatvenster. Deze heeft als tekst “Widget sluiten” in plaats van specifiek “Chat sluiten”. Ter vergelijking om de chat te openen heeft dit de naam “Stel een vraag”.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Iframe zonder (goede) naam

Beschrijving: Er is een iframe gevonden waar content in getoond wordt. Dit iframe heeft geen (goede) toegankelijke naam.

Locatie: Er staat een ingesloten content op de pagina. Dit frame heeft geen toegankelijke naam.
Bijvoorbeeld op de pagina “Studiezaal”, onder de koptekst “Openbaarheid en beschikbaarheid van archieven” de pdf, of onder “Route” de kaart van Google.

Gekoppelde pagina's: Onderzoek – Studiezaal

Prioriteit: Laag

Uitkomst: Gefaald

Disclosure zonder uitgevouwen status

Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.

Locatie: Vanaf tablet (iets vergrootte) weergave in de website header, is er een uitvouwbaar mobiel menu met menu knop.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Element met verkeerde rol

Beschrijving: Er is een element gevonden met een verkeerde rol.

Locatie: In de website header, de uitvouwbare navigatie items. Bijvoorbeeld “Onderzoek”. Dit is een link, maar werkt als een knop. Gebruik een knop met de juiste uitvouw status.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Laag

Uitkomst: Gefaald

Disclosure zonder uitgevouwen status

Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.

Locatie: In de header, de zoekknop (vergrootglas icoon).

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Disclosure zonder uitgevouwen status

Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.

Locatie: In de website header, de uitvouwbare navigatie items. Bijvoorbeeld “Onderzoek”.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Dialoogvenster zonder naam

Beschrijving: Er is een dialoogvenster zonder (toegankelijke) naam. Hierdoor is het bij het gebruik van bijvoorbeeld een schermlezer niet duidelijk wat voor venster er geopend is.

Locatie: Rechts onderaan, achter de chatknop met tekst “Stel een vraag”, het dialoogvenster.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Knop zonder status

Beschrijving: Er is een knop met een status gevonden, die niet in de code is opgemaakt.

Locatie: De chatknop met tekst “Stel een vraag”, mist een status voor het openen van een dialoogvenster.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Disclosure zonder uitgevouwen status

Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.

Locatie: De chatknop met tekst “Stel een vraag”. Deze opent de chat dialoogvenster.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Knop zonder status

Beschrijving: Er is een knop met een status gevonden, die niet in de code is opgemaakt.

Locatie: De knoppen als onderdeel van een tabblad-patroon (tabs). Missen een actieve (geselecteerde) staat.

Bijvoorbeeld de knop (tab) met toegankelijke naam “Gegevens”.

Gekoppelde pagina's: Beeldmateriaal bekijken

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Disclosure zonder uitgevouwen status

Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.

Locatie: De knoppen om verborgen content te tonen.

Bijvoorbeeld de groep knoppen zoals de knop “Kenmerken” (vergelijkbaar met accordion patroon),
of de knoppen onder onderdeel “Inleiding” zoals “Ontwikkeling van het handelsregister”,
of de knoppen voor het uitklappen van details zoals onder “Inventaris” gevolgd door “Dossiernrs. …” en
ten slot de uitklapbare gevonden archiefstukken.

Gekoppelde pagina's: Archiefstuk – kvk te utrecht: handelsregister 1983-2003

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Invoerveld zonder naam

Beschrijving: Er is een invoerveld gevonden zonder naam.

Locatie: De meerkeuze met label “Aantal tickets”. Het label is niet juist gekoppeld aan het meerkeuzeveld.

Gekoppelde pagina's: Activiteiten – Registratie

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Disclosure zonder alle elementen

Beschrijving: Een disclosure moet de juiste elementen bevatten, zoals aria-expanded of correct ingestelde HTML die de zichtbaarheid correct communiceren naar schermlezers. Zie https://www.w3.org/WAI/ARIA/apg/patterns/accordion/ of https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary voor meer informatie.

Locatie: De uitklapbare filter knoppen. Deze moeten een knop zijn. Bijvoorbeeld “soort beeldmateriaal”.

Gekoppelde pagina's: Zoekresultaten – Beeldmateriaal bekijken

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Invoerveld zonder naam

Beschrijving: Er is een invoerveld gevonden zonder naam.

Locatie: Na de filtering, de invoer voor het pagina nummer. Koppel het label “Pagina” aan het invoerveld.

Gekoppelde pagina's: Zoekresultaten – Beeldmateriaal bekijken

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Element met verkeerde of missende naam, rol en/of waarde

Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.

Locatie: De “Sorteer op” meerkeuze lijst. Deze mist de benodigde toegankelijkheidsinformatie en heeft een afwijkende werking van een standaard select element.

Gekoppelde pagina's: Zoekresultaten – Beeldmateriaal bekijken

Prioriteit: Hoog

Uitkomst: Gefaald

Knop zonder naam

Beschrijving: Er is een knop gevonden zonder toegankelijke naam.

Locatie: Knoppen voor de weergave van de resultaten.

Gekoppelde pagina's: Zoekresultaten – Beeldmateriaal bekijken

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Disclosure zonder uitgevouwen status

Beschrijving: Er is een knop bij uitvouwbare content gevonden, ook wel een disclosure genoemd, zonder de juiste status om aan te geven of deze wel of niet open is. Dit betekent dat een schermlezer deze status niet bekend maakt aan de gebruiker.

Locatie: De knop met vraagteken icoon bij het trefwoorden invoerveld met placeholdertekst “Alle woorden”.

Gekoppelde pagina's: Zoek in alles (Utrecht) – Proces

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Iframe zonder (goede) naam

Beschrijving: Er is een iframe gevonden waar content in getoond wordt. Dit iframe heeft geen (goede) toegankelijke naam.

Locatie: Het iframe heeft geen naam. Geef een korte omschrijving met wat er te zien is, bijvoorbeeld “Video, ”.

Bijvoorbeeld op de pagina “Verhalen – Lowlands in Utrecht”, de video (YouTube) op de pagina,
of op de pagina “Podcast – Utrecht in oorlogstijd”, de podcast speler (podcast feed).

Gekoppelde pagina's: Verhalen – Lowlands in Utrecht, Podcasts – Utrecht in oorlogstijd

Prioriteit: Laag

Uitkomst: Gefaald

Disclosure zonder alle elementen

Beschrijving: Een disclosure moet de juiste elementen bevatten, zoals aria-expanded of correct ingestelde HTML die de zichtbaarheid correct communiceren naar schermlezers. Zie https://www.w3.org/WAI/ARIA/apg/patterns/accordion/ of https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary voor meer informatie.

Locatie: Er staat uitvouwbare content op de pagina. Deze zijn opgemaakt als link in plaats van knop.
Bijvoorbeeld op de pagina “Contact”, onder de koptekst “Heeft u een vraag?…”.

Gekoppelde pagina's: Contact, Onderzoek – Bouwdossiers

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Ontoegankelijke (ingestelde) derde partij software: Podcast feed

Beschrijving: De derde partij software "Podcast feed" is ontoegankelijk of ontoegankelijk ingesteld, afhankelijk van de configuratie mogelijkheden. Controleer altijd of een derde partij ten minste een eigen toegankelijkheidsverklaring heeft en een sectie over toegankelijkheid in de documentatie voor toepassing. Problemen die zijn gevonden gaan over criteria 2.1.1 toetsenbord en 4.1.2 naam, rol en waarde. Dit zijn problemen zoals bijvoorbeeld knoppen die niet als knop zijn opgemaakt in code, waardoor deze niet toetsenbord toegankelijk zijn, iconen zonder alternatief waardoor knoppen geen toegankelijke naam hebben.

Locatie: In de pagina content opgenomen als iframe.

Gekoppelde pagina's: Podcasts – Utrecht in oorlogstijd

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Icoon zonder alternatieve tekst

Beschrijving: Er is een informatiedragende icoon gevonden zonder alternatieve tekst.

Locatie: De metadata iconen die als aanduiding voor plaats en tijd worden gebruikt. Door als alt tekst bijvoorbeeld “locatie” toe te voegen is het voor gebruikers van schermleessoftware meteen duidelijk waar het adres voor is.
Op de detailpagina wordt er meer info gegeven naast de iconen, zoals “beschikbare plekken”. Deze zijn ondersteunend aan de tekst en hoeven daarom geen alternatieve tekst.

Gekoppelde pagina's: Ontdekken – Activiteiten

Prioriteit: Laag

Uitkomst: Advies

Lijst niet (voldoende) programmatisch opgemaakt

Beschrijving: Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.

Locatie: In de content is een lijst opgemaakt als paragraaf met nummering of opsommingstekens in tekst. Gebruik daarnaast of in plaats daarvan de juiste lijst stijlen. Dan krijgen gebruikers met schermlezers ook direct de juiste context mee, zoals aantal items, huidige item.

Bijvoorbeeld op de pagina “Onderzoek – help mee” onder de koptekst “Hoe werkt het?”.

Gekoppelde pagina's: Nieuws – Nú te zien: tentoonstelling Voor het kiezen, Onderzoek – Helpt u mee?

Prioriteit: Laag

Uitkomst: Advies

Links mogen niet alleen herkenbaar zijn door hun kleur

Beschrijving: Er zijn links binnen een tekst gevonden, waarbij er wel voldoende contrast is tussen de kleur van de tekst en de kleur van de link. Hierdoor wordt het niet afgekeurd. Het is wel geadviseerd om een andere indicatie te geven aan de gebruiker om te laten zien dat het een link is, bijvoorbeeld door een underline toe te voegen.

Locatie: Links met rode tekstkleur in lopende tekst.

Gekoppelde pagina's: Tentoonstelling – Herfst bij het Utrechts Archief, Onderzoek – Studiezaal, Onderzoek – Bouwdossiers, Onderzoek – Zoek op onderwerp, Ontdekken – Rondleidingen, Tentoonstelling – Utrecht begint hier

Prioriteit: Gemiddeld

Uitkomst: Advies

Tekst bij hover onzichtbaar

Beschrijving: De tekst is niet goed zichtbaar bij het hoveren met de muis. Dit kan problemen of moeilijkheden opleveren voor gebruikers die een hoge vergroting gebruiken of de muis als focustool inzetten.

Locatie: De blok links hebben een hover state waarbij de tekst verdwijnt.

Gekoppelde pagina's: Ontdekken – Tentoonstellingen

Prioriteit: Laag

Uitkomst: Advies

Maak een skiplink

Beschrijving: Een skiplink stelt de gebruiker in staat snel naar de hoofdinhoud te navigeren en het is aan te raden deze als eerste element te plaatsen op de pagina. Dit is vooral handig voor toetsenbordgebruikers en gebruikers van schermlezers.

Locatie: Er staat op verschillende plaatsen ingesloten content op de pagina. Daarna volgt nog meer content. Maak het makkelijker om deze over te slaan door er of een download link van te maken of een extra link toe te voegen die de content overslaat voor toetsenbord gebruikers. De ingesloten content bevat eigen knoppen en links waar een toetsenbordgebruiker eerst doorheen moet.
Zie bijvoorbeeld:

• op de pagina “studiezaal”, onder de koptekst “Openbaarheid en beschikbaarheid van archieven” de ingesloten pdf, of de kaart van Google.

Gekoppelde pagina's: Onderzoek – Studiezaal

Prioriteit: Laag

Uitkomst: Advies

Linkdoel onvoldoende uit linktekst

Beschrijving: Er is een link gevonden waarvan het doel niet duidelijk is uit alleen de linktekst en welke ook niet programmatisch is in de context.

Locatie: Het aanmelden voor de nieuwsbrief leidt naar een externe derde partij formulier van Mailchimp. Dit is niet duidelijk te herleiden uit de tekst. Dit kan voor verwarring zorgen bij alle gebruikers.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Advies

Overbodig gebruik aria

Beschrijving: Er wordt aria gebruikt om een rol, naam of waarde aan te passen terwijl standaard semantische html beter zou passen en/of hetzelfde resultaat kan opleveren. Het gebruik van aria op deze wijze kan leiden tot problemen met het gebruik van hulpsoftware, waardoor het het averechtse effect heeft en het element minder toegankelijk maakt.

Locatie: De chatknop met tekst “Stel een vraag”. Deze heeft de juiste rol, en naam, maar deze zijn op complexe wijze opgebouwd. De knop zelf volstaat door een button-element te gebruiken met aanwezige tekst voor de naam van de knop, zonder de extra toevoeging van WAI-ARIA attributen.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Advies

Link mogelijk zonder naam door sectie of document element

Beschrijving: Een link heeft mogelijk geen toegankelijk naam door een genest element met sectie of document rol. Deze elementen krijgen alleen een toegankelijke naam door dit expliciet mee te geven en niet uit de geneste content, wat normaal bij een link of knop wel werkt. Deze elementen schermen de aanwezige content af voor de link waardoor de link geen toegankelijke naam heeft. Dit is op te lossen door de link direct een naam mee te geven of deze aan een bijhorend tekstelement te relateren. Zie voor een technische uitleg over het berekenen van een toegankelijke naam: https://www.w3.org/TR/wai-aria-1.2/#namecalculation

Locatie: De link blokken, bijvoorbeeld met “Zoek in alles”.

Gekoppelde pagina's: Zoek in alles (Utrecht) – Proces, Onderzoek – Collecties

Prioriteit: Gemiddeld

Uitkomst: Advies