Rapport:
Audit digitale toegankelijkheid website In gesprek met LV

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's staat linksboven het logo van Leidschendam-Voorburg. Dit is een informatieve en functionele afbeelding, want het geeft de afzender aan en is een link naar de homepage van deze website. Het tekstalternatief is "In gesprek met LV logo". Dit geeft goed het doel van de link aan, maar geeft niet duidelijk aan wat op de afbeelding te zien is en wie de afzender is. Wijzig het tekstalternatief naar bijvoorbeeld "Logo Leidschendam-Voorburg, ga naar home van In gesprek met LV". Zie ook succescriterium 2.5.3.
Op pagina https://ingesprekmetlv.nl/shortcuts/Users_Login.aspx?ReturnUrl=%2fShortcuts%2fUpdates%2fdefault.aspx is het tekstalternatief van ditzelfde logo slechts "Logo".

Op pagina https://ingesprekmetlv.nl/default.aspx staan iconen vóór de teksten "Projecten Leidschendam" tot en met "Gemeentebrede projecten". Deze iconen zijn functioneel, want het zijn links. In dat geval hebben ze een tekstalternatief nodig dat omschrijft waar de links naartoe gaan en dat is nu niet het geval. Deze links zijn dubbelop, omdat de teksten ook al links zijn. Daarom kunnen beter de links op de iconen verwijderd worden. In dat geval worden de iconen decoratief en moeten ze genegeerd kunnen worden. Verwijder daarvoor dan de tekstalternatieven. Het alt-attribuut moet wel in de code blijven staan, maar dan een lege waarde krijgen (alt=""). Zie ook succescriterium 2.4.4.

Op pagina https://ingesprekmetlv.nl/projecten+leidschendam/renovatie+speelruimte+leidschendam/speelplek+burgemeester+caan+van+necklaan/2743160.aspx?t=Optie-1 staat een informatieve afbeelding van het voorlopig ontwerp speelplek optie 1 met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen. Zie ook succescriterium 1.4.5.

Op pagina https://ingesprekmetlv.nl/projecten+stompwijk/default.aspx staat onder "Projecten Stompwijk" de zoekfunctie "Zoeken binnen de pagina". Wanneer hier een zoekterm is ingegeven, kan een icoon van een kruis verschijnen. Dit is een knop waarmee de zoekterm verwijderd kan worden. Deze functie moet ook duidelijk zijn voor blinde gebruikers. Momenteel is het tekstalternatief "x" niet duidelijk. Dit tekstalternatief komt uit het aria-label van de knop. Er is ook een goed title-attribuut aanwezig, maar die wordt overschreven door het aria-label. Er is ook een attribuut arialabel aanwezig. Deze heeft een goede waarde, maar het attribuut zelf is niet geldig.

Op pagina https://ingesprekmetlv.nl/projecten+leidschendam/de+star/2470987.aspx?t=Ontsluiting-en-parkeren staat onder de koptekst "Ontsluiting en parkeren" een grote informatieve afbeelding met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen en verwijs daarin bijvoorbeeld naar de tekst onder "Ontsluiting verkeer".

Op pagina https://ingesprekmetlv.nl/projecten+leidschendam/de+star/2470987.aspx?t=Ontsluiting-en-parkeren staan onder "Legenda" drie informatieve afbeeldingen met een leeg alt-attribuut. Ook deze afbeeldingen zijn niet puur decoratief en hebben daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen.

Op pagina https://ingesprekmetlv.nl/projecten+leidschendam/de+star/2470987.aspx?t=Ontsluiting-en-parkeren staat onder de tabel een afbeelding met daarin drie foto's. Deze afbeelding is decoratief en heeft daarom geen alternatieve tekst nodig. Een beschrijving als "Stockfoto" is overbodig voor screenreadergebruikers. De afbeelding moet wel een leeg alt-attribuut in het img-element hebben. Een vergelijkbaar probleem komt voor op pagina https://ingesprekmetlv.nl/omgevingsvisie/home-omgevingsvisie/default.aspx. Daar staan onderaan drie afbeeldingen met alle drie het tekstalternatief "Decoratief beeld". Haal dit tekstalternatief weg en zorg ervoor dat het alt-attribuut een lege waarde krijgt (alt="" in de code).

Op pagina https://ingesprekmetlv.nl/projecten+stompwijk/nieuwbouw+dr+van+noortstraat+94-98+en+120-122/default.aspx staan drie informatieve afbeeldingen in een carrousel. Eén afbeelding mist een tekstalternatief en twee andere hebben een te algemeen tekstalternatief, namelijk "overgang Hazepad" en "Bovenaanzicht project". De afbeeldingen geven meer informatie dan dit. Pas deze tekstalternatieven en verwijs eventueel naar de tekst op de pagina waar een uitgebreidere beschrijving staat.

Op pagina https://ingesprekmetlv.nl/projecten+voorburg/renovatie+speelruimte+voorburg/speelplek+claudiusstraat/2715545.aspx?t=Optie-1- staan ook informatieve afbeeldingen die een tekstalternatief missen. Voeg een alternatieve tekst toe om dit probleem op te lossen.

Op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/default.aspx staan onder "Laatste berichten" afbeeldingen bij de berichten. Hier zijn meerdere problemen mee. Dit zijn img-elementen die een alt-attribuut missen. Dit zijn ook links, wat inhoudt dat duidelijk moet zijn waar de links naartoe gaan. Het a-element (de link) heeft een alt-attribuut met een goede waarde, maar dit attribuut is niet toegestaan bij een a-element.
Deze problemen kunnen op meerdere manieren worden opgelost. Het img-element moet sowieso een alt-attribuut krijgen. Het alt-attribuut kan verplaatst worden van het a-element naar het img-element. Het alt-attribuut bij het a-element kan ook gewijzigd worden naar een title-attribuut, waarbij het img-element een alt-attribuut krijgt met een lege waarde (alt=""). Ook kan de link op de afbeelding verwijderd worden, want er zijn al twee andere links met hetzelfde doel. In dat geval moet het img-element een alt-attribuut met een lege waarde krijgen. Zie ook succescriteria 2.4.4 en 4.1.2.

Op pagina https://ingesprekmetlv.nl/omgevingsvisie/home-omgevingsvisie/default.aspx staat een video in een iframe. Dit iframe heeft een title-attribuut met de waarde "Video". Dit geeft niet voldoende aan wat de inhoud van de video is. Pas deze title aan of geef een beschrijving op de webpagina, vlak boven het iframe.

In PDF-document https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/documenten+cultuurvisie/handlerdownloadfiles.ashx?idnv=2777016 staan meerdere afbeeldingen zonder tekstalternatief. Informatieve afbeeldingen moeten een tekstalternatief hebben dat aangeeft wat op de afbeelding staat. Decoratieve afbeeldingen moeten een artefact worden, zodat ze worden verwijderd uit de codes of tags en daardoor genegeerd kunnen worden. Hier volgen enkele voorbeelden. Zo moet bijvoorbeeld de achtergrondafbeelding op pagina 1 een artefact worden en de afbeelding van de wethouder op pagina 2 een tekstalternatief krijgen, bijvoorbeeld de naam van deze persoon. Zie ook succescriterium 1.3.2.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/omgevingsvisie/home-omgevingsvisie/default.aspx komt in de video op verschillende plaatsen tekst in beeld: rond 0:09 de naam en functie van de spreker, rond 0:21 de tekst "Wat voor gemeente willen we zijn?", rond 1:10 de tekst "Hoe gaan we dat doen?", rond 1:23 de tekst "Denkt u met ons mee?", rond 1:31 de tekst die begint met "Laat het ons weten…" en aan het eind het logo van de gemeente en de socialmediakanalen. 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 hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript of maak gebruik van een (extra) audiospoor om ook te voldoen aan succescriterium 1.2.5.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/omgevingsvisie/home-omgevingsvisie/default.aspx komt in de video op verschillende plaatsen tekst in beeld: rond 0:09 de naam en functie van de spreker, rond 0:21 de tekst "Wat voor gemeente willen we zijn?", rond 1:10 de tekst "Hoe gaan we dat doen?", rond 1:23 de tekst "Denkt u met ons mee?", rond 1:31 de tekst die begint met "Laat het ons weten…" en aan het eind het logo van de gemeente en de socialmediakanalen. Er ontbreekt een audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Maak gebruik van een (extra) audiospoor of laat een voice-over deze teksten uitspreken.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/default.aspx zijn de teksten "Projecten Leidschendam" tot en met "Gemeentebrede projecten" als kop (h3) opgemaakt. Deze koppen bevatten geen content, omdat ze direct worden opgevolgd door koppen van hetzelfde niveau. Bezoekers die gebruikmaken van schermlezersoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom moeten koppen content (tekst, afbeeldingen, koppen van een lager niveau, etc.) onder zich hebben en mogen ze niet direct gevolgd worden door koppen van hetzelfde niveau.

Op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/default.aspx is de koptekst "Goed om te weten" (h2) ook opgemaakt met het strong-element. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen of om een bepaalde opmaak te bereiken. Verwijder het strong-element en behoudt de kop-opmaak.
Dit probleem komt ook voor op pagina https://ingesprekmetlv.nl/projecten+stompwijk/nieuwbouw+dr+van+noortstraat+94-98+en+120-122/default.aspx, bij de koptekst "Verkeer en parkeren".

Op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/plaagdieren/2422830.aspx?t=Tips-om-rattenoverlast-te-voorkomen staan onder "Tips om rattenoverlast te voorkomen" vijf onderdelen die op een opsommingslijst met vijf onderdelen lijken, namelijk "1. Laat geen etensresten slingeren" tot en met "5. Snoei struiken". Deze zijn nu opgemaakt als vijf opsommingslijsten met steeds één onderdeel en dat is niet correct. Wijzig dit naar één opsommingslijst met vijf onderdelen. Een alternatief kan zijn om de huidige onderdelen te wijzigen naar koppen (h3).

Op pagina https://ingesprekmetlv.nl/projecten+leidschendam/de+star/2470987.aspx?t=Ontsluiting-en-parkeren staat een tabel. De cellen in de eerste rij zijn goed opgemaakt als tabelkoppen. Het probleem is dat de cellen in de eerste kolom ook moeten worden opgemaakt als tabelkoppen (th), omdat deze cellen iets zeggen over de cellen ernaast.

Op meerdere pagina's - waaronder https://ingesprekmetlv.nl/projecten+leidschendam/de+star/2470987.aspx?t=Ontsluiting-en-parkeren, https://ingesprekmetlv.nl/projecten+stompwijk/nieuwbouw+dr+van+noortstraat+94-98+en+120-122/default.aspx en https://ingesprekmetlv.nl/gemeentebrede+projecten/plaagdieren/2422830.aspx?t=Tips-om-rattenoverlast-te-voorkomen is het actieve onderdeel in het hoofdmenu en in het broodkruimelpad voorzien van aria-current="page". Het is goed dat het actieve onderdeel programmatisch is vast te stellen, maar hier is de verkeerde waarde gebruikt. De waarde "page" geeft namelijk aan dat dit de huidige pagina is en dat is niet het geval. Wijzig deze waarde naar "true".

De PDF op pagina https://ingesprekmetlv.nl/api/documents/downloadfile?sectionid=244057&fileid=1626414&forcedownload=true is gecodeerd (getagd), wat betekent dat hulpsoftware het document kan interpreteren en dat is goed. Er zijn echter wel problemen met deze codes of tags gevonden.
Op pagina 1 staat onder "Samenvatting" een opsomming. Dit is wel gecodeerd als een echte opsommingslijst met zes onderdelen. Het probleem is dat alle content nu onderdeel is van het laatste lijstonderdeel. Wijzig dit door de content naar het juiste lijstonderdeel te verplaatsen.
Op pagina 2 is alle content vanaf "Ervaren parkeeroverlast" tot en met "…werden vragen gesteld:" gecodeerd als één alinea. Wijzig dit naar koppen en alinea's.
Verder bevat dit document meerdere lege koppen en alinea's. Dit laatste wordt niet afgekeurd, maar zorgt wel voor een vervelende (voor)leeservaring.

Ook de PDF op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/documenten+cultuurvisie/handlerdownloadfiles.ashx?idnv=2777016 is gecodeerd (getagd) en bevat problemen. Hier volgen enkele voorbeelden.
Op pagina 1 staan twee H1-koppen direct na elkaar en dat is niet toegestaan. Maak hier één H1-kop van.
De inhoudsopgave op pagina 2 is niet gecodeerd als inhoudsopgave (TOC en TOCI).
Op pagina 5 is de tekst "Cultuur in Leidschendam-Voorburg" niet gecodeerd als kop, bijvoorbeeld H3. Dit komt vaker voor, bijvoorbeeld op pagina's 7 en 8. Dit geldt ook voor andere visuele kopteksten, zoals "Pijler 1…" op pagina 8 (H4).
Op pagina 10 staan twee opsommingen die niet zijn gecodeerd als opsommingslijsten (L, LI, Lbl en LBody). Dit komt ook voor op pagina 22.
Op pagina 21 staat een tabel. De cellen in de eerste rij en eerste kolom zijn niet opgemaakt als tabelkoppen (TH). Let erop dat bij het aanpassen ook wordt aangegeven of het rijkoppen of kolomkoppen zijn.
Onderaan op pagina 23 staan vier voetnoten. Deze zijn niet als voetnoot (Note) opgemaakt. Ook de verwijzende tekst is niet als zodanig opgemaakt (Reference).

Advies: Op pagina https://ingesprekmetlv.nl/omgevingsvisie/home-omgevingsvisie/default.aspx staan onder "Koersnotitie" zes alinea's die enigszins op een opsommingslijst lijken: "Bekijk de koersnotitie" tot en met "Bekijk de verslagen van de kernbijeenkomsten…". Dit kan beter als opsommingslijst opgemaakt worden.

Advies: Op pagina https://ingesprekmetlv.nl/default.aspx wordt gebruik gemaakt van een layout-tabel (een tabel zonder koppen) om "Projecten Leidschendam" tot en met "Gemeentebrede projecten" op te maken. Dit is verwarrend voor bezoekers die gebruikmaken van bijvoorbeeld voorleessoftware, aangezien de tabelstructuur niet verborgen is en daarom alsnog soms wordt opgemerkt door hulpsoftware. Plaats bijvoorbeeld role="presentation" op het tabel-element of verwijder de tabel in zijn geheel om dit probleem op te lossen.

Advies: Op pagina https://ingesprekmetlv.nl/projecten+voorburg/verkeersveiligheid+en+leefbaarheid+voorburg+west/2711126.aspx is de titel "Parkeren" een kop van niveau 1 en de daaropvolgende kopteksten "Ontwikkelingen parkeren Binckhorst" tot en met "Oplossing 1 blauwe zone (…)" koppen van niveau 3. Dit is niet direct een toegankelijkheidsprobleem, maar het is beter om geen niveaus in de koppenstructuur over te slaan. Dit kan vaker voorkomen.

Uitkomst: Onvoldoende

Bevindingen: In PDF https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/documenten+cultuurvisie/handlerdownloadfiles.ashx?idnv=2777016 staan op pagina 23 vier voetnoten. Omdat deze niet goed zijn gecodeerd (zie succescriterium 1.3.1), staan ze ook niet in een logische leesvolgorde. Codeer deze als goede voetnoten of zet de content direct op de plaats waar ze horen.

In PDF https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/documenten+cultuurvisie/handlerdownloadfiles.ashx?idnv=2777016 staan meerdere afbeeldingen op een onlogische plaats in de codes of tags. Zo staan de afbeeldingen op pagina's 3, 4 en 5 allemaal na de tekst op pagina 6. Dit komt vaker voor. Zie ook succescriterium 1.1.1.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/Beheer/Formulierenmodule/1767809.aspx staat een formulier waar de bezoeker onder andere de eigen naam, het eigen e-mailadres en het eigen telefoonnummer kan invullen. Het doel van deze 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 met de juiste waarde. Bijvoorbeeld voor "Naam" autocomplete="name". Het autocomplete-attribuut is aanwezig, maar heeft geen waarde. 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/Translations/WCAG21-nl/#input-purposes.
Let op: het veld "E-mailadres of telefoonnummer" maakt het lastig of wellicht onmogelijk om hier de juiste waarde in te vullen. Dit kan beter gesplitst worden in twee aparte invoervelden.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Bevindingen: Advies: in de PDF op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/documenten+cultuurvisie/handlerdownloadfiles.ashx?idnv=2777016 staat vanaf pagina 2 een paginanummer onderaan. Deze goudkleurige tekst (HEX #CDA169) heeft een te laag contrast van 2,4:1 op de witte achtergrond waar dit minimaal 4,5:1 moet zijn. Dit wordt echter niet afgekeurd, omdat er een alternatief is in de PDF-lezer.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/shortcuts/Users_Login.aspx?ReturnUrl=%2fShortcuts%2fUpdates%2fdefault.aspx staat in de code bij "viewport" het attribuut maximum-scale=1. Dit zorgt ervoor dat sommige bezoekers op mobiel niet kunnen inzoomen. Dit verhindert dat de website voldoet aan enkele succescriteria, waaronder dit succescriterium. Zorg ervoor dat bezoekers zowel op desktop als op mobiele apparaten kunnen inzoomen.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/projecten+leidschendam/renovatie+speelruimte+leidschendam/speelplek+burgemeester+caan+van+necklaan/2743160.aspx?t=Optie-1 staat een afbeelding van het voorlopig ontwerp speelplek optie 1. Dit is een afbeelding met tekst erin. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is. Plaats de links indien mogelijk als platte tekst of voeg een toegankelijk alternatief toe. Let op: het toevoegen van een alternatieve tekst zoals beschreven in succescriterium 1.1.1 is niet voldoende om te voldoen aan dit succescriterium.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/shortcuts/Users_Login.aspx?ReturnUrl=%2fShortcuts%2fUpdates%2fdefault.aspx staat in de code bij "viewport" het attribuut maximum-scale=1. Dit zorgt ervoor dat sommige bezoekers op mobiel niet kunnen inzoomen. Dit verhindert dat de website voldoet aan enkele succescriteria, waaronder dit succescriterium. Zorg ervoor dat bezoekers zowel op desktop als op mobiele apparaten kunnen inzoomen.

Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, ontstaan de volgende problemen. Let op: Horizontaal scrollen is geen geldige oplossing is, tenzij sprake is van een uitzondering.

Op pagina https://ingesprekmetlv.nl/Beheer/Formulierenmodule/1767809.aspx staat een verificatiemiddel van hCaptcha. Bij de link "Voorwaarden" valt de laatste letter uit beeld. Als het formulier vervolgens wordt verzonden met fouten, vallen meer letters uit beeld. Ook het logo van hCaptcha is nu deels verborgen.

Op pagina https://ingesprekmetlv.nl/projecten+leidschendam/de+star/2470987.aspx?t=Ontsluiting-en-parkeren staat een tabel. De content in de cel "P nodig" valt deels buiten het scherm. Voor tabellen mag wel horizontaal gescrold worden, zolang elke afzonderlijke cel zichtbaar is zonder horizontaal te scrollen. Let op: Als hier horizontaal scrollen wordt toegepast, dan moet dit ook voor toetsenbordgebruikers toegankelijk zijn. Voeg daarvoor tabindex="-1" toe aan het table-element.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/projecten+stompwijk/nieuwbouw+dr+van+noortstraat+94-98+en+120-122/default.aspx staan afbeeldingen in een carrousel. In de afbeelding "overgang Hazepad" is met rode pijlen (ongeveer HEX #EE1F25) verwezen naar onderdelen van de afbeelding. Deze pijlen hebben niet overal voldoende contrast op de achtergrond. Bijvoorbeeld 1,2:1 op het donkerbruine pad (ongeveer HEX #7B6A61) en 1,4:1 op de groene bosrand (ongeveer HEX #656834) waar dit minimaal 3,0:1 moet zijn.
In de afbeelding "Bovenaanzicht project" zijn ook kleuren met een te laag contrastratio gebruikt, maar hiervoor is de tekst op de pagina een voldoende alternatief.

Op pagina https://ingesprekmetlv.nl/projecten+voorburg/renovatie+speelruimte+voorburg/speelplek+claudiusstraat/2715545.aspx?t=Optie-1- staat een grote afbeelding. Als je hier met de muisaanwijzer overheen gaat, verschijnen knoppen waarmee een vergrote weergave getoond kan worden of waarmee de volgende of vorige afbeelding gekozen kan worden. De grijze iconen van deze knoppen (HEX #A7A7A7) hebben een contrastratio van 2,4:1 op de witte achtergrond waar dit minimaal 3,0:1 moet zijn.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/Beheer/Formulierenmodule/1767809.aspx staat een formulier met het verificatiemiddel hCaptcha. Op deze test zit een tijdslimiet van ongeveer 2 minuten. Voor tijdslimieten geldt dat de bezoeker die moet kunnen uitzetten, aanpassen of verlengen. Dat is nu niet het geval.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Bevindingen: Advies: De webpagina's hebben meerdere skiplinks waarmee naar verschillende secties van de pagina kan worden genavigeerd. Voor dit succescriterium wordt alleen gekeken naar de skiplink die naar het begin van de unieke inhoud leidt ("Direct naar pagina inhoud"). Er is ook een skiplink die leidt naar een hoofdnavigatie ("Direct naar hoofdnavigatie"). Op pagina https://ingesprekmetlv.nl/omgevingsvisie/home-omgevingsvisie/default.aspx is deze hoofdnavigatie echter niet aanwezig. Dit kan verwarrend zijn.

Advies: Op alle webpagina's is een goede skiplink aanwezig waarmee direct naar de unieke inhoud kan worden genavigeerd. Dat is goed gedaan. Het gebruik van zogenaamde landmarks kan blinde toetsenbordgebruikers ook helpen om naar de unieke inhoud van de pagina te gaan. De pagina's bevatten momenteel geen main-landmark voor de hoofdinhoud. Dit kan nog toegevoegd worden. Let op: dit is geen voldoende oplossing voor ziende toetsenbordgebruikers die geen schermlezersoftware gebruiken. Een main-landmark is daarom geen vervanging van de skiplink.

Uitkomst: Onvoldoende

Bevindingen: Pagina's https://ingesprekmetlv.nl/projecten+leidschendam/renovatie+speelruimte+leidschendam/speelplek+burgemeester+caan+van+necklaan/2743160.aspx?t=Optie-1 en https://ingesprekmetlv.nl/projecten+voorburg/renovatie+speelruimte+voorburg/speelplek+claudiusstraat/2715545.aspx?t=Optie-1- hebben allebei de paginatitel "Optie 1 | In gesprek met LV" gekregen. Deze titel geeft niet duidelijk het onderwerp of doel aan en is niet uniek. Geef deze pagina's een unieke titel die beknopt het onderwerp of doel aangeeft, bijvoorbeeld door de naam van het project toe te voegen.

De PDF op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/documenten+cultuurvisie/handlerdownloadfiles.ashx?idnv=2777016 gaat over de cultuurvisie, maar heeft de documenttitel "Jaarverslag 2022 Commissie voor de bezwaarschriften Gemeente Leidschendam-Voorburg". Dit komt niet overeen met de inhoud van het document. Wijzig dit zodat de titel de inhoud goed beschrijft.
Verder is niet ingesteld dat de documenttitel getoond moet worden in de titelbalk. Wijzig dit, zodat de titel als eerste wordt getoond en voorgelezen in plaats van de bestandsnaam.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/projecten+voorburg/renovatie+speelruimte+voorburg/speelplek+claudiusstraat/2715545.aspx?t=Optie-1- staat een afbeelding die vergroot weergegeven kan worden. Als dit wordt gedaan, kan de vergrote weergave bediend worden met de pijltjestoetsen en de Escape-toets op het keyboard. Dat is op zich goed. Wanneer echter de Tab-toets wordt gebruikt, ga je echter uit deze vergrote weergave en kom je terecht op de knop "Deel deze pagina via e-mail". Dit kan verwarrend zijn. Als je vervolgens terug wilt navigeren via de Shift- en Tab-toets, kun je terechtkomen op content die verborgen is onder de vergrote weergave van de afbeelding en dat is niet de bedoeling.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/default.aspx staan iconen vóór de teksten "Projecten Leidschendam" tot en met "Gemeentebrede projecten". Deze iconen zijn links. Het linkdoel van deze links komt nu uit de tekstalternatieven van de afbeeldingen, bijvoorbeeld "icoon raadhuis leidschendam", maar die geven nu niet aan waar de links naartoe gaan. Zie succescriterium 1.1.1 voor meer informatie en een oplossingssuggestie.

Op pagina https://ingesprekmetlv.nl/omgevingsvisie/home-omgevingsvisie/default.aspx staat een ander navigatiemenu dan op de andere onderzochte pagina's. In dit menu staat ook de link "Home". Deze link gaat echter niet naar de homepage van ingesprekmetlv.nl, maar naar de startpagina van het onderdeel "Omgevingsvisie". Wijzig de naam van deze link, zodat dit duidelijk wordt.

Op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/default.aspx staan onder "Laatste berichten" afbeeldingen bij de berichten. Deze afbeeldingen zijn ook links. Omdat deze afbeeldingen geen tekstalternatief hebben en er geen andere manier is waarmee de links een naam hebben gekregen, is het doel van deze links niet duidelijk. Zie succescriterium 1.1.1 voor een uitgebreide toelichting en mogelijke oplossingen.

Advies: Op pagina https://ingesprekmetlv.nl/projecten+stompwijk/default.aspx staat bij elk project een link met de naam "Lees meer over (…) (opent in een nieuw venster)". Dit kan verwarrend zijn, omdat de links niet in een nieuw venster openen. Verwijder de tekst "(opent in een nieuw venster)". NB: het advies is om de links in hetzelfde venster te laten openen, zoals nu al het geval is.

Uitkomst: Onvoldoende

Bevindingen: Naast het volgen van links zijn alle webpagina's ook te vinden via de zoekmachine. Dat is goed gedaan. Het probleem is echter dat de PDF https://ingesprekmetlv.nl/api/documents/downloadfile?sectionid=244057&fileid=1626414&forcedownload=true niet gevonden kan worden via deze zoekmachine. Zorg dat deze ook vindbaar is via de zoekmachine.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/projecten+voorburg/renovatie+speelruimte+voorburg/speelplek+claudiusstraat/2715545.aspx?t=Optie-1- staat een afbeelding die vergroot weergegeven kan worden. Als dit wordt gedaan, kan de toetsenbordfocus terechtkomen op de onderliggende pagina. De focus is dan niet zichtbaar. Zie ook succescriterium 2.4.3.

Advies: Op pagina https://ingesprekmetlv.nl/projecten+stompwijk/nieuwbouw+dr+van+noortstraat+94-98+en+120-122/default.aspx staan afbeeldingen in een carrousel. Deze afbeeldingen kunnen ook focus ontvangen. Dit is dan niet heel goed zichtbaar, omdat de focusrand alleen aan de bovenkant en een deel van de zijkanten zichtbaar is. Het zou beter zijn als de focusrand om de hele afbeelding zichtbaar is.

Advies: Op pagina https://ingesprekmetlv.nl/projecten+voorburg/renovatie+speelruimte+voorburg/speelplek+claudiusstraat/2715545.aspx?t=Optie-1- staat een grote afbeelding met daaronder kleine versies van alle afbeeldingen. Bij deze kleine versies is de focus slechts zichtbaar aan de zijkanten. Het zou beter zijn als de focusrand om de hele afbeelding zichtbaar is.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's staat linksboven het logo van Leidschendam-Voorburg. De toegankelijke naam van deze link is "In gesprek met LV logo". De visueel zichtbare tekst "Leidschendam-Voorburg" staat niet in de toegankelijke naam en daarom kan deze tekst niet gebruikt worden om de link te bedienen met spraakbesturingssoftware. Wijzig het tekstalternatief naar bijvoorbeeld "Logo Leidschendam-Voorburg, ga naar home van In gesprek met LV". Zie ook succescriterium 1.1.1.
Op pagina https://ingesprekmetlv.nl/shortcuts/Users_Login.aspx?ReturnUrl=%2fShortcuts%2fUpdates%2fdefault.aspx is het tekstalternatief van ditzelfde logo slechts "Logo".

Op pagina https://ingesprekmetlv.nl/omgevingsvisie/home-omgevingsvisie/default.aspx staat een groen kader vanaf de koptekst "Koersnotitie". Hierin staan meerdere links. De links met linkteksten "Bekijk de koersnotitie", "Bekijk het overkoepelend participatieoverleg", "verslagen van de kernbijeenkomsten" en "overige participatie" hebben een aria-label die niet helemaal overeenkomt met de zichtbare tekst. Hierdoor kunnen zij niet bediend worden via spraakbesturingssoftware. Wijzig de waarde van deze aria-labels of (nog beter) verwijder deze aria-labels.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de eigenschappen van de PDF op pagina https://ingesprekmetlv.nl/api/documents/downloadfile?sectionid=244057&fileid=1626414&forcedownload=true is de taal niet goed ingevuld. Deze staat op Engels in plaats van Nederlands. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/default.aspx kunnen bezoekers de weergave van "Laatste nieuwsberichten" wijzigen via het select-element "Kaart- en lijst weergave". Zodra een optie geselecteerd is, ververst de pagina direct en komt de focus bovenaan de pagina. Dit is verwarrend en mogelijk desoriënterend voor sommige bezoekers. Maak gebruik van een knop waarmee bezoekers zelf de keuze kan bevestigen of gebruik asynchrone JavaScript-functionaliteit die de selectie aanpast. Gebruik bij dit laatste ook een 'live-region' waar je aan de bezoeker duidelijk maakt dat er iets is gewijzigd (via hulpsoftware).

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/default.aspx staat boven "Laatste berichten" het select-element "Kaart- en lijst weergave". De geselecteerde optie kan nu gebruikt worden als label voor dit element, maar het zou beter zijn om een label buiten het select-element toe te voegen - bijvoorbeeld "Kies weergave" - en die vervolgens hieraan te koppelen. Dan is het voor iedereen duidelijk wat dit element doet.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Als de website wordt bekeken op een klein of ingezoomd scherm (zoals bedoeld voor succescriteria 1.4.4 en 1.4.10), is onder andere de hoofdnavigatie verplaatst achter de knop "Menu". Dit interactief element kan verschillende statussen hebben, namelijk geopend en gesloten. Deze status is nu alleen te bepalen als het menu geopend is, want dan komt aria-expanded="true" in de code te staan. Voeg aria-expanded="false" toe als het menu gesloten is.

Als de website wordt bekeken op een klein of ingezoomd scherm, is onder andere de hoofdnavigatie verplaatst achter de knop "Menu". Als dit menu is geopend, hebben de meeste menu-onderdelen een knop voor het tonen of verbergen van de sub-onderdelen. De status van deze link (geopend of gesloten) kan niet bepaald worden. Voeg aria-expanded met de juiste waarde toe ("false" voor gesloten en "true" voor geopend). Het attribuut aria-expanded staat nu op de verkeerde link, namelijk de link die naar het betreffende menu-onderdeel gaat.

Op pagina https://ingesprekmetlv.nl/projecten+stompwijk/default.aspx staan twee zoekfuncties; bovenaan de website en vlak boven het overzicht met projecten. Dit zijn twee div-elementen met role="search". Dit is een landmark en wanneer twee dezelfde landmarks aanwezig zijn, moeten zij een unieke naam hebben. Dat is nu niet het geval. Geef deze zoekfuncties een unieke naam via een aria-label of aria-labelledby. Let op: het gaat hier dus niet om de input-elementen, maar om de bovenliggende div-elementen.

Op pagina https://ingesprekmetlv.nl/gemeentebrede+projecten/cultuurvisie/default.aspx staan onder "Laatste berichten" afbeeldingen bij de berichten. Deze afbeeldingen zijn ook links. Deze links hebben geen naam. Zie succescriterium 1.1.1 voor een uitgebreide toelichting en mogelijke oplossingen.

Advies: Op alle webpagina's staat een hoofdnavigatie. Dit div-element zonder rol heeft de naam "Hoofdmenu" gekregen, via het attribuut aria-labelledby. Een div-element zonder rol hoort geen naam te krijgen. Dit wordt nu door de meeste hulpsoftware genegeerd, maar het is beter om deze naam te verwijderen of te verplaatsen naar een element met een duidelijke rol, bijvoorbeeld door een nav-element toe te voegen.

Uitkomst: Voldoende