Toegankelijkheidsproblemen iisg.amsterdam 2025-06-07

Omschrijving en voorgestelde oplossing:

Er is in de footer een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft, zoals de de klikbare teksten in de footer. bijvoorbeeld “contact”. Zorg dat deze programmatisch goed is opgemaakt, zodat het ook voor schermlezergebruikers duidelijk is dat de tekst klikbaar is.

Daarnaast zou het fijn zijn als een gebruiker uit de visuele opmaak kan opmaken dat de titels klikbaar zijn. Op dit moment lijkt het normale tekst.

Omschrijving en voorgestelde oplossing:

In het zoekveld wordt gebruikgemaakt van het html-element ‘combobox’, maar het element werkt niet als een combobox. 

Link naar de zoekpagina: https://iisg.amsterdam/nl/search?search=amsterdam.

Omschrijving en voorgestelde oplossing:

Annual Report 2023 (pdf) is niet gecodeerd waardoor deze ontoegankelijk is voor hulptechnologieën. Daardoor is het niet mogelijk om de documenten te toetsen op koppen, lijsten, tabellen, etcetera. 

Link: https://iisg.amsterdam/files/2025-02/Jaarverslag%20IISG%202023_video.pdf

Omschrijving en voorgestelde oplossing:

We kwamen twee pagina’s in de steekproef tegen die zijn 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. 

De pagina’s Schemas is geschreven in het Engels, terwijl deze in de code juist in het Nederlands is ingesteld. De pagina Cookieverklaring is juist in de code ingsteld als Engelstalig, terwijl deze geschreven is in het Nederlands.

Links naar de pagina’s: 

• Schemas (EN) https://iisg.amsterdam/nl/node/1348
• Cookieverklaring https://iisg.amsterdam/en/node/1412

Omschrijving en voorgestelde oplossing:

Het Financieel Verslag 2020 (pdf) heeft geen taal gedefinieerd. Hierdoor kan een schermlezer het pdf-document niet in de juiste taal doorgeven aan een schermleesgebruiker.

Link: https://iisg.amsterdam/files/2021-07/jaarrekening 2020 plus accountantsverklaring.pdf

Omschrijving en voorgestelde oplossing:

De pdf-formulieren die hieronder opgesomd zijn missen een digitale titel. Dit gaat niet over de zichtbare titel in het document, maar om de titel die gebruikers vernemen die het document lezen met hulptechnologie.

• Financieel Verslag 2020 (pdf) https://iisg.amsterdam/files/2021-07/jaarrekening 2020 plus accountantsverklaring.pdf
• Annual Report 2023 (pdf) https://iisg.amsterdam/files/2025-02/Jaarverslag IISG 2023_video.pdf

Omschrijving en voorgestelde oplossing:

De focusindicator is niet altijd volledig zichtbaar op alle onderzochte webpagina’s. Zie bijvoorbeeld in het bijzonder de footer.

Omschrijving en voorgestelde oplossing:

Op de zoekpagina kunnen gebruikers met hulptechnologie pas zoekfilters aanbrengen nadat ze door alle zoekresultaten en de paginering zijn gegaan, ondanks dat het visueel lijkt alsof ze bovenaan de pagina staan. Dit komt doordat de zoekfilters onderaan in de code zijn geplaatst.

Link: https://iisg.amsterdam/nl/search?search=amsterdam

Omschrijving en voorgestelde oplossing:

Het verplaatsen van de toetsenbordfocus gebeurt niet logisch op de zoekpagina. In een mobiele weergave kun je de filters openen, maar de focus gaat hier niet direct naar toe, en komt hier pas wanneer alle resultaten zijn geweest. Dit zorgt ervoor dat het met een toetsenbord erg omslachtig is om de filters te gebruiken. 

Link: https://iisg.amsterdam/nl/search?search=amsterdam

Omschrijving en voorgestelde oplossing:

Er zijn afbeeldingen gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.

Acht voorbeelden: 

1. Footer
Alle logo’s behalve Clariah hebben op dit moment het alternatief ‘’Tumbnail’’.

2. Datasets
Alle afbeeldingen bij de datasets hebben een verkeerd alternatief.

3. European Social Science History Conference
De afbeelding van Lyon en van de winnaars. Let op: de poster is wel goed opgemaakt. 

4. Plan uw bezoek
De foto met daarop een persoon die studiemateriaal bestudeert met uitzicht op (vermoedelijk) het IJ-kanaal. 

5. Mission and vision
De afbeelding van het archief met de bruingekafte mappen. De foto van het raam heeft wel een goed alternatief.

6. Schemas
Bij alle drie de afbeeldingen op de pagina  heeft een verkeerde afbeeldingen of ontbreekt een alternatieve tekst.

7. News
Niet alle nieuwsafbeeldingen hebben een goed alternatief.

8. Staff
Bij de meesten is een alternatieve tekst. Echter is deze niet beschrijvend. Bij portretfoto’s staan bijvoorbeeld alleen de naam van de persoon, zonder een korte beeldende omschrijving.

9. Recente boeken
Hetzelfde als bij 8. Het is goed dát er omschreven is dat er een cover is, maar een korte omschrijving van de cover ontbreekt. 

Dit probleem komt voor op onder andere de volgende pagina’s:

• Footer
• Datasets https://iisg.amsterdam/nl/data/datasets
• European Social Science History Conference (EN) https://esshc.iisg.amsterdam/en
• Plan uw bezoek https://iisg.amsterdam/nl/collecties/plan-uw-bezoek
• Mission and vision (EN) https://iisg.amsterdam/en/about/mission
• Schemas (EN) https://iisg.amsterdam/nl/node/1348
• News (EN) https://iisg.amsterdam/en/news
• Staff (EN) https://iisg.amsterdam/en/about/staff

Omschrijving en voorgestelde oplossing:

Er is een decoratieve afbeelding gevonden die hulpprogramma’s niet kunnen negeren. 

Zie bijvoorbeeld de foto’s van de medewerkers op de pagina Staff (EN), achter https://iisg.amsterdam/en/about/staff

Omschrijving en voorgestelde oplossing:

Er is een video gevonden zonder titel. De titel informeert schermlezergebruikers over de inhoud van de video. 

Twee voorbeelden:

1. European Social Science History Conference (EN)
De video ESSHC 2023 Impressions.  

2. Mission and vision (EN)
De video Internationaal Instituut voor Sociale Geschiedenis.

Dit probleem komt voor op onder andere de volgende pagina’s:

• European Social Science History Conference (EN) https://esshc.iisg.amsterdam/en
• Mission and vision (EN) https://iisg.amsterdam/en/about/mission

Omschrijving en voorgestelde oplossing:

Op de zoekpagina zijn checkboxes die niet zo staan aangegeven in de code. Checkboxes hebben andere regels dan links, en geven dus ook een andere verwachting door aan gebruikers van hulptechnologie. 

Link naar de zoekpagina: https://iisg.amsterdam/nl/search?search=amsterdam 

Omschrijving en voorgestelde oplossing:

Op de pagina Plan uw bezoek is onder de kop routebeschrijving een kaart (Google Maps) zonder toegankelijke titel of beschrijving. Google Maps kent veel losse elementen die hulpprogramm’s allemaal langsloopt. Door een titel te geven - en plaats daar bij voorkeur ook een skiplink bij - worden deze gebruikers gewaarschuwd voor een kaart en hebben ze de optie de kaart te negeren of juist te besturen.

Link naar de pagina: https://iisg.amsterdam/nl/collecties/plan-uw-bezoek

Omschrijving en voorgestelde oplossing:

Er zijn vooraf opgenomen video’s met audiotracks gevonden, zonder een tekstueel alternatief of audiobeschrijving die de belangrijke video-inhoud beschrijft.

Twee voorbeelden:

1. European Social Science History Conference (EN)
De video ESSHC 2023 Impressions.  

2. Mission and vision (EN)
De video Internationaal Instituut voor Sociale Geschiedenis. Tip: Er is een transcript beschikbaar op YouTube. Plaats deze bij de video of verwijs ernaar. 

Links naar de pagina’s: 

• European Social Science History Conference (EN) https://esshc.iisg.amsterdam/en
• Mission and vision (EN) https://iisg.amsterdam/en/about/mission

Omschrijving en voorgestelde oplossing:

Op deze drie pagina’s gaat het om koppen in de lopende tekst die niet zijn opgemaakt als kop.

1 en 2. Schemas / Vocabulary Page (Value Lists)
‘’Census schemas (IPUMS, MOSAIC, NAPP)’’ en ‘’Historical person data (IDS, LINKS-gen, PiCo)’’.

3. Privacy
De tussenkopjes in de contactgegevens. 

Dit probleem komt voor op onder andere de volgende pagina’s:

• Schemas (EN) https://iisg.amsterdam/nl/node/1348
• Vocabulary Page (Value Lists) (EN) https://iisg.amsterdam/en/blog/vocabulary-page-value-lists
• Privacy https://iisg.amsterdam/nl/privacy

Omschrijving en voorgestelde oplossing:

Twee verschillende bevindingen:

Bevinding 1 
Op de zoekpagina is er een lege kop aan het begin van de zoekresultaten. Deze wordt opgepikt door hulptechnologieën en wordt dus doorgegeven aan webbezoekers die deze gebruiken.

Bevinding 2
Op de onderstaande pagina’s zijn de tussenkopjes in de code opgemaakt met het element <strong> in plaats van geprogrammeerde koppen:

• Cookieverklaring https://iisg.amsterdam/en/node/1412
• Plan uw bezoek https://iisg.amsterdam/nl/collecties/plan-uw-bezoek
• Schemas (EN) https://iisg.amsterdam/nl/node/1348
• Colofon https://iisg.amsterdam/nl/colofon
• Vocabulary Page (Value Lists) (EN) https://iisg.amsterdam/en/blog/vocabulary-page-value-lists

Omschrijving en voorgestelde oplossing:

Twee bevindingen:

1. Zoekpagina
Op de zoekpagina zijn in de zoekresultaten elementen gevonden die in de code zijn opgemaakt als een lijst, terwijl ze geen lijst zijn. Dit is verwarrend voor bezoekers die gebruikmaken van hulptechnologie.

Link: https://iisg.amsterdam/nl/search?search=amsterdam.

2. Plan uw bezoek
De lijst onder de kop ‘’Openingstijden studiezaal’’ is in de code niet opgemaakt als een lijst.

Omschrijving en voorgestelde oplossing:

De pagina Cookieverklaring bevat drie tabellen. De kolomkoppen van de tweede en derde tabel zijn in de code niet goed opgemaakt. 

Daarbij nog een vrijblijvend advies. In de tabelkoppen wordt gebruikgemaakt van het element <br>, met als gevolg dat ‘’type [pauze] cookie’’ wordt voorgelezen in plaats van ‘’type en cookie’’. 

Link: https://iisg.amsterdam/en/node/1412

Omschrijving en voorgestelde oplossing:

Het pdf-bestand Financieel Verslag 2020 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. 

Zie bijvoorbeeld de inhoudsopgave: deze wordt niet in de juiste volgorde ingelezen door hulptechnologieën.

Bovendien zijn de pagina’s 14, 15 en 16 niet getagd. Daardoor is het niet toegankelijk voor mensen die gebruikmaken van hulptechnologie en konden deze pagina’s niet geheel getoetst worden op toegankelijkheid. 

Link: https://iisg.amsterdam/files/2021-07/jaarrekening%202020%20plus%20accountantsverklaring.pdf

Omschrijving en voorgestelde oplossing:

Er is een verschil tussen wat visueel getoond wordt en hoe dit semantisch in de code verwerkt is. Dit kan verwarring opleveren, vooral bij gebruik van ondersteunende technologieën, zoals een schermlezer. 

Twee voorbeelden:

1. Zoekpagina
In het filtermenu op de zoekpagina krijgen gebruikers van hulptechnologie niet mee dat of waar een een filter kan worden verwijderd. 

Link: https://iisg.amsterdam/nl/search?search=amsterdam

2. European Social Science History Conference (EN)
Na het klikken op de grote ronde afspeelknop gaat de focus met een schermlezer uit de video, in plaats van dat de focus op de video-afspeelbalk terecht komt. Met enkel een toetsenbord gebeurd dit niet. 

Link: https://esshc.iisg.amsterdam/en

Omschrijving en voorgestelde oplossing:

Op alle onderzochte webpagina’s is het contrast van de focusindicator onvoldoende.

Wanneer het element focus krijgt, is het contrast tussen de focusindicator en de omliggende kleuren niet voldoende. Dit moet 3,0:1 zijn. Hierdoor kan dit makkelijk gemist worden en is het niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of personen die slechtziend zijn. Het is belangrijk een goed zichtbare focusindicator te gebruiken.

Omschrijving en voorgestelde oplossing:

Op alle onderzochte pagina’s zijn er teksten met een te laag kleurcontrast ten opzichte van de achtergrondkleur. 

De vereiste contrastverhouding op een rijtje:

• Normale tekst: minimaal 4,1:1.
• Vette tekst (vanaf 14px): minimaal 3:1.
• Grote tekst (vanaf 24px): minimaal 3:1.

Zes voorbeelden:

1. Header
Alle witte tekst, inclusief de zeer grote en dikgedrukte, heeft een te laag contrast ten opzicht van de lichtblauwe achtergrond. Let op: dit geldt ook voor de hoofdnavigatie. 

Wat ook onderdeel is van deze bevinding is het hoofdnavigatiemenu. Deze kan uitgeklapt worden. Dan verandert de kleur naar een zwart-op-witte-verhouding. Dit is oké, maar let op: zodra de tekst een focus krijgt, dan wordt het weer de lichtblauw-op-wit en dat is onvoldoende.

Huidig: 2,8:1
Vereist: 4,5:1 voor reguliere tekst. 3,1 voor vette of grote tekst.

2. Home / Datasets / Staff
De lichtblauwe knoppen met witte tekst.
Huidig: 2,8:1
Vereist: 3:1

3. News
De lichtblauwe datums onder nieuwskoppen. 
Huidig: 2,8:1
Vereist: 4,5:1

4. European Social Science History Conference
De ‘’CALL FOR PAPERS’’. Een deel van de witte of zwarte tekst tegen een lichtblauwe achtergrond. 

Het is niet mogelijk om te specificeren welk contrast specifiek onvoldoende is, omdat de tekst onderdeel van een afbeelding is. 

5. Footer
In de footer zijn de volgende lichtgrijze logo’s tegen de witte achtergrond onvoldoende: clio infra, IRSH, TSEG en International Institute of Social History European Social Science Conference 2020. 

Het logo van vijfeeuwenmigratie is technisch gezien voldoende, maar we adviseren sterk om de leesbaarheid te vergroten. 

6. Recente boeken
De tekst met ‘’Blog Jan Lucassen’’. 
Huidig: 2,8:1
Vereist: 4,5:1

Links naar uitgelichte webpagina’s:

• Datasets: https://iisg.amsterdam/nl/data/datasets
• European Social Science History Conference: https://esshc.iisg.amsterdam/en
• News: https://iisg.amsterdam/en/news
• Recente boeken:  https://iisg.amsterdam/nl/publicaties/recente-boeken
• Staff: https://esshc.iisg.amsterdam/en

Omschrijving en voorgestelde oplossing:

In het Annual Report 2023 (pdf) is tekst gevonden met een kleur die een te lage contrastverhouding heeft ten opzichte van de achtergrondkleur. Zie bijvoorbeeld de lichtblauwe tekst op grijze achtergrond op het voorblad.

Huidig: 2,2:1
Vereist: 3:1

Link: https://iisg.amsterdam/files/2025-02/Jaarverslag IISG 2023_video.pdf

Omschrijving en voorgestelde oplossing:

Op de pagina’s Mission and vision (EN) en in de header zijn componenten gevonden met verlies van functionaliteit tijdens reflow. 

1. Mission and vision (EN)
De YouTube-speler wordt afgesneden. 
Link: https://iisg.amsterdam/en/about/mission

2. Header
Veel tekst in het menu wordt afgesneden met “…” en is daardoor niet voldoende leesbaar.

Omschrijving en voorgestelde oplossing:

Op de pagina Cookieverklaring kan horizontaal gescrold worden. Voor kleine schermen is het belangrijk dat de inhoud in één beweging gelezen kan worden. De oorzaak ligt waarschijnlijk aan de drie tabellen. Het gedeelte waarop de tabel zich bevindt mag wel horizontaal bediend worden, maar in dit geval zorgt het ervoor dat de hele pagina bewegelijk is.

Link https://iisg.amsterdam/en/node/1412

Omschrijving en voorgestelde oplossing:

Bij het toepassen van tekstafstandstijlen in de header is er content dat verdwijnt of onbruikbaar wordt. In de header wordt het woord ''Publicaties'' afgesneden en verdwijnt het woord ''Over iisg''. Zie screenshot:

Omschrijving en voorgestelde oplossing:

Op de zoekpagina is niet de volledige tekst leesbaar nadat er door een gebruiker een eigen tekstafstandstijl wordt toegepast.

Link: https://iisg.amsterdam/nl/search?search=amsterdam

Omschrijving en voorgestelde oplossing:

In de header verplaatst de focusindicator zich naar een element dat zich buiten het zichtbare deel van de pagina bevindt. De focusindicator gaat het menu in, maar je ziet dat deze in het menu zit. 

Dit gebeurt als er gezoomd wordt, bij een reflow en op een mobiele weergave. Dit zorgt ervoor dat een gebruiker zich moeilijk kan oriënteren op een pagina.

Omschrijving en voorgestelde oplossing:

Op de pagina European Social Science History Conference (EN) verdwijnt de videoafspeelbalk na verloop van tijd. Dit is heel hinderlijk bij gebruik van een schermlezer.  

Link: https://esshc.iisg.amsterdam/en

Omschrijving en voorgestelde oplossing:

Op de zoekpagina op mobiele weergave kunnen filters toegepast worden. De focusindicator verlaat dit menu echter voordat er een keuze gemaakt is. De focusindicator moet het dialoogvenster blijven doorlopen tot er een keuze gemaakt is, of het dialoogvenster moet automatisch worden gesloten zodra de focus erbuiten komt. 

Link: https://iisg.amsterdam/nl/search?search=amsterdam

Omschrijving en voorgestelde oplossing:

Er zijn vooraf opgenomen video’s met audio gevonden, zonder audiobeschrijving van de visueel gepresenteerde informatieve inhoud van de video’s.

Twee voorbeelden:

1. European Social Science History Conference (EN)
De video ESSHC 2023 Impressions.  

2. Mission and vision (EN)
De video Internationaal Instituut voor Sociale Geschiedenis. Tip: Er is een transcript beschikbaar op YouTube. Plaats deze bij de video of verwijs ernaar. 

Links naar de pagina’s:

• European Social Science History Conference (EN) https://esshc.iisg.amsterdam/en
• Mission and vision (EN) https://iisg.amsterdam/en/about/mission

Omschrijving en voorgestelde oplossing:

Op de zoekpagina is visueel een status die aangeeft dat er iets wordt geladen, maar deze informatie wordt niet doorgegeven aan de hulptechnologie van gebruikers. 

Link: https://iisg.amsterdam/nl/search?search=amsterdam

Omschrijving en voorgestelde oplossing:

In de tabellen die in het Financieel verslag 2020 (pdf) staan ontbreekt in de eerste kolom meestal een titel. Dit kan verwarrend zijn en problemen opleveren bij het gebruik van hulptechnologie.

Link: https://iisg.amsterdam/files/2021-07/jaarrekening%202020%20plus%20accountantsverklaring.pdf

Omschrijving en voorgestelde oplossing:

In het Annual Report 2023 (pdf) is een link gevonden binnen tekst, waarbij kleur het enige visuele middel is om het verschil tussen de link en tekst te zien. Zie bijvoorbeeld de blauwe links binnen de zwarte tekst. Deze zijn alleen te herkennen door kleur. Dit is te zien op bijvoorbeeld bladzijde 20. 

Link naar het pdf-document: https://iisg.amsterdam/files/2025-02/Jaarverslag IISG 2023_video.pdf

Omschrijving en voorgestelde oplossing:

Op de pagina Schemas is de contrastratio van de paarse en gele pijlen in de afbeelding onvoldoende ten opzichte van de witte achtergrondkleur. 

Paarse pijlen:
Huidig: 2,5:1 
Vereist: 3,0:1

Gele pijlen: 
Huidig: 1,6:1
Vereist: 3,0:1

Link: https://iisg.amsterdam/nl/node/1348

Omschrijving en voorgestelde oplossing:

In het Annual Report 2023 (pdf) zijn een aantal teksten waarvan de contrastration onvoldoende is, bijvoorbeeld:

• De paginanummers op pagina’s 2 en 18 (vereist 4,5:1).
• De hoofdstuktitels op pagina’s 3, 4 en 13 (vereist: 3:1).

Omschrijving en voorgestelde oplossing:

Op de pagina Schemas (EN) is een kleine infographic waarin tekst is ingesloten in de afbeelding. Deze tekst is niet toegankelijk voor gebruikers van schermlezers of mensen die de opmaak van tekst willen wijzigen om het toegankelijker te maken voor hen.

Link: Schemas (EN) https://iisg.amsterdam/nl/node/1348

Omschrijving en voorgestelde oplossing:

Het overslaan van kopniveaus kan verwarrend zijn en moet waar mogelijk worden vermeden, omdat het voor schermlezergebruikers effect kan hebben op de betekenis van onderdelen. 

Op de pagina’s Recente boeken en News zijn bijvoorbeeld de titels van de pagina’s opgemaakt met kopniveau 1, terwijl de tussenkoppen die direct daarna volgen opgemaakt zijn met een kopniveau 3.

Dit probleem komt voor op onder andere de volgende pagina’s:

• News https://iisg.amsterdam/en/news#main-content
• Recente boeken https://iisg.amsterdam/nl/publicaties/recente-boeken 

Omschrijving en voorgestelde oplossing:

Op twee pagina’s is de code gebruik gemaakt van het element <br> om witruimte te creëren, terwijl css geschikter is. 

Twee voorbeelden:

1. Recente boeken
Er wordt bij de informatie van de boeken veel gebruik gemaakt van gecodeerde witruimtes.

2. Schemas
In de tabel wordt veel gebruikgemaakt van gecodeerde witregels voor visuele doeleinden, vermoedelijk om de inhoud van cellen te centreren.  

Dit probleem komt voor op onder andere de volgende pagina’s: 

• Recente boeken https://iisg.amsterdam/nl/publicaties/recente-boeken
• Schemas (EN) https://iisg.amsterdam/nl/node/1348

Omschrijving en voorgestelde oplossing:

Op de pagina Cookieverklaring staan tabellen de titel niet programmatisch aan de tabellen zijn gekoppeld. Bij het gebruik van hulpsoftware is het prettig als tabellen duidelijke omschrijvende en goed gekoppelde titels hebben, zodat de juiste informatie relatief snel gevonden kan worden. Het beste is om hierbij gebruik te maken van een <caption>-element. 

Link: https://iisg.amsterdam/en/node/1412

Omschrijving en voorgestelde oplossing:

Maak de telefoonnummers in de footer en op de pagina Privacy op als links. Gebruikers met bijvoorbeeld een motorische of cognitieve beperking hoeven dan niet het nummer handmatig over te typen op hun telefoon. 

Link naar de pagina Privacy: https://iisg.amsterdam/nl/privacy

Omschrijving en voorgestelde oplossing:

Op de onderstaande lijst aan pagina’s is gebruik gemaakt van het element <strong> voor opmaakdoeleinden. In dit geval moet daar css voor gebruikt worden. 

Zie bijvoorbeeld ‘’PhD students are invited to enter their paper for the Prof. Jan Lucassen Award for best paper by a PhD student in the conference programme.’’, op de pagina European Social Science History Conference. Lokaliseer deze en andere met de zoekfunctie in de inspectortool.

Dit probleem komt voor op onder andere de volgende pagina’s:

• Footer
• Cookieverklaring https://iisg.amsterdam/en/node/1412
• News (EN) https://iisg.amsterdam/en/news
• Colofon https://iisg.amsterdam/nl/colofon
• Vocabulary Page (Value Lists) (EN) https://iisg.amsterdam/en/blog/vocabulary-page-value-lists

Omschrijving en voorgestelde oplossing:

Op de pagina’s News en Staff zijn zowel de kop als de overige content programmatisch in de linktekst geplaatst. Hierdoor wordt de link te uitgebreid om te volgen met hulptechnologie. Gebruik enkel de kop als linktekst en maak de rest van het kaartje met behulp van css klikbaar.

Links:

• News (EN): https://iisg.amsterdam/en/news#main-content
• Staff (EN): https://iisg.amsterdam/en/about/staff#main-content

Omschrijving en voorgestelde oplossing:

Er zijn koppen niet in de code opgemaakt als een kop. Dit is niet verplicht, maar maakt het voor schermleesgebruikers prettiger om door de pagina te navigeren. Zij hebben namelijk vaak een functie waarmee ze van kop naar kop kunnen navigeren.

De manier waarop de pagina News is opgebouwd is een voorbeeldcasus van een goed opgebouwde pagina.

Drie voorbeelden:

1. Datasets
Het zou fijn zijn als iedere dataset opgebouwd is als een kop.

2. Schemas / Vocabulary Page (Value Lists)
Op deze pagina’s gaat het om koppen in de lopende tekst die niet zijn opgemaakt als kop, bijvoorbeeld: ‘’Census schemas (IPUMS, MOSAIC, NAPP)’’ en ‘’Historical person data (IDS, LINKS-gen, PiCo)’’.

3. Privacy
De tussenkopjes in de contactgegevens. 

Dit probleem komt voor op onder andere de volgende pagina’s:

• Datasets https://iisg.amsterdam/nl/data/datasets
• Schemas (EN) https://iisg.amsterdam/nl/node/1348
• Vocabulary Page (Value Lists) (EN) https://iisg.amsterdam/en/blog/vocabulary-page-value-lists
• Privacy https://iisg.amsterdam/nl/privacy

Omschrijving en voorgestelde oplossing:

Zorg op alle webpagina’s voor een beter zichtbare focusindicator. De huidige focusindicator heeft niet overal genoeg contrast met de webonderdelen die om de indicator heen liggen. Ook is de omlijning van de indicator op sommige plekken erg dun.

Zoek je meer informatie over het maken van een verbeterde versie? We adviseren om de handleiding van Sara Soueidan te volgen. Zie: https://www.sarasoueidan.com/blog/focus-indicators/

Omschrijving en voorgestelde oplossing:

De skiplink in de header heeft bijna dezelfde achtergrond- en randkleur als het hoofdnavigatiemenu. Daardoor is de knop amper zichtbaar.

Omschrijving en voorgestelde oplossing:

De footer is als enige in het Engels geschreven, terwijl de pagina in de code staat ingesteld als Nederlands. Hulptechnologie lezen de footer daardoor met een sterk Nederlands accent voor en dat is niet altijd goed verstaanbaar. Schrijf bij voorkeur de footer in het Nederlands uit of pas in de code de taalinstelling aan.

Omschrijving en voorgestelde oplossing:

Zorg dat het in de footer visueel duidelijk is dat “contact”, “opening hours” en “address” uitklapbare menu’s zijn. In een desktopweergave staat er tekst onder iedere knop. In een mobiele weergave wordt de tekst onder de koppen verstopt en worden de koppen uitklapbare menu’s. Op dit moment zijn de koppen echter niet visueel opgemaakt als uitklapbare menu’s. Dit kan verwarrend zijn en het kan lijken alsof de tekst verdwenen is.

Omschrijving en voorgestelde oplossing:

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. 

Zie bijvoorbeeld de kaart onder de kop routebeschrijving op de pagina Plan uw bezoek. Voor bezoekers die hulptechnologie gebruiken zou het prettig zijn als ze de kaart als geheel in één keer over kunnen slaan, omdat een kaart van Google Maps veel losse klikbare elementen bevat. 

Link: https://iisg.amsterdam/nl/collecties/plan-uw-bezoek

Omschrijving en voorgestelde oplossing:

Er worden diverse links geopend in een nieuw tabblad zonder of met een beperkte waarschuwing. Dit kan erg verwarrend werken. Met name mensen met een visuele of cognitieve beperking kunnen daardoor het overzicht kwijtraken op welke (set aan) webpagina ze zich bevinden. 

Twee voorbeelden:

1. Footer
In de footer worden de links naar Instagram en de mail naar de nieuwsbrief geopend in een nieuw tabblad. De links naar Facebook, LinkedIn en X hebben al een indicatie die zowel zichtbaar als programmatisch waarneembaar is. Pas dit ook toe op de resterende twee links.

2. Datasets
Alle links op de pagina. Link naar de betreffende pagina: https://iisg.amsterdam/nl/data/datasets.

Omschrijving en voorgestelde oplossing:

Op de pagina European Social Science History Conference (EN) wordt gelinkt naar een pdf-document. Ons advies is om bij deze links duidelijk te maken dat er, na het klikken op de link, een pdf-document wordt geopend (of gedownload) en dat het niet linkt naar een (externe) webpagina. 

Het gaat om de link ''Ode to Research/ers'', die in de lopende tekst staat op de pagina: https://esshc.iisg.amsterdam/en

Omschrijving en voorgestelde oplossing:

Het broodkruimel-element bovenaan de content op bijna alle pagina’s ziet er visueel niet altijd duidelijk uit als een broodkruimelnavigatie. Er staat alleen ‘’Home’’, terwijl de bezoeker zich dan niet op de homepagina bevindt. Kijkende webbezoekers zien het broodkruimelmenu mogelijk over het hoofd.

Omschrijving en voorgestelde oplossing:

Zorg dat er een webpagina is die gaat over het onderwerp toegankelijkheid. Het is belangrijk dat deze pagina toegankelijk is ontworpen.

Informeer daarnaast bezoekers van deze pagina hoe ze om hulp kunnen vragen als ze vastlopen en waar ze een klacht in kunnen dienen.

Dit onderdeel is verplicht en valt onder het Wet Digitale Overheid en de European Accessibility Act.