| 2347 |
Hoog
|
Horizontale weergavestand niet bedienbaar |
1.3.4 |
Developer |
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).
Image not available
|
| 2356 |
Hoog
|
Page language doesn't match website language |
3.1.2 |
UX Designer |
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.
Image not available
|
| 2144 |
Hoog
|
Focusvolgorde niet logisch |
2.4.3 |
Developer |
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.
|
| 2143 |
Hoog
|
Focusindicator niet zichtbaar |
2.4.7 |
Developer |
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.
|
| 2214 |
Hoog
|
Geen suggestie voor verbetering |
3.3.3 |
UX Designer |
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.
|
| 2348 |
Hoog
|
Verkeerde taal van pagina ingesteld |
3.1.1 |
Content Editor |
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.
|
| 3267 |
Hoog
|
Focusindicator niet zichtbaar |
2.4.7 |
UX Designer |
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.
Image not available
|
| 2791 |
Hoog
|
Geen suggestie voor verbetering |
3.3.3 |
UX Designer |
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.
Image not available
Image not available
|
| 2355 |
Hoog
|
Pagina heeft geen taal ingesteld |
3.1.1 |
Developer |
Beschrijving
De pagina is niet ingesteld met een ondersteunde taalcode.
Locatie
Lang attribuut zonder waarde.
|
| 2147 |
Hoog
|
Focusvolgorde niet logisch |
2.4.3 |
UX Designer |
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.
Image not available
|
| 2995 |
Hoog
|
Focusindicator niet zichtbaar |
2.4.7 |
UX Designer |
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.
|
| 3257 |
Hoog
|
Element met verkeerde of missende naam, rol en/of waarde |
4.1.2 |
Developer |
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.
Image not available
|
| 3262 |
Hoog
|
Focusindicator niet zichtbaar |
2.4.7 |
UX Designer |
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.
|
| 3204 |
Hoog
|
Niet bedienbaar met toetsenbord |
2.1.1 |
Developer |
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”.
Image not available
|
| 3270 |
Hoog
|
Pdf is niet getagd |
1.3.1 |
Content Editor |
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.
|
| 3271 |
Hoog
|
Pdf zonder titel |
2.4.2 |
Content Editor |
Beschrijving
Er is een pdf zonder titel.
Locatie
Titel mist of is niet compleet.
|
| 2465 |
Hoog
|
Kop niet programmatisch opgemaakt |
1.3.1 |
Content Editor |
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”.
Image not available
|
| 3002 |
Hoog
|
Derde partij software is niet toegankelijk: Simplybook.me |
1.1.1, 2.1.1, 1.4.3, 2.4.7, 1.3.1 |
Developer |
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.
|
| 2215 |
Gemiddeld
|
Verschil status enkel met kleur |
1.4.1 |
UX Designer |
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.
|
| 3001 |
Gemiddeld
|
Toegankelijkheidsfunctie is niet toegankelijk |
— |
UX Designer |
Beschrijving
De toegankelijkheidsfunctionaliteit die is toegevoegd bevat meerdere fouten en verhelpt niet de mogelijk aanwezige problemen van de "standaard" presentatie.
De knop zelf, veranderd al van tekst bij activeren en doet al meer dan alleen kleuren aanpassen.
Locatie
Knop met tekst “Thema contrast”.
|
| 2323 |
Gemiddeld
|
Element met verkeerde of missende naam, rol en/of waarde |
4.1.2 |
Developer |
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”.
|
| 2319 |
Gemiddeld
|
Vermeld duidelijk of de chatpartner een chatbot of een mens is |
— |
UX Designer |
Beschrijving
Op de website is een chatfunctie. Momenteel is het voor gebruikers niet duidelijk of ze in gesprek zijn met een chatbot of een echt persoon. Dit hangt ook af van hoe ervaren gebruikers zijn op het internet en wat ze begrijpen. Een verkeerde interpretatie kan leiden tot verwarring en onzekerheid veroorzaken, omdat bezoekers niet weten hoe hun berichten worden verwerkt of wie erop reageert.
Door expliciet aan te geven of de chatpartner een mens of een bot is, geef je bezoekers controle over hun interactie. Dit vergroot niet alleen het vertrouwen in de website, maar zorgt ook voor een betere gebruikerservaring. Bovendien draagt transparantie bij aan een professionele en betrouwbare uitstraling van jullie merk, wat uiteindelijk de kans op conversies en klanttevredenheid verhoogt.
Locatie
Het chat dialoog. Na enkele minuten veranderd de context van het chatvenster. Er wordt een “Bot” toegevoegd die een automatisch een antwoord geeft, terwijl de suggestie wordt gegeven dat er menselijk contact wordt gemaakt. Daarnaast worden opties voor antwoorden uitgeschakeld: bijage toevoegen en een emoji gebruiken.
Image not available
|
| 3260 |
Gemiddeld
|
Component veranderd context automatisch |
3.2.2 |
UX Designer |
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.
|
| 3489 |
Gemiddeld
|
Onduidelijk verschil verplichte en optionele velden + * zonder uitleg |
3.3.2 |
Content Editor |
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 “*”.
Image not available
|
| 2996 |
Gemiddeld
|
Afbeelding niet opgemaakt als decoratief |
1.1.1 |
Developer |
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”.
Image not available
|
| 2997 |
Gemiddeld
|
Tabelkoppen programmatisch niet goed opgemaakt |
1.3.1 |
Developer |
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.
Image not available
|
| 2999 |
Gemiddeld
|
Kop niet programmatisch opgemaakt |
1.3.1 |
Content Editor |
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”.
|
| 2148 |
Gemiddeld
|
Disclosure zonder uitgevouwen status |
4.1.2 |
Developer |
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.
|
| 2139 |
Gemiddeld
|
Linkdoel onvoldoende uit linktekst |
2.4.4 |
Developer |
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”.
Image not available
|
| 2138 |
Gemiddeld
|
Disclosure zonder uitgevouwen status |
4.1.2 |
Developer |
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).
Image not available
|
| 2145 |
Gemiddeld
|
Disclosure zonder uitgevouwen status |
4.1.2 |
Developer |
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”.
Image not available
|
| 2203 |
Gemiddeld
|
Dialoogvenster zonder naam |
4.1.2 |
Developer |
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.
Image not available
|
| 2210 |
Gemiddeld
|
Knop zonder status |
4.1.2 |
Developer |
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.
Image not available
|
| 2212 |
Gemiddeld
|
Placeholder als (zichtbaar) label voor invoerveld |
3.3.2 |
Developer |
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.
Image not available
|
| 2308 |
Gemiddeld
|
Overbodig gebruik aria |
4.1.2 |
Developer |
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.
|
| 2309 |
Gemiddeld
|
Disclosure zonder uitgevouwen status |
4.1.2 |
Developer |
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.
|
| 2310 |
Gemiddeld
|
Knop met onvoldoende contrast |
1.4.11 |
UX Designer |
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.
|
| 3265 |
Gemiddeld
|
Knop zonder status |
4.1.2 |
Developer |
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”.
Image not available
|
| 3266 |
Gemiddeld
|
Taal van onderdeel onvoldoende |
3.1.2 |
Developer |
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.
Image not available
|
| 3244 |
Gemiddeld
|
Disclosure zonder uitgevouwen status |
4.1.2 |
Developer |
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.
Image not available
Image not available
Image not available
Image not available
|
| 2845 |
Gemiddeld
|
Invoerveld zonder naam |
4.1.2 |
Developer |
Beschrijving
Er is een invoerveld gevonden zonder naam.
Locatie
De meerkeuze met label “Aantal tickets”. Het label is niet juist gekoppeld aan het meerkeuzeveld.
Image not available
|
| 2792 |
Gemiddeld
|
Afbeelding zonder tekstueel alternatief |
1.1.1 |
Content Editor |
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.
|
| 2773 |
Gemiddeld
|
Lijst niet (voldoende) programmatisch opgemaakt |
1.3.1 |
Content Editor |
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”.
|
| 2349 |
Gemiddeld
|
Linkdoel onvoldoende uit linktekst |
2.4.4 |
Content Editor |
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.
|
| 3248 |
Gemiddeld
|
Disclosure zonder alle elementen |
4.1.2 |
Developer |
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”.
Image not available
|
| 3249 |
Gemiddeld
|
Invoerveld zonder naam |
4.1.2 |
Developer |
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.
Image not available
|
| 3259 |
Gemiddeld
|
Knop zonder naam |
4.1.2 |
Developer |
Beschrijving
Er is een knop gevonden zonder toegankelijke naam.
Locatie
Knoppen voor de weergave van de resultaten.
Image not available
|
| 3264 |
Gemiddeld
|
Paginatitel onvoldoende beschrijvend |
2.4.2 |
Content Editor |
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.
|
| 3180 |
Gemiddeld
|
Disclosure zonder uitgevouwen status |
4.1.2 |
Developer |
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”.
Image not available
|
| 3186 |
Gemiddeld
|
Incorrecte omschrijving in label interactief element |
2.4.6 |
UX Designer |
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”.
Image not available
|
| 3200 |
Gemiddeld
|
Verborgen element in de leesvolgorde |
1.3.2 |
Developer |
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”.
Image not available
Image not available
|
| 3229 |
Gemiddeld
|
Verborgen element in tab volgorde |
2.4.3 |
UX Designer |
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.
Image not available
|
| 3198 |
Gemiddeld
|
Incorrecte omschrijving in label interactief element |
2.4.6 |
UX Designer |
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 ”.
Image not available
|
| 3268 |
Gemiddeld
|
Geen betekenisvolle volgorde |
1.3.2 |
Content Editor |
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).
|
| 2986 |
Gemiddeld
|
Verborgen element in tab volgorde |
2.4.3 |
Developer |
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”.
Image not available
|
| 3269 |
Gemiddeld
|
Pdf met verkeerde tag opmaak |
1.3.1 |
Content Editor |
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.
|
| 2984 |
Gemiddeld
|
Afbeelding niet opgemaakt als decoratief |
1.1.1 |
Content Editor |
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”.
|
| 2940 |
Gemiddeld
|
Ontoegankelijke (ingestelde) derde partij software: Podcast feed |
4.1.2, 2.1.1, 1.1.1 |
Developer |
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.
Image not available
|
| 2917 |
Gemiddeld
|
Afbeelding zonder tekstueel alternatief |
1.1.1 |
Content Editor |
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”.
|
| 2914 |
Gemiddeld
|
Skiplink werkt niet |
2.4.1 |
Developer |
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.
Image not available
|
| 2916 |
Gemiddeld
|
Afbeelding niet opgemaakt als decoratief |
1.1.1 |
Content Editor |
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.
Image not available
|
| 2915 |
Gemiddeld
|
Linkdoel onvoldoende duidelijk op zichzelf of met de context |
2.4.4 |
Content Editor |
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.
Image not available
|
| 2735 |
Gemiddeld
|
Kopniveaus niet logisch genest |
1.3.1 |
Content Editor |
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.
Image not available
|
| 2720 |
Gemiddeld
|
Afbeelding niet opgemaakt als decoratief |
1.1.1 |
Content Editor |
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”.
|
| 2616 |
Gemiddeld
|
Tabelkoppen programmatisch niet goed opgemaakt |
1.3.1 |
Developer |
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.
|
| 2617 |
Gemiddeld
|
Tabel programmatisch incorrect of afwezig |
1.3.1 |
Content Editor |
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.
|
| 2618 |
Gemiddeld
|
reflow verlies van content |
1.4.10 |
Developer |
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.
|
| 3154 |
Gemiddeld
|
Link mogelijk zonder naam door sectie of document element |
4.1.2 |
Developer |
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”.
Image not available
|
| 2361 |
Gemiddeld
|
Links mogen niet alleen herkenbaar zijn door hun kleur |
1.4.1 |
UX Designer |
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.
Image not available
|
| 2354 |
Gemiddeld
|
Kop niet programmatisch opgemaakt |
1.3.1 |
Developer |
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?”.
|
| 2353 |
Gemiddeld
|
Disclosure zonder alle elementen |
4.1.2 |
Developer |
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?…”.
Image not available
|
| 3000 |
Gemiddeld
|
Tekst met onvoldoende contrast |
1.4.3 |
UX Designer |
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.
|
| 2364 |
Gemiddeld
|
Tekst met onvoldoende contrast |
1.4.3 |
UX Designer |
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.
Image not available
Image not available
|
| 2621 |
Laag
|
Herschalen van tekst met verlies van leesbaarheid |
1.4.4 |
Content Editor |
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).
|
| 3327 |
Laag
|
Icoon zonder alternatieve tekst |
1.1.1 |
Content Editor |
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.
|
| 3325 |
Laag
|
Tekst bij hover onzichtbaar |
1.4.3 |
UX Designer |
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.
Image not available
Image not available
|
| 3383 |
Laag
|
Tekstkleur met onvoldoende contrast met achtergrond afbeelding |
1.4.3 |
UX Designer |
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.
Image not available
|
| 3377 |
Laag
|
Icoon met verkeerd of ontoereikend tekstueel alternatief |
1.1.1 |
Content Editor |
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”.
Image not available
|
| 2357 |
Laag
|
Paginatitel onvoldoende beschrijvend |
2.4.2 |
Content Editor |
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.
|
| 2614 |
Laag
|
Maak een skiplink |
2.4.1 |
UX Designer |
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.
|
| 2615 |
Laag
|
Iframe zonder (goede) naam |
4.1.2 |
Developer |
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.
|
| 2146 |
Laag
|
Element met verkeerde rol |
4.1.2 |
Developer |
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.
|
| 2137 |
Laag
|
Afbeelding met verkeerd of ontoereikend tekstueel alternatief |
1.1.1 |
Developer |
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.
|
| 2306 |
Laag
|
Invoerveld zonder (correct) autocomplete-attribuut |
1.3.5 |
Developer |
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.
|
| 2317 |
Laag
|
Afbeelding met verkeerd of ontoereikend tekstueel alternatief |
1.1.1 |
Content Editor |
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”.
Image not available
|
| 2790 |
Laag
|
Invoerveld zonder (correct) autocomplete-attribuut |
1.3.5 |
Developer |
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”.
Image not available
|
| 3195 |
Laag
|
Impliciet label voor groep invoervelden |
1.3.1 |
Developer |
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”.
Image not available
|
| 2993 |
Laag
|
Afbeelding zonder visueel tekstueel alternatief alt |
1.1.1 |
UX Designer |
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.
Image not available
|
| 2988 |
Laag
|
Focusindicator niet zichtbaar |
2.4.7 |
Developer |
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”.
Image not available
|
| 2740 |
Laag
|
Afbeelding met verkeerd of ontoereikend tekstueel alternatief |
1.1.1 |
Content Editor |
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”.
|
| 2918 |
Laag
|
Iframe zonder (goede) naam |
4.1.2 |
Content Editor |
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).
|
| 2630 |
Laag
|
Lijst niet (voldoende) programmatisch opgemaakt |
1.3.1 |
Content Editor |
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?”.
Image not available
|
| 2619 |
Laag
|
Verlies van content of functionaliteit bij toepassen tekstafstand stijlen |
1.4.12 |
Developer |
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.
Image not available
|
| 2622 |
Laag
|
Icoon met onvoldoende contrast |
1.4.11 |
UX Designer |
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”.
Image not available
|
| 2344 |
Laag
|
Tekstkleur met onvoldoende contrast met achtergrond afbeelding |
1.4.3 |
UX Designer |
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.
|
| 2359 |
Laag
|
Tekstkleur met onvoldoende contrast met achtergrond afbeelding |
1.4.3 |
UX Designer |
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.
Image not available
|
| 2464 |
Laag
|
Tekstkleur met onvoldoende contrast met achtergrond afbeelding |
1.4.3 |
UX Designer |
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”.
Image not available
|
| 2219 |
Laag
|
Tekst met onvoldoende contrast |
1.4.3 |
UX Designer |
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.
Image not available
|
