Alleen de bevindingen:
Audit digitale toegankelijkheid website Haags Gemeentearchief

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://haagsgemeentearchief.nl/ontdek-de-stad/publicaties/the-neighbourhood-speaks-walkthrough-the-vanished-jewish-neighbourhood-in-the-hague staat een foto. De alt tekst is ”The neighbourhood speaks – walkthrough the vanished Jewish neighbourhood in The Hague”. Dit zegt echter niets over wat er op de foto te zien is. Zorg daarom voor een beschrijvend tekstalternatief.

Bevinding 2: Op pagina https://haagsgemeentearchief.nl/index.php?option=com_rsform&view=rsform&formId=95&Itemid=8236 wordt onderaan het formulier een CAPTCHA-afbeelding gebruikt. De reeks cijfers wordt niet op een alternatieve manier aangeboden, waardoor bezoekers die de afbeelding niet (goed) kunnen zien het formulier niet kunnen verzenden.

Bevinding 3: Op pagina’s https://gdh-apw.adlibhosting.com/ais6/home, https://gdh-apw.adlibhosting.com/ais6/search/advanced en https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 staat bovenin het logo van de gemeente Den Haag, dat ook als link klikbaar is. Het tekstalternatief van de afbeelding beschrijft niet het logo en ook niet het doel van de link. Het tekstalternatief is nu “Ga naar Axiell Internet Server 6 Startpagina”. Pas dit aan naar “Logo gemeente Den Haag. Ga naar de website van het Haags Gemeentearchief.”

Bevinding 4: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat bovenaan pagina 1 het logo van de gemeente Den Haag, met in het wapen de tekst “Vrede en Recht”. Deze afbeelding is informatief, maar is niet getagd, waardoor het niet beschikbaar is voor hulpsoftware. Neem deze afbeelding op in de Figure-tag en voorzie het van een beschrijvend tekstalternatief, bijvoorbeeld Logo Gemeente Den Haag, Vrede en recht".

Bevinding 5: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 10 helemaal onderaan een social-media blokje, met drie social-media afbeeldingen. Het tekstalternatief van de facebook-icoon is “Icoon van facebook”, die van het instagram-icoon is “Icoon van instagram” en die van het twitter-icoon is “icoon van twitter”. Deze afbeeldingen beschrijven niet wat deze afbeeldingen inhouden, maar alleen waar het een icoon van is. Pas de tekstalternatieven aan, naar respectievelijk “Facebook”, “Instagram” en “Twitter” of "X".

Bevinding 6: In de PDF ENG_DEF JOODSE_WANDELING.pdf staat bovenaan pagina 1 het logo van de gemeente Den Haag, met in het wapen de tekst “Vrede en Recht”. Deze afbeelding is informatief, maar is niet getagd, waardoor het niet beschikbaar is voor hulpsoftware. Neem deze afbeelding op in de Figure-tag en voorzie het van een beschrijvend tekstalternatief.

Bevinding 7: In de PDF ENG_DEF JOODSE_WANDELING.pdf staat op pagina 1 een foto van de Joodse buurt in Den Haag. Deze heeft als tekstalternatief “Photo”. Dat is geen goede beschrijving en zegt niets over de inhoud van de foto. Voorzie deze afbeelding van een duidelijk beschrijvend tekstalternatief.

Bevinding 8: In de PDF ENG_DEF JOODSE_WANDELING.pdf staan er vanaf pagina 4 tot en met pagina 11 blokken genummerd van 1 tot en met 15. Achter de hoofdstuknummers staat een pictogram dat geluid weergeeft. Deze heeft als tekstalternatief “Icon sound”. Dit verwijst naar de audio die in de app beschikbaar is. Geef het pictogram een naam die dit duidelijk maakt.

Bevinding 9: In de PDF ENG_DEF JOODSE_WANDELING.pdf staan er vanaf pagina 4 tot en met pagina 11 blokken genummerd van 1 tot en met 15. Daarboven staat een steeds een foto. Al deze foto’s hebben als tekstalternatief “Photo” of “Print”. Dit is geen beschrijvend tekstalternatief en dit voldoet daarom niet. Zorg ervoor dat het tekstalternatief beschrijft wat er op de foto’s te zien is.

Bevinding 10: In de PDF ENG_DEF JOODSE_WANDELING.pdf staat op pagina 12 een kaart van “De Wandeling”. Deze is in de code opgesplitst in twee afbeeldingen met beiden als tekstalternatief “Map”. Deze kaart geeft weer wat de wandelroute is. Onder de kaart staat al alle bezienswaardigheden op een rijtje. Wat nog ontbreekt als tekst(alternatief) is de routebeschrijving zoals het startpunt ("Startpunt stadhuis"),de straatnamen en de wandelroute ("linksaf", "rechtsaf", "omkeren").

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://haagsgemeentearchief.nl/bronnen-en-collecties/beeld-en-geluid staat een video met louter beeld. In deze video wordt uitleg gegeven hoe je de zoekfunctionaliteit kan gebruiken. Deze uitleg wordt gegeven door middel van louter beeld en is dus niet voor iedereen toegankelijk.
Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van bijvoorbeeld schermleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript, of maak gebruik van een extra audiospoor.

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://haagsgemeentearchief.nl/ staan blokjes met Nieuws, Lezingen, Tentoonstellingen et cetera. Ieder nieuwsitem is opgemaakt met een h3 kop en een h4 kop met daaronder een datum. Er zijn ook items waarbij er onder de h4 kop geen content aanwezig is, en dat is niet correct. Dit is bijvoorbeeld het geval bij "Verhaal van de stad". De koppen 3 komen meerdere keren met eenzelfde naam voor. Dat maakt het bepalen van de structuur lastiger. Feitelijk zeggen de onderwerpen die nu als kopniveau 3 zijn opgemaakt meer over het type bericht dan over de inhoud. Het is om deze tekst op een andere wijze op te maken, maar wel zodanig dat deze onderdeel blijft van het nieuwsitem

Bevinding 13: Op pagina https://haagsgemeentearchief.nl/contact komt een opsomming voor onder de kop “Feestdagen”. Deze is nu niet opgemaakt met de juiste code. Gebruik het ul- en li-element om opsommingen weer te geven.

Bevinding 14: Op pagina https://haagsgemeentearchief.nl/over-ons/projectenoverzicht/nieuwe-serie-over-haagse-plekken-van-religie staan onder de kop “Laatste projecten” drie links die zijn opgemaakt als h4-kop. Deze koppen bevatten geen onderliggende content; dat is niet correct. Haal de h4-opmaak weg. Gebruik het ul- en li-element om opsommingen weer te geven.

Bevinding 15: Op pagina https://haagsgemeentearchief.nl/over-ons/projectenoverzicht/nieuwe-serie-over-haagse-plekken-van-religie staat een tabel. Deze tabel mist kolomkoppen (th-elementen). Tabellen met drie of meer kolommen moeten altijd tabelkoppen hebben die zijn opgemaakt met het th-element. Voeg tabelkoppen toe om dit probleem op te lossen.

Bevinding 16: Op pagina https://haagsgemeentearchief.nl/over-ons/projectenoverzicht/nieuwe-serie-over-haagse-plekken-van-religie staat een tabel. Onder deze tabel staan 2 datums waarvan de tekst opgemaakt is met een dl-element (description list). De opmaak is onvolledig. Plaats “Gepubliceerd:” en “Laatst bijgewerkt:” in een dt-element; plaats elke datum in een dd-element. Plaats "Details" al een niet zichtbaar kopje boven de <dl> (description list).

Bevinding 17: Op pagina https://haagsgemeentearchief.nl/over-ons/archief-aanbieden is de foto opgemaakt als een h2 kop. Direct hier onder staat de h2 kop “Naar welk materiaal zoeken wij?”. Hierdoor heeft de eerste kop geen content. Dit is niet correct. Los dit op door de foto niet als h2 kop op te maken. Zie ook het hiermee samenhangende probleem onder succes criterium 2.4.6.

Bevinding 18: Op pagina https://haagsgemeentearchief.nl/toegankelijkheid staan onder de h1 kop “Toegankelijkheid” drie h3 koppen. De eerste kop beginnend met de tekst "N.B. op dit moment wordt ...." is geen kop, maar een paragraaf. Maak hiervan een paragraaf.

Bevinding 19: Op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced staan twee radiobutton-groepen. Deze missen een groepslabel. Dat komt omdat het legend-element waar ze in staan met CSS display: “none;” is opgemaakt. Naast de radiobuttongroepen staat wel een label-element met de groepsnaam, maar dit voldoet niet als groepslabel. Deze tekst is nu niet gekoppeld aan de groep keuzerondjes. Gebruik een combinatie van fieldset en legend op correcte wijze of een andere vergelijkbare techniek om dit probleem op te lossen.

Bevinding 20: Op pagina’s https://gdh-apw.adlibhosting.com/ais6/home, https://gdh-apw.adlibhosting.com/ais6/search/advanced en https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 staat de link “Nederlands”. Als deze wordt geactiveerd opent er een blokje met erboven de kop “Taal wijzigen” die met het strong-element is opgemaakt om deze visueel als kop weer te geven. Daarvoor is het strong-element niet bedoeld. Pas dit aan door deze tekst in de code op te maken als een kop (h1 – h6) en verwijder het strong-element.

Bevinding 21: Op pagina’s https://gdh-apw.adlibhosting.com/ais6/home, https://gdh-apw.adlibhosting.com/ais6/search/advanced en https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 staat bovenin een hoofdmenu, waarin met kleur wordt aangegeven welke links wel of niet beschikbaar zijn. Deze informatie is niet beschikbaar voor voorleessoftware en dat moet wel. Gebruik bijvoorbeeld aria-current om dit aan te geven.

Bevinding 22: Op pagina https://gdh-apw.adlibhosting.com/ais6/home is de koptekst “Werken met deze website” met het strong-element opgemaakt om deze visueel als kop weer te geven. Daarvoor is het strong-element niet bedoeld. Pas dit aan door deze tekst in de code op te maken als een kop (h1 – h6) en verwijder het strong-element.

Bevinding 23: Op pagina https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 staat de koptekst “Samenvatting”. Het is hier alleen visueel duidelijk dat het een kop is, maar niet in de code. Maak de koptekst op als een echte kop (h1 – h6). Dit doet zich ook voor bij de kopjes “Acties” en “Weergave”.

Bevinding 24: Op pagina https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 staat een opsomming, startend met “Titel Ver van huis … in Den Haag” en eindigend met “Trefwoorden Hindoestanen, Immigranten”. Deze opsomming is opgenomen in een ul-element, maar de items erbinnen zijn opgemaakt met het div-element. Dat is niet correct. Los dit op door elk item op te nemen in een li-element. Een nog betere oplossing is om hier een het dl-element (description list) te gebruiken.

Bevinding 25: Op pagina https://haagsgemeentearchief.nl/ staat een zoekveld met daar achter een knop. Deze knop heeft geen toegankelijke naam waardoor niet ziende bezoekers informatie missen. Zorg daarom alsnog voor een duidelijke toegankelijke naam. Zie ook het hiermee samenhangende probleem onder succescriterium 4.1.2

Bevinding 26: ADVIES: Bovenaan de meeste pagina's staat in de header de h1 kop “Haags Gemeentearchief” met daaronder de h2 kop “archief Leidschendam-Voorburg”. Het is beter hiervoor geen koppen te gebruiken. Het maakt het voor blinden en slechtzienden de betreffende pagina's lastig scanbaar om de structuur te bepalen. Het is beter om de koppen te reserveren voor het contentgedeelte en de eerste h1 en h2 als gewone tekst te markeren. Zie de hiermee samenhangende bevinding onder succescriterium 2.4.6.

Bevinding 27: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf zijn op pagina 1 de teksten “Haags Gemeentearchief” en “Handleiding voor … overdracht van een archief” niet van tags voorzien (gecodeerd). Deze zijn nu niet beschikbaar voor hulpsoftware, waardoor de structuur en semantiek van het document niet kan worden bepaald. Zorg ervoor dat deze teksten alsnog worden voorzien van de juiste tags.

Bevinding 28: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 2 een inhoudsopgave. De eerste zes items zijn in afzonderlijk opsommingen opgenomen en het laatste item “Bijlage 1: Wat bewaart u en wat niet 8” is gecodeerd als een alinea. Dit zijn bij elkaar horende items, neem ze daarom allemaal op binnen één opsomming (L-tag) en verwijder de P-tags.

Bevinding 29: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat bovenaan pagina 3 de genummerde koptekst “1. Inleiding” en op pagina 2 de kopteksten “2. Wat is belangrijk om te bewaren?” en “3. Wat zit er in het archief? (de plaatsingslijst)”. Deze zijn niet van tags voorzien. Codeer deze kopteksten als koppen in de code (H1 – H6) en let daarbij goed op de hiërarchie van het document. Deze koppen komen op meerdere plaatsen in het document voor.

Bevinding 30: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 3 de link “Archiefstuk digitaliseren – Haags Gemeentearchief”. Deze is opgenomen in een aparte alinea, maar lijkt te horen bij de erboven staande pagina. Neem deze daarom binnen deze alinea op.

Bevinding 31: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 5 een tabel. Er boven staat de tekst “Voorbeeld”. Dit beschrijft niet duidelijk de eronder staande tabel. Breidt dit bijvoorbeeld uit tot “Voorbeeld van een plaatsingslijst”. Niet verplicht, maar wel beter is om hier een kopje van te maken, zodat het duidelijk is dat dit bij de tabel hoort.

Bevinding 32: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 5 een tabel, waarin een aantal datacellen gecodeerd zijn met het TH-element, dat bedoeld is om koppen te markeren. Vervang TH-tags door TD-tags, omdat dit allemaal datacellen zijn.

Bevinding 33: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf zijn op pagina 6 zowel de kop “6. Hoe zorgen we ervoor dat het archief in goed staat blijft?” als de eronder staande alinea “Als de beschrijvingen … te worden opgenomen” niet met tags gecodeerd. Codeer de koptekst met een H-tag van het juiste niveau en de alinea met een P-tag.

Bevinding 34: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf is op pagina 7 de koptekst “Bijlage 1 Wat bewaart u en wat niet” niet getagd. Codeer deze koptekst alsnog met een H-tag van het juiste niveau.

Bevinding 35: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 8 een tabel waarvan zowel de eerste rij als de eerste kolom bestaat uit (koppen) TH-cellen. Deze missen een scope-attribuut dat aangeeft of het kolomkoppen of rijkoppen betreft. Voeg aan de kolomkoppen het attribuut scope="column" toe en aan de rijkoppen het attribuut scope="row" om dit op te lossen. Als een TH-cel geen scope-attribuut heeft wordt er namelijk van uitgegaan dat het een kolomkop is. Gebruik het attribuut scope=”both” als de eerste cel van de tabel zowel als kolomkop als rij-kop fungeert.

Bevinding 36: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 10 helemaal onderaan een social-media blokje, met drie social-media afbeeldingen. Neem deze afbeeldingen in een opsomming op omdat dit een bij elkaar horend setje is.

Bevinding 37: De PDF ENG_DEF JOODSE_WANDELING.pdf heeft onderaan elke pagina paginanummers staan. Deze nummering komt niet overeen met de paginanummerig in de software waarmee je de PDF opent. Dit komt met name omdat er 2 pagina's tegelijk op een blad staan. Het is dan verwarrend om te bepalen op welke paginanummer je staat. Zorg dat de paginanummering onderaan de pagina overeenkomt met die van de software waarmee iemand de PDF leest. De paginanummering in dit rapport verwijst naar de nummering die je in de software gebruikt.

Bevinding 38: In de PDF ENG_DEF JOODSE_WANDELING.pdf staan op pagina 2 onder de kop “THE NEIGHBOURHOOD” alinea’s die zijn gecodeerd als koppen. En dat is niet correct. De eerste drie alinea's zijn opgenomen in een H6-kop. Verwijder hier de kop en neem elke alinea op in een afzonderlijke P-tag. Ook de naam van de dichter en de datum zijn opgenomen in een H6-kop, maak ook hier een alinea van. Het probleem dat de H6 kop met de naam van de dichter en de datum geen content heeft maar wordt gevolgd door een kop van lager niveau is hiermee dan ook gelijk opgelost.

Bevinding 39: In de PDF ENG_DEF JOODSE_WANDELING.pdf staat op pagina 11 aan de rechterkant de colofon. Het koptekstje “Colophon” is gecodeerd als een alinea. Visueel en semantisch beschouwd is het duidelijk dat dit een kop moet zijn. Codeer deze daarom in de code ook als een kop.

Bevinding 40: In de PDF ENG_DEF JOODSE_WANDELING.pdf staat op pagina 11 aan de rechterkant de colofon. In het tweede blokje staat onder “Visual Material” een opsomming van ‘bronnen’, startend met “Collection Jewish Historical Museum page 7,9,10, 16, 13 (english version)” en eindigend met “Cees Verkerk page 18 (english version)”. Ofschoon er visueel geen opsommingstekens zijn gebruikt is dit wel een opsomming. Gebruik de L-, Li- en LBody-tag om opsommingen te coderen.

Bevinding 41: In de PDF ENG_DEF JOODSE_WANDELING.pdf staan er vanaf pagina 4 tot en met pagina 11 blokken genummerd van 1 tot en met 15. Dit betreft de stappen van een audiotour. Elk blok start met een H4-kop, waar alleen het nummer van de stap in is opgenomen, bijvoorbeeld “1” en “2”. De omschrijving van de stap staat onder de kop in een alinea. Koppen met alleen nummers zijn niet betekenisvol. Een mogelijke oplossing is om de beschrijving van de stap toe te voegen aan de kop. LET OP: Door het samenvoegen van de kop met de eronder staande alinea en de plaats van het geluids-icoon ontstaat er een probleem voor succescriterium 1.3.2. De eerste kop heeft dan geen content meer, omdat deze dan direct gevolgd wordt door een kop van een hoger niveau. Los dit op door deze koppen, waaronder de kop “PLAQUE PAVILJOENSGRACHT” te coderen als een kop van een lager niveau. Dit is ook belangrijk om de structuur en hiërarchie van het document correct weer te geven.

Bevinding 42: In de PDF ENG_DEF JOODSE_WANDELING.pdf staan er vanaf pagina 4 tot en met pagina 11 blokken genummerd van 1 tot en met 15. Daarboven staat een steeds een foto. Naast al deze foto’s staat een bijschrift, bijvoorbeeld het bijschrift “Courtyard of a Alley (c. 1900)” bij de foto behorend bij het eerste blok. Dit bijschrift is opgenomen in een alinea onder de afbeelding. Het is nu niet duidelijk dat deze bij elkaar horen en dat is wel nodig. Koppel deze bijschriften daarom aan de afbeeldingen.

Bevinding 43: In de PDF ENG_DEF JOODSE_WANDELING.pdf staat op pagina 1 de kop “The Hague Municipal Archives”. Deze bevat geen content omdat deze direct wordt opgevolgd door de kop “THE NEIGHBOURHOOD SPEAKS” die van een hoger niveau is. Onder een kop moet altijd content aanwezig zijn, zoals tekst, een afbeelding met een tekstalternatief of een kop van een lager niveau. Als de kop “The Hague Municipal Archives”, die feitelijk geen kop is, bijvoorbeeld wordt gecodeerd met de P-tag, dan is dit probleem verholpen.

Uitkomst: Onvoldoende

Bevinding 44: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 10 helemaal onderaan een social-media blokje, met drie social-media afbeeldingen en daarboven de tekst “Volg ons ook op:”. In de code wordt dit echter opgesplitst doordat halverwege het adres, e-mailadres en websiteadres er tussenin staat. Los dit op door het social mediablokje ook in de code helemaal onder het adresblokje te plaatsen.

Bevinding 45: In de PDF ENG_DEF JOODSE_WANDELING.pdf staan er vanaf pagina 4 tot en met pagina 11 blokken genummerd van 1 tot en met 15. Deze blokken bevatten een afbeelding van een foto, een kop en tekst. Als de blokken achter elkaar worden voorgelezen is het niet duidelijk bij welke kop de afbeelding hoort. Zet de koppen daarom vooraan in de HTML-code en zet hierachter de afbeelding. Visueel mag deze indeling wel aangehouden worden.

Uitkomst: Onvoldoende

Bevinding 46: Op pagina https://gdh-apw.adlibhosting.com/ais6/home staan verwijzingen naar "de blauwe helpknop rechtsboven” en “een gekleurde tab om dat tabblad te tonen”. Vermijd verwijzingen naar visuele locaties op het scherm of vul deze, indien ontbrekend, aan met de echte naam en de rol. Pas de verwijzing naar de hulpknop aan met de naam van de knop “Klik hier voor uitleg”. En geef bij de verwijzing naar de “gekleurde tab” aan, dat het gaat om actieve links in het hoofdmenu. Deze moeten dan in de code ook nog als actief worden gemarkeerd. Mensen die het scherm niet (goed) kunnen zien en hulpsoftware gebruiken kunnen dan de informatie op andere wijze makkelijk terugvinden.

Uitkomst: Onvoldoende

Bevinding 47: Op pagina https://haagsgemeentearchief.nl/index.php?option=com_rsform&view=rsform&formId=95&Itemid=8236 staat een formulier waar de bezoeker onder andere het eigen e-mailadres en telefoonnummer kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

Bevinding 48: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staan zoekresultaten. Door te klikken op de drie puntjes rechts van een zoekresultaat verschijnt een pop-up waar je kan kiezen voor de optie "Reageren". Er verschijnt dan een formulier met een aantal velden, waar onder naam en emailadres. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

Uitkomst: Onvoldoende

Bevinding 49: https://gdh-apw.adlibhosting.com/ais6/home De links op pagina https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500, bijvoorbeeld linktekst "Hindoestanen" zijn alleen herkenbaar doordat ze een andere kleur hebben. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om links gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.

Uitkomst: Onvoldoende

Bevinding 50: Op pagina https://haagsgemeentearchief.nl/ staat bij een aantal items oranje tekst op een witte achtergrond. Het gaat om de tekst "Tentoonstelling", "Rondleiding" en "Lezing". Deze tekst heeft een te laag contrast. De contrastverhouding is 2,6:1 waar dit 4,5:1 moet zijn. Zorg ervoor dat deze teksten voldoende contrast hebben.

Bevinding 51: Op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&mid=1&mizk_alle=slachthuislaan staat de blauwe tekst "Melding 'geen bestand'" op eenlicht grijze achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 4,3:1 waar dit 4,5:1 moet zijn. Zorg ervoor dat deze tekst voldoende contrast krijgt.

Bevinding 52: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staat in het zoekveld de placeholdertekst "Alle woorden". Deze licht grijze tekst heeft een contrastverhouding van 1,6:1 met de witte achtergrond, en dat is te weinig. Zorg hier voor een minimaal contrast van 4,5:1.

Bevinding 53: Op pagina https://haagsgemeentearchief.nl/index.php?option=com_rsform&view=rsform&formId=95&Itemid=8236 staat een formulier. Als velden niet of foutief worden ingevuld, verschijnen er meldingen in rode tekst. Dit geeft een aantal contrastproblemen. Bijvoorbeeld de tekst "Vul alle verplichte velden in alstublieft" heeft tegen de witte achtergrond een contrastverhouding van 4,0:1. De tekst "U heeft geen naam ingevuld" heeft een contrastverhouding met de witte achtergrond van 4,4:1. En de rode tekst "Zet de nummers in het veld" heeft tegen de licht rode achtergrond een contrastverhouding van 3,0:1. Zorg in alle gevallen voor een minimaal contrast van 4,5:1

Bevinding 54: Als op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&misort=last_mod%7Cdesc&mid=1&mizk_alle=slachthuislaan een zoekresultaat wordt geopend door op de foto te klikken, verschijnt de foto in een pop-up, met rechts bovenaan de knop "Sluiten". De rode tekst heeft een contrastverhouding met de witte achtergrond van 4,0:1. Zorg hier voor een minimale contrastverhouding van 4.5:1.

Bevinding 55: Als de pagina https://gdh-apw.adlibhosting.com/ais6/home wordt bekeken terwijl er is ingezoomd, verschijnt het mobiele menu. Als over een aantal menu items wordt gehoverd, bijvoorbeeld over "Introductie" en "Zoeken", is het contrastverhouding 1,0:1. Zorg voor een minimaal contrastverhouding van 4,5:1 .

Bevinding 56: Op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced staan onder “Zoeken” drie verschillende manieren om te zoeken, waaronder “Uitgebreid zoeken”. De bruine kleur van deze (actieve) linktekst contrasteert onvoldoende met de grijze achtergrond. De contrastverhouding is 4,0:1, maar moet minimaal 4,5:1 zijn.

Bevinding 57: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf contrasteert op pagina 1 de witte tekst “Haags Gemeentearchief” onvoldoende met de blauwe achtergrond. De contrastverhouding is 3,8:1, maar moet minimaal 4,5:1 zijn.

Bevinding 58: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf contrasteert op pagina 1 de witte tekst “Handleiding voor … overdracht van een archief” onvoldoende met de groene achtergrond. De contrastverhouding is 3,9:1, maar moet minimaal 4,5:1 zijn.

Bevinding 59: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf contrasteert op pagina 2 de groene koptekst “1. Inleiding” onvoldoende met de witte achtergrond. De contrastverhouding is 3,9:1, maar moet minimaal 4,5:1 zijn. Dit zelfde probleem doet zich voor met al dit soort kopteksten, waaronder “2. Wat is belangrijk om te bewaren?” en “6. Hoe zorgen we ervoor dat het archief in goed staat blijft?”.

Bevinding 60: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf contrasteert op pagina 8 de witte kop “Categorie” onvoldoende met de lichtgroene achtergrond. De contrastverhouding is 2,1:1, maar moet minimaal 4,5:1 zijn.

Bevinding 61: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf contrasteren de witte kolomkoppen “Bewaren” en “Vernietigen” van de tabel op pagina 8 onvoldoende met de groene achtergrond. De contrastverhouding is 3,9:1, maar moet minimaal 4,5:1 zijn.

Bevinding 62: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf contrasteert de witte tekst (met de adresgegevens) op pagina 10 onvoldoende met de groene achtergrond. De contrastverhouding is 3,1:1, maar moet minimaal 4,5:1 zijn.

Bevinding 63: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf contrasteert de blauwe tekst “Volg ons ook op:” op pagina 10 onvoldoende met de witte achtergrond. De contrastverhouding is 3,8:1, maar moet minimaal 4,5:1 zijn. Dit geldt ook voor de blauwe teksten onder de social-media iconen.

Bevinding 64: In de PDF ENG_DEF JOODSE_WANDELING.pdf contrasteert op pagina 2 de blauwe tekst “THE NEIGHBOURHOOD” onvoldoende met de groene achtergrond. De contrastverhouding is 2,5:1, maar moet minimaal 3,0 zijn voor grote tekst.

Bevinding 65: In de PDF ENG_DEF JOODSE_WANDELING.pdf contrasteert op pagina 2 de groene tekst van het gedicht onvoldoende met de groene achtergrond. De contrastverhouding is 3,2:1, maar moet minimaal 4,5:1 zijn.

Bevinding 66: In de PDF ENG_DEF JOODSE_WANDELING.pdf contrasteert op pagina 3 de blauwe tekst “Scan de QR-Code!” onvoldoende met de grijze achtergrond van het blokje waar het in staat. De contrastverhouding is 3,3:1, maar moet minimaal 4,5:1 zijn.

Bevinding 67: In de PDF ENG_DEF JOODSE_WANDELING.pdf staan er vanaf pagina 4 tot en met pagina 11 blokken genummerd van 1 tot en met 15. De witte genummerde kopteksten, bijvoorbeeld “1” en “2” contrasteren onvoldoende met de lichtgroene achtergrond. De contrastverhouding is 2,1:1, maar moet minimaal 3,0:1 zijn.

Uitkomst: Onvoldoende

Bevinding 68: Op alle pagina's staat rechts bovenin de pagina "Haags Gemeentearchief - archief Leidschendam-Voorburg". Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan verdwijnt "archief Leidschendam-Voorburg". Dat is verlies van informatie, zorg ervoor dat alle content bereikbaar is in elke resolutie van het scherm.

Bevinding 69: Op pagina https://haagsgemeentearchief.nl/ staan de links "Beeld en geluid", "Archieven", "Personen" en "Bibliotheek". Onder deze links staan een of meerdere links. Deze vallen weg als bij een schermgrootte van 1280px breed ingezoomd wordt tot 200%. Dat is verlies van functionaliteit. Zorg ervoor dat alle functionaliteit bereikbaar is in elke resolutie van het scherm.

Bevinding 70: In de footer staan social-media-iconen. Als de website wordt bekeken bij een schermgrootte van 1280px breed en er ingezoomd wordt tot 200%, dan zijn de eerste drie nooit volledig in beeld omdat ze worden afgedekt door de knop van het chatvenster. Zorg ervoor dat alle content en functionaliteit in beeld te brengen is.

Bevinding 71: Op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&mid=1&mizk_alle=slachthuislaan#melding-geen-bestand staat het invoerveld "Alle velden". Hier staat een icoon met een vraagteken waarmee zoektips kunnen worden opgevraagd. Als de website wordt bekeken bij een schermgrootte van 1280px breed en er ingezoomd wordt tot 200%, dan vallen de zoektips grotendeels buiten beeld. Er is weliswaar een horizontale schuifbalk aanwezig, maar daarmee zijn de zoektips niet in beeld te brengen. Een horizontale schuifbalk is voor succes-criterium 1.4.4 trouwens toegestaan, maar wordt afgekeurd bij succes-criterium 1.4.10. Dit probleem doet zich niet continue voor en is lastig te reproduceren.

Uitkomst: Onvoldoende

Bevinding 72: Alle problemen die zijn gemeld bij succescriterium 1.4.4 doen zich ook voor bij een schermgrootte van 1280x1024px als er ingezoomd wordt tot 400%. Deze problemen zijn daarom hier niet opnieuw benoemd.

Bevinding 73: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verschijnt er een mobiel menu. Alleen de eerste vier menu-opties zijn in beeld, de rest valt buiten beeld en is ook niet in beeld te brengen. Dit geldt ook voor de sub-menu's. Zorg ervoor dat ook bij 400% zoom alle functionaliteit beschikbaar blijft.

Bevinding 74: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan is de video op pagina https://haagsgemeentearchief.nl/bronnen-en-collecties/beeld-en-geluid voor een groot deel buiten beeld. Er is een mogelijkheid om horizontaal te scrollen, maar dat is bij dit succes-criterium niet toegestaan. Zorg ervoor dat ook bij 400% zoom alle content beschikbaar blijft.

Bevinding 75: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan valt de tabel op pagina https://haagsgemeentearchief.nl/over-ons/projectenoverzicht/nieuwe-serie-over-haagse-plekken-van-religie voor een groot deel buiten beeld. Er is een mogelijkheid om de pagina horizontaal te scrollen, maar dat is bij dit succes-criterium niet toegestaan. Het is wel toegestaan om een horizontale scrollbalk op de tabel te zetten. Zorg ervoor dat ook bij 400% zoom alle content beschikbaar blijft.

Bevinding 76: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan valt op pagina https://haagsgemeentearchief.nl/toegankelijkheid een deel van de content buiten beeld. Het gaat onder andere om de woorden "toegankelijkheidsrappporten", "nederlandsmuziekinstituut.nl" en "periodieken.haagsgemeentearchief.nl,". Zorg ervoor dat ook bij 400% zoom alle content beschikbaar blijft.

Bevinding 77: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan wordt op pagina https://haagsgemeentearchief.nl/ontdek-de-stad/publicaties/the-neighbourhood-speaks-walkthrough-the-vanished-jewish-neighbourhood-in-the-hague het kruimelpad niet getoond. Het zelfde probleem doet zich voor de overige pagina's. Zorg ervoor dat ook bij 400% zoom alle content beschikbaar blijft.

Bevinding 78: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staat achter het invoerveld "Alle woorden" de knop "Zoek" en de knop "Uitgebreid zoeken". Wanneer de pagina wordt bekeken bij een schermgrootte van 1280x1024px en ingezoomd wordt tot 400% dan ontbreekt de knop "Uitgebreid zoeken". Zorg ervoor dat ook bij 400% zoom alle functionaliteit beschikbaar blijft. (De functionaliteit onder de ontbrekende knop kon voor dit succescriterium derhalve niet getest worden). Hetzelfde probleem doet zich voor op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&mid=1&mizk_alle=slachthuislaan#melding-geen-bestand.

Bevinding 79: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staat tweemaal paginering. Rechts van de eerste paginering staat een mogelijkheid om direct te springen naar bijvoorbeeld pagina 200 van de zoekresultaten. Wanneer de pagina wordt bekeken bij een schermgrootte van 1280x1024px en ingezoomd wordt tot 400% dan ontbreekt deze functionaliteit. Zorg ervoor dat ook bij 400% zoom alle functionaliteit beschikbaar blijft.

Bevinding 80: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staan achter de zoekresultaten drie bolletjes. Deze staan wanneer de pagina wordt bekeken bij een schermgrootte van 1280x1024px en ingezoomd wordt tot 400% slechts deels in beeld. Door te klikken op de drie bolletjes verschijnt een pop-up met aanvullende informatie en bijvoorbeeld de mogelijkheid om een reactie te versturen. Ook deze staat slechts gedeeltelijk in beeld. Zorg ervoor dat ook bij 400% zoom alle functionaliteit en content beschikbaar blijft. Een vergelijkbaar probleem doet zich voor bij de mogelijkheid om een reactie te versturen.

Bevinding 81: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staan zoekresultaten. Bij ieder zoekresultaat staat (in de lijstweergave) de mogelijkheid "Toon details". Als de pagina wordt bekeken bij een schermgrootte van 1280x1024px en ingezoomd wordt tot 400% en "Toon details" wordt aangeklikt, dan valt een deel van de content buiten beeld. Er is een mogelijkheid om horizontaal te scrollen, maar dat is voor dit succescriterium niet toegestaan. Zorg ervoor dat ook bij 400% zoom alle functionaliteit en content beschikbaar blijft. Een vergelijkbaar probleem doet zich voor op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&misort=last_mod%7Cdesc&mid=1&mizk_alle=slachthuislaan wanneer in de zoekresultaten (in weergavestand: kleine weergave) op een foto geklikt wordt.

Bevinding 82: Op iedere pagina is een chat functionaliteit beschikbaar. Als deze wordt geopend bij een schermgrootte van 1280x1024px en ingezoomd wordt tot 400%, valt er content buiten beeld. Zorg ervoor dat ook bij 400% zoom alle functionaliteit en content beschikbaar blijft.

Bevinding 83: Op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced staan bij verschillende velden tooltips, die verschijnen als er overheen wordt gehoverd. Als het scherm wordt geopend bij een schermgrootte van 1280x1024px en ingezoomd wordt tot 400%, valt een deel van deze content buiten beeld.

Uitkomst: Onvoldoende

Bevinding 84: Op pagina https://haagsgemeentearchief.nl/zoeken?q=den+haag staat een invoerveld. De lichtgrijze rand van dit invoerveld heeft een contrastverhouding van 1.6:1 met de witte achtergrond, en dat is te laag. Zorg dat het invoerveld een minimaal contrast heeft van3,0:1 zodat deze voor iedereen goed zichtbaar is. Hetzelfde probleem doet zich voor bij de invoervelden op pagina https://haagsgemeentearchief.nl/index.php?option=com_rsform&view=rsform&formId=95&Itemid=8236 b.

Bevinding 85: Op pagina https://haagsgemeentearchief.nl/index.php?option=com_rsform&view=rsform&formId=95&Itemid=8236 staan de invoervelden "Met hoeveel personen komt u" en "Mogen wij u berichten...". Als deze velden focus hebben dan heeft de focusindicator niet genoeg contrast. De contrastverhouding tussen wel of geen focus is hier 2,0:1, zorg voor een minimaal contrastverhouding van 3,0:1.

Bevinding 86: Op pagina https://haagsgemeentearchief.nl/nieuws/evenementenoverzicht/week/08-23-2027 staan de links "Vorige week" en "Volgende week". De lichtgrijze focusindicator op deze links heeft te weinig contrast; de contrastverhouding is namelijk 1,8:1 met de witte achtergrond. Zorg hier voor een minimale contrastverhouding van 3,0:1.

Uitkomst: Onvoldoende

Bevinding 87: Bovenaan iedere pagina staat het menu. Als de website wordt bekeken met de regelhoogte, alinea- en tekstafstand zoals beschreven voor dit succescriterium, dan beslaat het menu twee regels. Dit levert problemen op bij het navigeren naar de (sub)menu-items. Als met de muis naar het eerste menu-item “Nieuws” wordt genavigeerd, worden de submenu-items “Nieuwsberichten”, “Evenementen” et cetera getoond. Dit submenu valt nu over de tweede regel van het hoofdmenu heen. Als een gebruiker naar het eerste submenu-item “Nieuwsberichten” navigeert, dan opent het submenu van het hoofdmenu-item “Over ons”. Het navigeren naar de submenu's is dus niet goed mogelijk.

Bevinding 88: Op pagina https://haagsgemeentearchief.nl/zoeken?q=den+haag staat een zoekveld met daar achter de knop “Zoeken”. Deze is slechts deels zichtbaar. Op dezelfde pagina valt bij “Gedigitaliseerde publicaties” het woord “resultaten” over de rand, waardoor het slechter leesbaar is.

Uitkomst: Onvoldoende

Bevinding 89: Op iedere pagina staat het menu. Als over een menu-item wordt gehoverd verschijnt het submenu. De bezoeker kan dit niet weghalen zonder de muis te bewegen of de focus met het toetsenbord te verplaatsen. Een bezoeker moet dit bijvoorbeeld met de Escape-toets kunnen doen.

Bevinding 90: Op pagina https://haagsgemeentearchief.nl/index.php?option=com_rsform&view=rsform&formId=95&Itemid=8236 staat een formulier. Als over de veldnamen wordt gehoverd verschijnt een zwart vlak, soms met tekst er in. De bezoeker kan deze content niet weghalen zonder de muis te bewegen of de focus met het toetsenbord te verplaatsen. Een bezoeker moet dit bijvoorbeeld met de Escape-toets kunnen doen.

Bevinding 91: Als op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced over de labels van het formulier wordt gehovered, zoals de labels “Auteur” en “Materiaal” verschijnt er nieuwe content. Deze content valt ook over de inhoud van de pagina. Deze extra content die verschijnt moet onder andere 'dismissable' zijn. Dit wil zeggen dat het niet mogelijk is om de content te laten verdwijnen zonder de muis te verplaatsen. Dat is nu niet het geval. Een oplossing kan zijn om dit mogelijk te maken met de Escape-toets.

Uitkomst: Onvoldoende

Bevinding 92: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staat in het zoekveld een icoon van een vraagteken. Deze zoektip is met het toetsenbord te openen. In het venster dat dan verschijnt staat een link naar meer zoektips. Deze link is niet met het toetsenbord te bedienen. Het zelfde probleem doet zich voor op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&mid=1&mizk_alle=slachthuislaan.

Bevinding 93: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staan zoekresultaten. Door op de drie bolletjes van een zoekresultaat te klikken, opent een pop-up. Deze pop-up kan als er eenmaal met het toetsenbord doorheen is getabd niet meer worden gesloten met het toetsenbord. Dit probleem doet zich ook voor op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&misort=dt%7Cdesc&mid=1&mizk_alle=slachthuislaan.

Bevinding 94: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staan zoekresultaten. Door op de drie bolletjes van een zoekresultaat te klikken, opent een pop-up en kan gekozen worden voor de optie “Reageren”. In het venster dat dan opent is de optie “Mijn Studiezaal” en “Help” niet te benaderen met het toetsenbord. Dit probleem doet zich ook voor op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&misort=dt%7Cdesc&mid=1&mizk_alle=slachthuislaan.

Bevinding 95: Op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&misort=dt%7Cdesc&mid=1&mizk_alle=slachthuislaan staan zoekresultaten. Als (in de weergavestand “Kleine afbeeldingen”) met het toetsenbord naar een foto wordt genavigeerd en de entertoets wordt gebruikt opent een detailscherm. De pijltjes om naar een vorige of volgende foto te navigeren zijn met het toetsenbord niet te activeren.

Bevinding 96: Op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&misort=dt%7Cdesc&mid=1&mizk_alle=slachthuislaan staan zoekresultaten. Als (in de weergavestand “Kleine afbeeldingen”) met het toetsenbord naar een foto wordt genavigeerd en de entertoets wordt gebruikt, opent een detailscherm. De pijltjes om naar een vorige of volgende foto te navigeren zijn met het toetsenbord niet te activeren.

Bevinding 97: Op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&misort=dt%7Cdesc&mid=1&mizk_alle=slachthuislaan staan zoekresultaten. Als (in de weergavestand “Kleine afbeeldingen”) met het toetsenbord naar een foto wordt genavigeerd en de entertoets wordt gebruikt, opent een detailscherm. De foto wordt hier nogmaals getoond. Als hier met het toetsenbord naartoe wordt genavigeerd en de entertoets wordt gebruikt, opent er een nieuw venster. De functionaliteiten onderaan de foto om deze te bewerken, zijn met het toetsenbord niet te bedienen.

Bevinding 98: Op https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staan zoekresultaten. Als bij "weergave" is gekozen voor "Tabel", en met het toetsenbord wordt verder genavigeerd, dan zijn de zoekresultaten niet te benaderen met het toetsenbord. Zorg ervoor dat alle content en functionaliteit te bedienen is met het toetsenbord.

Bevinding 99: Als op pagina https://haagsgemeentearchief.nl/ wordt ingezoomd verschijnt een mobiel menu. Dit is met het toetsenbord niet te openen. Zorg ervoor dat alle functionaliteit ook met het toetsenbord te gebruiken is. Zie het hiermee samenhangende probleem onder succescriterium 2.4.3 en 2.4.7. Denk ook aan de eisen die SC 4.1.2 stelt aan knoppen. Hetzelfde probleem doet zich voor op pagina https://gdh-apw.adlibhosting.com/ais6/home.

Bevinding 100: Als er op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced over de labels van het formulier wordt gehovered, zoals “Auteur” en “Materiaal” verschijnt er een popup. Deze popup is alleen met de muis beschikbaar, maar niet met het toetsenbord.

Bevinding 101: Op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced staan in de invoervelden “Auteur”, “Trefwoord” en “SISO code” groene blokjes met drie liggende witte streepjes. Dit element is alleen te activeren met de muis, maar niet met het toetsenbord.

Bevinding 102: Op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced staan in de invoervelden “Auteur”, “Trefwoord” en “SISO code” groene blokjes met drie liggende witte streepjes. Als deze worden geactiveerd opent er een dialoogvenster. De namen van de auteurs en van het navigatie-element onderaan zijn alleen met de muis te bedienen en niet met het toetsenbord.

Bevinding 103: Op pagina https://gdh-apw.adlibhosting.com/ais6/home staat de link “Nederlands”. Deze is niet bedienbaar met toetsenbord omdat deze een href-attribuut mist. Zorg ervoor dat deze ook werkt met het toetsenbord, door dit attribuut alsnog toe te voegen. Nog beter is om van "Nederlands" een knop te maken.

Uitkomst: Onvoldoende

Bevinding 104: Op de pagina https://haagsgemeentearchief.nl/bronnen-en-collecties/beeld-en-geluid wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die gebruikmaken van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

Uitkomst: Onvoldoende

Bevinding 105: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kan je oplossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

Uitkomst: Onvoldoende

Bevinding 106: De titel van https://haagsgemeentearchief.nl/bronnen-en-collecties/beeld-en-geluid is “Beeld en Geluid – Haags Gemeentearchief”. En de titel van pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&mid=1&mizk_alle=slachthuislaan is “Beeld en geluid (Haags Gemeentearchief) – Haags Gemeentearchief”. Deze titels lijken erg sterk op elkaar en zijn daarom niet onderscheidend genoeg. Zorg voor unieke en onderscheidende paginatitels. Een vergelijkbaar probleem doet zich voor bij pagina https://haagsgemeentearchief.nl/zoeken?q=den+haag (met als titel “Zoeken door alles - Haags Gemeentearchief” en pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl (met als paginatitel “Zoeken in alles (Haags Gemeentearchief) – Haags Gemeentearchief”.

Bevinding 107: Pagina https://haagsgemeentearchief.nl/bestaatniet heeft als titel “Oeps, er ging iets mis - Haags Gemeentearchief ”. Dat is niet beschrijvend genoeg. Zorg hier voor een paginatitel die de pagina goed beschrijft.

Uitkomst: Onvoldoende

Bevinding 108: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl staan de knoppen “Materiaal”, “Categorie” en “Archiefinstelling”. Als bijvoorbeeld “Materiaal” wordt geactiveerd met het toetsenbord, verschijnen een aantal links. Deze links zijn niet direct met het toetsenbord te benaderen. Eerst moet naar de knoppen “Categorie” en “Archiefinstelling” worden genavigeerd voordat de links onder “Materiaal” kunnen worden geactiveerd. Dit is geen logische focus volgorde. Een vergelijkbaar probleem doet zich voor op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&mid=1&mizk_alle=slachthuislaan.

Bevinding 109: Op alle pagina’s is er een mogelijkheid om een chatvenster te openen. Als dit met het toetsenbord wordt gedaan, kan deze popup worden verlaten. Dat is niet de bedoeling. Zorg dat het chatvenster pas kan worden verlaten als deze gesloten is. Vergelijkbare problemen doen zich voor op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl en op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&mid=1&mizk_alle=slachthuislaan.

Bevinding 110: Als wordt ingezoomd verschijnt een mobiel menu. Er doet zich hier een probleem voor met de focusvolgorde. De items in de menu krijgen toetsenbordfocus, ook als dit niet uitgevouwen is. Dit is verwarrend voor bezoekers die met het toetsenbord navigeren, maar wel het scherm kunnen zien. Zorg ervoor dat de items die niet zichtbaar zijn geen focus krijgen als het mobiele menu ingevouwen is. Zie het hiermee samenhangende probleem onder succescriterium 2.4.7 en 2.1.1.

Uitkomst: Onvoldoende

Bevinding 111: In de footer staan social media iconen. De toegankelijke naam van deze iconen is nu bijvoorbeeld “Facebook” en “Bluesky”. Dat is niet voldoende, vul deze aan met de naam van de organisatie, dus bijvoorbeeld “Facebook van het Haags Gemeentearchief”. Een vergelijkbaar probleem doet zich onder andere voor op pagina https://haagsgemeentearchief.nl/contact en op pagina https://haagsgemeentearchief.nl/bronnen-en-collecties/beeld-en-geluid bij de social media iconen aan de rechterkant.

Bevinding 112: Op pagina https://haagsgemeentearchief.nl/nieuws/kalender/locatie/4-centrale-bibliotheek-podium-b staat onderaan de content de link “Terug”. Zorg hier voor een duidelijkere toegankelijke naam zodat de gebruiker weet waarnaar de link terug verwijst.

Bevinding 113: Op pagina’s https://gdh-apw.adlibhosting.com/ais6/home, https://gdh-apw.adlibhosting.com/ais6/search/advanced en https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 is het logo bovenin de pagina klikbaar. De linktekst is samengesteld uit het tekstalternatief van de afbeelding en het title-attribuut op de link. Het linkdoel is hier niet duidelijk. Als het tekstalternatief wordt aangepast, zoals voorgesteld bij succescriterium 1.1.1 en het title-attribuut op de link wordt verwijderd is dit probleem opgelost.

Bevinding 114: In de PDF FOLDER_VERBORGEN_VERLEDEN_versie_2.pdf staat op pagina 2 een inhoudsopgave. De items in deze lijst zijn slechts gedeeltelijk in een link opgenomen, waardoor het doel ervan niet altijd helemaal duidelijk is. In alle links ontbreekt het hoofdstuknummer en in een aantal gevallen, bijvoorbeeld bij de links naar pagina 4, is alleen het paginanummer opgenomen. Voor mensen die afhankelijk zijn van voorleessoftware is het dan niet duidelijk naar welk hoofdstuk ze gaan. Neem daarom zowel het hoofdstuknummer, de naam van het hoofdstuk en het paginanummer op in de links.

Uitkomst: Onvoldoende

Bevinding 115: Er is maar één manier om pagina https://haagsgemeentearchief.nl/nieuws/evenementenoverzicht/week/08-23-2027 en pagina https://haagsgemeentearchief.nl/nieuws/kalender/locatie/4-centrale-bibliotheek-podium-b binnen deze website te vinden en dat is via het volgen van links. Zorg dat er nog een manier is om elke pagina te kunnen bereiken. Zorg er bijvoorbeeld voor dat Zoeken niet alleen op de homepagina staat, maar dat deze ook gemakkelijk vanaf elke andere pagina bereikbaar is.

Uitkomst: Onvoldoende

Bevinding 116: De video op pagina https://haagsgemeentearchief.nl/bronnen-en-collecties/beeld-en-geluid bevindt zich binnen een iframe-element. Het title attribuut op dit element bevat nu alleen het type content, te weten “YouTube video player”. Dat is niet voldoende. Er moet ook beschreven worden waar de video overgaat. Vul het title-attribuut daarom aan met een duidelijke omschrijving van de inhoud van de video.

Bevinding 117: De foto op pagina https://haagsgemeentearchief.nl/over-ons/archief-aanbieden is opgemaakt als kop. De foto is geen kop en heeft ook geen bijbehorende content. Laat de kop-opmaak weg.

Bevinding 118: Bovenaan de meeste pagina's staat in de header de h2 kop “archief Leidschendam-Voorburg”. Onder deze h2 kop staat het navigatiemenu. De h2 kop beschrijft niet de eronder staande informatie. Los dit op door deze niet als kop op te maken. Zie ook de hiermee samenhangende opmerking onder succescriterium 1.3.1.

Uitkomst: Onvoldoende

Bevinding 119: Op pagina https://haagsgemeentearchief.nl/index.php?option=com_rsform&view=rsform&formId=95&Itemid=8236 staan de knoppen "Ververs" en "Versturen". Als deze focus hebben is dat niet of nauwelijks zichtbaar. Zorg ervoor dat de focusindicator altijd goed zichtbaar is en genoeg contrast heeft.

Bevinding 120: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl kan je na "weergave" kiezen hoe je de zoekresultaten wilt zien, in lijstweergave of tabelweergave. Als de link voor Lijstweergave focus ontvangt (terwijl Lijstweergave actief is), is dat niet zichtbaar. Zorg ervoor dat de focusindicator altijd zichtbaar is en genoeg contrast heeft. Hetzelfde probleem doet zich voor bij de link Tabelweergave als deze weergave actief is. Een vergelijkbaar probleem doet zich voor op pagina https://haagsgemeentearchief.nl/beeld-en-geluid/beeldcollectie?mivast=59&mizig=493&miadt=59&miview=gal&milang=nl&mid=1&mizk_alle=slachthuislaan

Bevinding 121: Op pagina https://haagsgemeentearchief.nl/archieven-mais/overzicht?mivast=59&mizig=0&miadt=59&miview=lst&milang=nl&misort=score%7Cdesc staan zoekresultaten. Als Lijstweergave actief is en met het toetsenbord door de zoekresultaten wordt genavigeerd, is de toetsenbordfocus een aantal keer niet zichtbaar. Dit is het geval als de tabtoets wordt gebruikt als de focus ligt op "Toon details".

Bevinding 122: Als wordt ingezoomd verschijnt er een mobiel menu. Als hier met het toetsenbord naartoe wordt genavigeerd is de focusindicator niet zichtbaar. Zorg ervoor dat de focusindicator altijd zichtbaar is. Zie het hiermee samenhangende probleem onder succescriterium 2.4.3 en 2.1.1.

Bevinding 123: Op pagina https://haagsgemeentearchief.nl/nieuws/kalender/locatie/4-centrale-bibliotheek-podium-b is de focus indicator niet zichtbaar als deze op de kaart komt te liggen. Zorg hier voor een zichtbare focusindicator.

Bevinding 124: Op pagina’s https://gdh-apw.adlibhosting.com/ais6/home, https://gdh-apw.adlibhosting.com/ais6/search/advanced en https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 is de focus niet zichtbaar op links en knoppen. Zorg voor een duidelijke focusindicator.

Bevinding 125: Op alle pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced is de focus niet zichtbaar als deze op het dropdownmenu “Materiaal” komt en ook niet als deze op een radiobuttons behorend bij “Sorteerveld” of “Sorteervolgorde” komt. Zorg voor een duidelijke focusindicator.

Uitkomst: Onvoldoende

Bevinding 126: Op pagina’s https://gdh-apw.adlibhosting.com/ais6/home, https://gdh-apw.adlibhosting.com/ais6/search/advanced en https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 staat bovenin het logo van de gemeente Den Haag, dat ook als link klikbaar is. De visueel zichtbare tekst “Den Haag” komt niet voor in de toegankelijke naam. Dit kan een probleem zijn voor spraaksoftware. Bij succescriterium 1.1.1 en 2.4.4 staat beschreven hoe dit kan worden opgelost.

Uitkomst: Onvoldoende

Bevinding 127: Op pagina https://haagsgemeentearchief.nl/ontdek-de-stad/publicaties/the-neighbourhood-speaks-walkthrough-the-vanished-jewish-neighbourhood-in-the-hague staat Engelse tekst. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen.

Bevinding 128: Op iedere pagina staat een chatfunctie binnen een iframe. De html-pagina binnen de iframe mist een taalcode. Voeg het attribuut lang=”nl” toe aan het html element om dit op te lossen.

Bevinding 129: Als op pagina https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 een andere taal dan Nederlands wordt ingesteld, bijvoorbeeld Duits, dan staat er onder de kop “Samenvatting” nog steeds Nederlandstalige tekst. Deze tekst is nu in een andere taal dan de taal van de pagina. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="de" toe te voegen. Doe dit ook voor de andere talen.

Uitkomst: Onvoldoende

Bevinding 130: Op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced staan de invoervelden met de placeholderteksten “vanaf” en “tot”. Deze voldoen niet als labels, omdat ze verdwijnen zodra er wat in de velden wordt ingevoerd. Deze labels moeten altijd zichtbaar blijven.

Uitkomst: Onvoldoende

Bevinding 131: Op alle pagina’s staat bovenin de hoofdnavigatie. Daarin staan links die rechtstreeks naar een pagina gaan, zoals “Home” en “Contact”, maar ook links, waaronder “Nieuws” en “Ontdek de stad”, die bedoeld zijn om een submenu te openen dan wel te sluiten. Voor ziende bezoekers is het duidelijk dat een submenu in- of uitgevouwen is. Blinden en slechtzienden die gebruikmaken van voorleessoftware missen de status en weten dus niet of hierdoor content aanwezig is of ontbreekt. Geef in de code de status aan met aria-expanded of een vergelijkbare techniek, om dit probleem op te lossen.

Bevinding 132: Op pagina https://haagsgemeentearchief.nl/ staat een zoekveld met daar achter een knop. Deze knop heeft geen toegankelijke naam waardoor niet ziende bezoekers informatie missen. Zie voor een oplossing het hiermee samenhangende probleem bij succescriterium 1.3.1.

Bevinding 133: Op pagina https://gdh-apw.adlibhosting.com/ais6/search/advanced staan in de invoervelden “Auteur”, “Trefwoord” en “SISO code” groene blokjes met drie liggende witte streepjes. Als deze worden geactiveerd opent er een dialoogvenster. Deze mist een rol en een naam. Voorzie deze van de volgende attributen role=”dialog”, ”aria-modal=”true” en voorzie deze van een naam die de inhoud van het dialoogvenster beschrijft.

Bevinding 134: Op pagina https://gdh-apw.adlibhosting.com/ais6/Details/document/300126500 heeft de link met de afbeelding van een envelop geen naam. Dit is ook een probleem voor succescriterium 2.4.4 en 2.5.3.