{"auditSample":[{"result":{"description":"Op de pagina <https:\/\/www.lochem.nl\/> staat een overzicht van nieuwsberichten. Voor de berichten met afbeeldingen is een dubbele link aanwezig, met beide dezelfde naam van het artikel. Voor de afbeelding is geen tekstalternatief geboden, maar voor het opsplitsen dient deze afbeelding wel een op opzichzelfstaand doel en heeft daarom een alternatieve tekst nodig. Vereenvoudig de componenten door de link van de afbeelding te verwijderen. Het is in die opzet toegestaan de afbeelding verder te blijven verbergen voor screen readers, maar ons advies zou zijn ze wel van een tekst alternatief te voorzien. De reden is dat de meeste screen reader gebruikers niet volledig blind zijn en de afbeelding alsnog wel (deels) kunnen waarnemen.\n\n[**zie ook WCAG techniek H2 (engels)**](https:\/\/www.w3.org\/WAI\/WCAG22\/Techniques\/html\/H2)  \n  \n**Opmerking**: De huidige opbouw zorgt ook voor onnodige dubbele interacties voor toetsenbord en screen reader gebruikers. De afbeelding en artikel titel combineren in 1 link lost dit ook op.\n\nIn de footer van de website staat een lijst met links naar sociale media. De alternatieve tekst van de afbeeldingen wordt hier, door programmatische volgordelijkheid, gebruikt om de links van een toegankelijke naam te voorzien, maar de alternatieve tekst die is ingevuld voorziet niet in dat doel. Momenteel hoort een screen reader gebruiker per link bijvoorbeeld \"Facebook logo\" in plaats van \"Facebook gemeente Lochem\". Pas de alternatieve teksten zo aan dat de informatie gecommuniceerd wordt.\n\nOp de pagina <https:\/\/www.lochem.nl\/bouwen-en-gebruik\/wet-kwaliteitsborging-voor-het-bouwen-wkb> staat een verwijzing naar een filmpje op YouTube. Voor deze link wordt een afbeelding gebruikt, maar er is geen alternatieve tekst voor de afbeelding. Hierdoor heeft de link geen naam en is voor screen readers niet duidelijk waar de link naartoe gaat. Ook de link in tekst biedt voor deze doelgroep geen verdere verduidelijking.\n\nGeef de afbeelding een duidelijke omschrijving voor het doel van de link, bijvoorbeeld \"Bekijk het filmpje wet kwaliteitsborging voor het bouwen op YouTube\".\n\nEr zijn enkele pdf-documenten van de site onderzocht. We hebben afbeeldingen en elementen gevonden waar\n\n- Een correcte informatieve alt tekst ontbreekt, bijvoorbeeld logo's of foto's\n- Grafische elementen niet als decoratie zijn gemarkeerd, zoals achtergronden en andere stijlelementen.\n\nVoor sommige afbeeldingen heeft software automatisch geprobeerd een alternatieve tekst op te stellen, maar dit is niet voldoende. Dit levert teksten op als \"Afbeelding met tekst, Lettertype, logo, Graphics Automatisch gegenereerde beschrijving\".\n\nZorg dat afbeeldingen die dit nodig hebben de juiste tekst alternatieve krijgen en decoratieve elementen correct worden verborgen.\n\nDit betreft de volgende onderzochte document:\n\n1. [https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Bestuur\/Gemeenteraad\/240422\\_Jaarverslag\\_gemeenteraad\\_Lochem\\_2023.pdf](https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Bestuur\/Gemeenteraad\/240422_Jaarverslag_gemeenteraad_Lochem_2023.pdf)\n\nOp de pagina staat de optie om een artikel te delen. Voor het delen via Facebook en LinkedIn is de alternatieve tekst die het effect van de link aanduidt onjuist. De huidige tekst is \"*Ga naar de facebook pagina van gemeente Lochem\"* maar die zegt niets over de daadwerkelijke actie, het delen van het artikel via Facebook of LinkedIn. De deelfunctie via WhatsApp en e-mail hebben wel een jjuist label.\n\nVoor afbeeldingen is een zogenaamde lichtbox aanwezig. Hierdoor kunnen afbeeldingen vergroot worden. Dit betekent dat elke afbeelding omsloten wordt door een link waarmee de lichtbox geactiveerd wordt. Deze link heeft geen toegankelijke naam, waardoor voor hulpsoftware niet duidelijk is wat de link doet. Advies is om de naam van de link op te bouwen door een combinatie van \"vergroot afbeelding, {alt tekst van de afbeelding}\". Hierdoor wordt alle nodige informatie gecombineerd.\n\nDoor het momenteel ontbreken van de naam als geheel, valt dit ook onder SC 4.1.2 Naam, Rol, Waarde","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:non-text-content"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:audio-only-and-video-only-prerecorded"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:captions-prerecorded"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:audio-description-or-media-alternative-prerecorded"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:captions-live"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:audio-description-prerecorded"}},{"result":{"description":"Op de pagina <https:\/\/www.lochem.nl\/> staat een blok met informatie over de gemeenteraad. Er zijn verschillende problemen met de volgorde waarin content gepresenteerd wordt, waardoor de structuur onduidelijk kaan zijn, of gemist kan worden.\n\nDe info kaart met de aankomende vergadering staat in de code voor de koptekst \"De gemeenteraad van Lochem\", terwijl dit visueel en inhoudelijk bij deze koptekst hoort. Zorg dat de koptekst correct deze inhoud introduceert, of voorzie de info kaart van een eigen (eventueel verborgen) koptekst.\n\nDe opmaak van de info kaart is ook niet juist. De dikgedrukte tekst functioneert als koptekst, maar is niet als koptekst opgemaakt. Wanneer dit aangepast wordt, zorg dan ook dat de datum na de koptekst in de code komt te staan om een correcte informatievolgorde aan te houden. Visueel kan de datum (via CSS) boven de koptekst blijven staan.\n\nBij het zoekveld worden suggesties gedaan voor zoektermen als een deel van de zoekopdracht is ingevuld. Visueel is deze informatie te zien, maar voor screen reader gebruikers is er geen melding dat dit getoond wordt. Geeft via `aria-live` een meldingen die het aantal suggesties communiceert.\n\n**Opmerking**: De suggesties zijn wel beschikbaar, maar niet elke combinatie browser en screen reader gaat hier even goed mee om. Zo geeft bijvoorbeeld Chrome + VoiceOver enkel een update over de veranderde letters tussen wat de gebruiker al heeft ingevoerd en de suggestie. Bij zoeken op \"cont\" wordt bijvoorbeeld een suggestie :contactgegevens\" getoond. In Safari + VoiceOVer wordt dit goed voorgelezen, maar in Chrome + VoiceOver hoort men alleen \"acgegevens\", dus de suggestie zonder de initi\u00eble zoekterm.\n\nOp de pagina <https:\/\/www.lochem.nl\/> staat een blok met een lijst recente nieuwsberichten. Deze lijst is in code echter niet als lijst opgemaakt. Een juiste opmaak helpt screen reader gebruikers de content beter te begrijpen en geeft hen bijvoorbeeld informatie die visueel makkelijker te zien is, zoals het aantal getoonde berichten. Pas de code zo aan dat het een lijst opmaak wordt. Houdt daarmee rekening met een juiste structuur, omdat de items momenteel al over twee verschillende blokken zijn verdeeld. Het gaat uiteindelijk om 1 lijst met nieuwsitems.\n\nOp de pagina <https:\/\/www.lochem.nl\/zoeken?q=contact> wordt een suggestie voor een zoekresultaat uitgelicht, door middel van een andere achtergrondkleur. Naast dat de visuele indicatie puur afhankelijk is van kleur (zie [1.4.1 Gebruik van kleur](#criteria1401)) is er geen programmatische of tekstuele terugkoppeling van wat hier bedoeld wordt.\n\nAdvies is om een tekst als \"topresultaat\" of een andere duidelijke term toe te voegen, zodat voor iedereen duidelijk is wat hier bedoeld wordt.\n\nOp pagina's als <https:\/\/www.lochem.nl\/paspoort-rijbewijs-en-uittreksel\/paspoort-of-identiteitskaart> staan onderaan accordeon componenten. Deze zijn opgemaakt als tab elementen middels het gebruik van ARIA. De implementatie gebruikt H2 koppen, maar deze worden via ARIA aangepast naar een rol van 'tab'. Hierdoor gaat de koppenstructuur verloren. Bij [succescriteria 4.1.2](#criteria4102) staat verder advies om de implementatie te vereenvoudigen, wat ook dit probleem zou oplossen.\n\nOp de pagina <https:\/\/www.lochem.nl\/zoeken?q=contact> is voor de resultaten paginering aanwezig. Visueel is zichtbaar welke pagina actief is, maar deze informatie ontbreekt programmatisch. Advies is de pagina links te groeperen in een geordende lijst `OL` en de actieve pagina zoals de rest op te maken als een link via een `A` element, maar met `href=\"#\"` om naar de huidige pagina te verwijzen. Via `aria-current=\"page\"` kan vervolgens de actieve pagina aangeduid worden op de betreffende link.\n\nOp de pagina <https:\/\/www.lochem.nl\/laatste-nieuws> staat een lijst met nieuwsberichten, maar deze informatie is niet als lijst structuur opgemaakt in de code. Hierdoor is de visuele structuur niet programmatisch aanwezig. Door het ontbreken van de structuur kan er ook verwarring ontstaan tussen de visuele locatie van de datum en de daadwerkelijke titel van het nieuwsbericht. Door informatie op de juiste manier te groeperen wordt de structuur voor hulpsoftware gebruikers aanzienlijk beter te begrijpen en overzien.\n\nHet document [https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Nieuws\/Gemeentenieuws\/2025\/Week\\_22.pdf](https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Nieuws\/Gemeentenieuws\/2025\/Week_22.pdf) heeft geen codes. Hierdoor is het document geheel niet toegankelijk voor gebruikers van hulpsoftware.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:info-and-relationships"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:meaningful-sequence"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:sensory-characteristics"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:orientation"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:identify-input-purpose"}},{"result":{"description":"Op de pagina <https:\/\/www.lochem.nl\/zoeken?q=contact> wordt een suggestie voor een zoekresultaat uitgelicht, door middel van een andere achtergrondkleur. Kleur is hier de enige indicatie en er is geen verdere informatie in tekst beschikbaar. De positie boven de andere zoekresultaten biedt voor bezoekers ook geen echte verduidelijking over waarom dit element apart staat.\n\nAdvies is om een tekst als \"topresultaat\" of een andere duidelijke term toe te voegen, zodat voor iedereen duidelijk is wat hier bedoeld wordt.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:use-of-color"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:audio-control"}},{"result":{"description":"Op pagina's als <https:\/\/www.lochem.nl\/paspoort-rijbewijs-en-uittreksel\/paspoort-of-identiteitskaart> is een formulier genaamd \"Uw mening\" beschikbaar voor mensen om een reactie te geven. Eventuele foutmeldingen bij dit formulier worden weergegeven in rode tekst op een lichtrode achtergrond. Het contrast hier is gemeten op 3.9:1, wat onvoldoende is. Een minimum van 4.5:1 is in dit geval noodzakelijk om aan dit criterium te voldoen.\n\nDe links in de footer, onderaan iedere pagina, hebben net niet voldoende contrast om aan dit succescriteria te voldoen. Gemeten is `#494d9b` op `#cbc4dc` voor een contrast van 4.4:1\n\nEr zijn enkele pdf-documenten van de site onderzocht waar we teksten aantroffen met onvoldoende contrast. Enkele voorbeelden van niet toereikende kleurcombinaties\n\n- \\#8483A7 (blauw-grijs) op #FFFFFF (wit) voor een contrast van 3.6:1. Dit is voldoende voor grote en dikgedrukte tekst, maar niet voor reguliere tekst.\n- \\#9FBC0C of #AEB91C (twee soorten groen) of #FFFFFF (wit) voor een contrast van 2.2:1. Dit is voor alle combinaties onvoldoende.\n\nZorg dat kleurcombinaties voldoende contrast bieden, zodat iedereen de teksten goed kan lezen.\n\nDit betreft de volgende onderzochte documenten:\n\n1. [https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Bestuur\/Gemeenteraad\/240422\\_Jaarverslag\\_gemeenteraad\\_Lochem\\_2023.pdf](https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Bestuur\/Gemeenteraad\/240422_Jaarverslag_gemeenteraad_Lochem_2023.pdf)\n2. [https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Nieuws\/Gemeentenieuws\/2025\/Week\\_22.pdf](https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Nieuws\/Gemeentenieuws\/2025\/Week_22.pdf)","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:contrast-minimum"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:resize-text"}},{"result":{"description":"Op pagina's als <https:\/\/www.lochem.nl\/paspoort-rijbewijs-en-uittreksel\/paspoort-of-identiteitskaart> is een formulier genaamd \"Uw mening\" beschikbaar voor mensen om een reactie te geven. Om dit formulier te toen is een 'knop' aanwezig. Deze knop is opgebouwd door middel van een afbeelding met tekst, waar prima de mogelijkheid bestaat een daadwerkelijke `button` met deze tekst in code en CSS te realiseren.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:images-of-text"}},{"result":{"description":"Als de site is ingezoomd en het mobiele menu is open, dan valt het zoekveld over een van de toptaken heen. Door de transparante achtergrond van het zoekveld ontstaat een situatie waarin content wel zichtbaar, maar niet langer leesbaar is. Maak de achtergrond van het zoekveld wit om deze situatie te voorkomen.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:reflow"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:non-text-contrast"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:text-spacing"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:content-on-hover-or-focus"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:keyboard"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:no-keyboard-trap"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:character-key-shortcuts"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:timing-adjustable"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:pause-stop-hide"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:three-flashes-or-below-threshold"}},{"result":{"description":"Er zijn zogenaamde skiplinks aanwezig, waarmee bezoekers die een toetsenbord of screen reader gebruiken content die op elke pagina terug komt kunnen overslaan.\n\nDe skiplinks hebben niet allemaal een geldig doel. Hierdoor scrolt de pagina wel naar beneden (door middel van JavaScript) maar blijft de focus hangen op de skiplink en wordt niet verplaatst. Zodra een gebruiker dus weer op de tab toets druk gaat de pagina terug naar boven en gaat de focus naar de volgende skiplink of het menu.\n\nZorg dat er een geldig doel is voor de skiplink en dat deze focus kunnen krijgen door `tab-index=\"-1\"` aan het doel toe te voegen. Hierdoor kan via een link wel de focus gelegd worden op het doel, maar worden ze niet in de tab volgorde van de pagina opgenomen.\n\nEr zijn ook meerdere links aanwezig die extra navigatieopties toevoegen, maar hierdoor introduceert het onnodige tab stops op elke pagina voor deze bezoekers. Om het cru te zetten is er eigenlijk een skip link nodig om de skiplinks over te slaan.\n\nBeperk de skiplinks aan het begin van de pagina tot het overslaan van de header en direct nar de inhoud van een pagina te gaan.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:bypass-blocks"}},{"result":{"description":"Alle nieuwsberichten, zoals de pagina <https:\/\/www.lochem.nl\/laatste-nieuws\/nieuwsbericht\/gemeentenieuws\/college-lochem-presenteert-kadernota-2026-in-financieel-uitdagende-tijden> , hebben dezelfde paginatitel \"Nieuwsbericht - gemeente Lochem\". Zorg dat elke pagina een unieke en beschrijvende titel heeft. Gebruik in dit geval de titel van het nieuwsbericht als paginatitel.\n\nEnkele onderzochte pdf-documenten hebben geen ingestelde paginatitel. Hierdoor wordt de bestandsnaam als aanduiding gebruikt bij weergave, maar dit is makkelijk aan te passen en geen betrouwbare bron. Stel voor alle documenten in de pdf eigenschappen een documenttitel in en pas de instellingen zo aan dat deze standaard getoond wordt.\n\nDit geldt voor de volgende onderzochte documenten:\n\n- [https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Bestuur\/Gemeenteraad\/240422\\_Jaarverslag\\_gemeenteraad\\_Lochem\\_2023.pdf](https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Bestuur\/Gemeenteraad\/240422_Jaarverslag_gemeenteraad_Lochem_2023.pdf)\n- [https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Nieuws\/Gemeentenieuws\/2025\/Week\\_22.pdf](https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Nieuws\/Gemeentenieuws\/2025\/Week_22.pdf)","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:page-titled"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:focus-order"}},{"result":{"description":"**Opmerking**: Op de pagina <https:\/\/www.lochem.nl\/onderwerpen> staat een lijst met beschikbare onderwerpen op de site. Er is bovenaan een lijst met letters aanwezig als legenda. Binnen deze lijst zit een visueel blanco stop voor de ontbrekende letter L, maar deze link is wel beschikbaar voor toetsenbord en screenreader gebruikers. Zeker omdat het linkdoel, de resultaten onder de letter L, ontbreekt, kan dit verwarring opleveren.","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:link-purpose-in-context"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:multiple-ways"}},{"result":{"description":"Op pagina's als <https:\/\/www.lochem.nl\/paspoort-rijbewijs-en-uittreksel\/paspoort-of-identiteitskaart> is een formulier genaamd \"Uw mening\" beschikbaar voor mensen om een reactie te geven. Binnen dit formulier zitten 2 radio groepen. Door de manier van opmaak is de beschikbare vraag voor beide groepen niet de vraag die daar direct boven vermeld staat, maar de overkoepelende vraag \"Wat vindt u van Dit betekent dat ze voor alle ja\/nee antwoorden horen \"Nee, radio, want vindt u van deze pagina\" in plaats van de juiste vraag. Pas de opbouw van de code zo aan dat de antwoorden gekoppeld zijn aan de juiste vraag\/labels.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:headings-and-labels"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:focus-visible"}},{"result":{"description":"Bij de ingezoomde weergave van de site is een mobiel menu te gebruiken. Als dit menu is uitgeklapt, kan via toetsenbord de focus alsnog op de verborgen elementen achter het menu geplaatst worden. Zorg ervoor, dat als de focus het menu verlaat, deze weer sluit of houdt de focus binnen het menu tot deze handmatig gesloten wordt. De schermafbeelding hieronder toont de tijdelijke focus indicator ter illustratie.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:focus-not-obscured-minimum"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:pointer-gestures"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:pointer-cancellation"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:label-in-name"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:motion-actuation"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:dragging-movements"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:target-size-minimum"}},{"result":{"description":"Voor het document [https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Nieuws\/Gemeentenieuws\/2025\/Week\\_22.pdf](https:\/\/www.lochem.nl\/fileadmin\/internet-doc\/Bestuur-Organisatie-Nieuws\/Nieuws\/Gemeentenieuws\/2025\/Week_22.pdf) is geen juiste taal ingesteld bij de documenteigenschappen. Dit kan problemen opleveren voor hulpsoftware als screenreaders om het document juist te verwerken.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:language-of-page"}},{"result":{"description":"Voor afbeeldingen is een zogenaamde lichtbox aanwezig. Hierdoor kunnen afbeeldingen vergroot worden. De knoppen van deze lightbox implementatie zijn echter in het Engels opgemaakt, maar dit is niet programmatisch aangegeven op de elementen. Dit kan problemen geen met het voorlezen van deze elementen door hulpsoftware.\n\nAdvies is om de knoppen in het Nederlands op te maken.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:language-of-parts"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:on-focus"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:on-input"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:consistent-navigation"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:consistent-identification"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:consistent-help"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG22:error-identification"}},{"result":{"description":"Op pagina's als <https:\/\/www.lochem.nl\/paspoort-rijbewijs-en-uittreksel\/paspoort-of-identiteitskaart> is een formulier genaamd \"Uw mening\" beschikbaar voor mensen om een reactie te geven. Dit formulier bevat verplichte velden, wat wordt aangeduid middels een sterretje (\\*). De betekenis van dit sterretje wordt echter niet in tekst gegeven. We mogen niet aannemen dat voor iedereen duidelijk is wat er met dit sterretje bedoeld wordt.\n\nGeen aan het begin van een formulier een verklaring, bijvoorbeeld \"\\* = verplicht veld\". Indien van toepassing volstaat een tekst \"alle velden zijn verplicht\" ook, en kan bij de individuele velden het sterretje achterwege gelaten worden.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:labels-or-instructions"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:error-suggestion"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:error-prevention-legal-financial-data"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:redundant-entry"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG22:accessible-authentication-minimum"}},{"result":{"description":"Op de pagina's als <https:\/\/www.lochem.nl\/paspoort-rijbewijs-en-uittreksel\/paspoort-of-identiteitskaart> staan onderaan accordeon componenten. Deze zijn opgemaakt als tab elementen middels het gebruik van ARIA. De implementatie van tab componenten vraagt om de juiste interacties, maar deze zijn slecht deels ge\u00efmplementeerd. Zodra bijvoorbeeld een van de accordeons opengeklapt is, kan er alleen nog via de pijltjestoetsen naar andere 'tabs' genavigeerd worden.\n\nVerder wordt door deze implementatie ook de originele semantiek van H2 koppen gewijzigd door aanpassingen naar een ARIA 'tab' constructie.\n\nAdvies is om de implementatie te vereenvoudigen naar een constructie waarin knoppen met de bestaande H2 kop daarin. De knop kan voorzien worden van `aria-expanded` om de uitgeklapte status bij te houden. De verdere interacties kunnen dan verwijderd worden, daardoor alles semantisch klopt en een stuk eenvoudiger wordt.\n\nOp pagina's als <https:\/\/www.lochem.nl\/paspoort-rijbewijs-en-uittreksel\/paspoort-of-identiteitskaart> is een formulier genaamd \"Uw mening\" beschikbaar wanneer mensen op de knop \"Uw mening\" klikken. Deze 'knop' is echter opgemaakt als een link, en er is geen indicatie over de status van de knop (de zichtbaarheid van het formulier). Advies is om de \"knop\" een daadwerkelijk `button` te maken in plaats van een link met JavaScript. Dit vertegenwoordigt de semantiek beter. Tevens kan via `aria-expanded` de status aangegeven worden.\n\nVoor afbeeldingen is een zogenaamde lichtbox aanwezig. Hierdoor kunnen afbeeldingen vergroot worden. Dit betekent dat elke afbeelding omsloten wordt door een link waarmee de lichtbox geactiveerd wordt. Deze link heeft geen toegankelijke naam, waardoor voor hulpsoftware niet duidelijk is wat de link doet. Advies is om de naam van de link op te bouwen door een combinatie van \"vergroot afbeelding, {alt tekst van de afbeelding}\". Hierdoor wordt alle nodige informatie gecombineerd.\n\nDoor het momenteel ontbreken van de naam als geheel, valt dit ook onder SC 1.1.1 niet-tekstuele content.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:name-role-value"}},{"result":{"description":"Op pagina's als <https:\/\/www.lochem.nl\/paspoort-rijbewijs-en-uittreksel\/paspoort-of-identiteitskaart> is een formulier genaamd \"Uw mening\" beschikbaar voor mensen om een reactie te geven. Wanneer er foutmeldingen zijn voor dit formulier worden deze zichtbaar, maar er vindt geen berichtgeving plaats door screenreaders dat het formulier niet verzonden is of dat er foutmelding getoond worden.\n\nGeen via `aria-live` een statusbericht naar screen readers om hen te wijzen op de aanwezige foutmeldingen, of plaats de focus op de eerste vraag van het formulier waar een foutmelding is.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG22:status-messages"}}]}