Contentonderzoek digitale toegankelijkheid website amersfoort.begroting-2024.nl

Uitkomst: Onvoldoende

Bevindingen:

Op de homepage is een knop "Begroten in één oogopslag!" te vinden. Deze knop opent een nieuw venster waarin een complexe afbeelding wordt getoond die veel informatie bevat. De content van deze afbeelding is niet toegankelijk voor bezoekers met een visuele beperking. Zowel een korte beschrijving (alt-tekst) als een lange beschrijving dienen beschikbaar te zijn. In de alt-tekst dient verwezen te worden naar de locatie waar de uitgeschreven informatie te vinden is, bijvoorbeeld met de tekst “De uitgeschreven informatie van deze afbeelding is onderaan te vinden”. De lange beschrijving kan beschikbaar zijn als platte tekst direct op de pagina, in tabelvorm of via een downloadbare link. Zie https://amersfoort.begroting-2024.nl en https://amersfoort.begroting-2024.nl/p6142/duurzaamheid, onder het kopje “1. Klimaatverandering: CO2-uitstoot verminderen”.

De pagina "Portefeuillehouders" bevat afbeeldingen van personen. Deze afbeeldingen zijn ingevoegd met img-elementen maar missen een alt-attribuut. Het is van cruciaal belang dat aan afbeeldingen die met het img-element zijn toegevoegd, een alt-attribuut wordt gegeven. Dit attribuut kan zowel leeg zijn als tekst bevatten, afhankelijk van het type afbeelding. Voor decoratieve afbeeldingen die geen inhoudelijke betekenis dragen, kan het alt-attribuut leeg zijn. Informatieve afbeeldingen dienen een beschrijvende tekst in het alt-attribuut te krijgen. De webredactie heeft de bevoegdheid om te besluiten of deze foto’s als decoratief of informatief worden beschouwd. Aangezien de namen van de personen als tekst op de pagina staan, kunnen de afbeeldingen als decoratief worden aangemerkt. In dat geval kan de alt-tekst leeg blijven (alt=””). Indien de afbeeldingen als informatief worden gezien, dient de naam van de persoon aan de alt-tekst toegevoegd te worden. Er zijn meer voorbeelden te vinden van afbeeldingen zonder alt-attributen. Zie voorbeelden op pagina’s: https://amersfoort.begroting-2024.nl/p6039/portefeuillehouders https://amersfoort.begroting-2024.nl/p6041/tyas-bijlholt https://amersfoort.begroting-2024.nl/test

Op de pagina "Programma Omgeving" staat een afbeelding van een bezienswaardigheid met in het alt-attribuut de tekst "Beschrijving foto: De toeristische trekker van het jaar 'De Pissende IJsbeer'". De tekst "Beschrijving foto:" is overbodig, omdat schermlezers de gebruiker vertellen dat het om een afbeelding gaat, dankzij het <img>-element. Door deze tekst weg te laten leest de schermlezer het volgende voor: “Afbeelding, de toeristische trekker van het jaar 'De Pissende IJsbeer'”. Voor alle alternatieve teksten geldt dat woorden zoals “plaatje, afbeelding, icoon” etc. overbodig zijn. https://amersfoort.begroting-2024.nl/p6026/inleiding https://amersfoort.begroting-2024.nl/p6031/inleiding

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Visuele presentatie niet in de HTML

Wanneer op een pagina twee of meer alinea's zichtbaar zijn, moet deze structuur ook in de HTML te vinden zijn door minimaal twee <p>-elementen te gebruiken. Bijvoorbeeld, op de pagina "IJkpunten financiële positie" staat de hele inhoud van de pagina in één <p>-element, terwijl visueel drie alinea's te onderscheiden zijn. Deze tekst dient dus omgezet te worden in drie <p>-elementen. Dit principe geldt ook voor andere pagina's met vergelijkbare situaties. Enkele voorbeelden zijn: https://amersfoort.begroting-2024.nl/p5959/ijkpunten-financiele-positie, https://amersfoort.begroting-2024.nl/p6039/portefeuillehouders en teksten tussen tabellen op https://amersfoort.begroting-2024.nl/p5955/financiele-ontwikkelingen-meerjarenbegroting.

Daarnaast, op de pagina "Wethouder Tyas Bijlholt" en vergelijkbare pagina's, waar naast de afbeelding een opsomming van werkgebieden staat, zoals "Mobiliteit", "Kunst, cultuur en evenementen" enz., is deze lijst in de HTML-code niet correct opgemaakt. Een <p>-element is gebruikt in plaats van een <ul>-element (een lijst) of individuele <p>-elementen voor elk werkgebied. Het is belangrijk dat deze tekst wordt omgezet in een opsomming die bestaat uit <ul>- en <li>-elementen om een juiste voorlezing door schermlezers te garanderen. Zie https://amersfoort.begroting-2024.nl/p6039/portefeuillehouders.

Gerelateerd hieraan, op de pagina "Financiële ontwikkelingen meerjarenbegroting" onder de tabel "Tabel: FO.02 Ontwikkelingen na vaststelling Kadernota 2024-2027", staat een lijst met 15 items in een <p>-element. Deze lijst dient omgezet te worden naar <ol>- en <li>-elementen voor een geordende lijst, zodat blinde bezoekers dezelfde structuur van informatie ontvangen als ziende bezoekers. Zie https://amersfoort.begroting-2024.nl/p5955/financiele-ontwikkelingen-meerjarenbegroting. Dit issue komt voor op vele pagina's. Bijvoorbeeld, de pagina's onder "Duurzaamheid" en "Inleiding" hebben soortgelijke problemen met de HTML-structuur wat betreft de presentatie van alinea's en lijsten. Het is van belang dat deze structuren correct worden opgemaakt in de HTML-code om de toegankelijkheid voor alle gebruikers te verbeteren. Zie https://amersfoort.begroting-2024.nl/p6142/duurzaamheid onder “Onderdeel 1: Samen met de stad aan de slag” en pagina https://amersfoort.begroting-2024.nl/p6031/inleiding.

Op de pagina "Financiële ontwikkelingen meerjarenbegroting", onder de kop "Denkrichtingen ombuigingen", staat één opsomming met zeven items. Maar in de HTML-code is deze opsomming opgemaakt als twee <ul>-lijsten. Een blinde bezoeker krijgt twee lijsten voorgelezen en begrijpt mogelijk niet dat al deze punten bij elkaar horen. Gebruik één <ul>-lijst met zeven <li>-elementen. Zie https://amersfoort.begroting-2024.nl/p5955/financiele-ontwikkelingen-meerjarenbegroting en https://amersfoort.begroting-2024.nl/p5950/financiering.

Koppen

Op deze website zijn vele kopteksten niet als zodanig opgemaakt. Een blinde bezoeker maakt vaak gebruik van een functie om een lijst met koppen te genereren, om zo de inhoud van de pagina te scannen en van kop naar kop te navigeren. Wanneer de (tussen)kopjes niet als kopteksten zijn gemarkeerd, worden ze niet in dit overzicht opgenomen. Het is daarom belangrijk om alle relevante tekst als kopteksten te markeren, zodat ze correct worden weergegeven in navigatiehulpmiddelen voor schermlezers, en daarmee de toegankelijkheid van de website te verbeteren voor gebruikers die afhankelijk zijn van deze technologie. Bijvoorbeeld, op pagina “Duurzaamheid” staan de volgende koppen: “Inleiding”, “Beleidskader / algemene uitgangspunten”, “Visie”, “Onderdelen”, “1.1 Ambitie”, “1.2 Indicator: CO 2 -budget”, “Budget”, “Momenteel meetbaar”, “Middellange termijn”, “Lange termijn”, “2.1 Ambitie”, “2.2 Indicator: Kwaliteitsindicator”, “Middellange termijn:”, “Lange termijn:”, “3.1 Ambitie”, “3.2 Indicator: Massa / Milieukostenindicator / MilieuPrestatie Gebouwen”, “Momenteel meetbaar”, “Middellange termijn”, “Lange termijn”, “4.1 Ambitie”, “4.2 Indicatoren: fijnstof (PM2.5 en 10) en stikstof (NO2)”, “Momenteel”, “Middellange termijn” en veel meer. De screen reader ziet alleen maar vier koppen. Gebruik daarom nooit vetgedrukte of onderstreepte teksten (knop “B” en “I” in een tekstbewerker”) om koppen op te maken. Gebruik kop-elementen die in de meeste tekstbewerkers te vinden zijn onder stijlen. https://amersfoort.begroting-2024.nl/p6142/duurzaamheid

Meer voorbeelden van kopjes die niet als kopteksten zijn opgemaakt. Op de pagina "Financiële ontwikkelingen meerjarenbegroting", onder de laatste tabel "Tabel: FO.04 Ombuigingsbedragen", staat de kop "Denkrichtingen ombuigingen". Boven de tabellen staan teksten “Tabel: FO.01 Kadernota 2024-2027”. Dit zijn ook koppen. Zie https://amersfoort.begroting-2024.nl/p5955/financiele-ontwikkelingen-meerjarenbegroting en https://amersfoort.begroting-2024.nl/p5950/financiering.

Op de pagina "Financiering" staan twee koppen van hetzelfde niveau (h2), namelijk "Portefeuillehouder" en "Willem-Jan Stegeman", direct na elkaar. Deze opzet kan de indruk wekken dat er content ontbreekt onder de eerste kop, wat in strijd is met de definitie van een kop die aangeeft dat deze iets vertelt over de content die eronder staat. Het direct onder elkaar plaatsen van twee koppen van hetzelfde niveau kan verwarring veroorzaken bij gebruikers van een schermlezer. Een mogelijke oplossing voor dit probleem is het maken van "Willem-Jan Stegeman" tot een kop van niveau h3, waardoor de hiërarchie en structuur van de content duidelijker wordt voor alle gebruikers. Zie https://amersfoort.begroting-2024.nl/p5950/financiering.

Semantische elementen

Wanneer men in een tekstbewerker de knop "I" gebruikt, wordt in de meeste gevallen het element <em> toegevoegd aan de HTML. Dit element maakt tekst cursief en heeft een specifieke semantische betekenis, namelijk het benadrukken van woorden of zinnen. Het mag niet worden gebruikt voor louter opmaakdoeleinden of als een alternatief voor koppen. Op de pagina "Financiële ontwikkelingen meerjarenbegroting" zijn er links, zoals "raadsvoorstel" en "brede ambtelijke financiële verkenningen", onterecht opgemaakt met een <em>-element. Ook tekst boven de tabellen zoals “x mln” en teksten in de tabellen zoals "waarvan incidenteel" en "waarvan structureel" zijn met dit element opgemaakt. Dit element dient van alle pagina's van de website verwijderd te worden. Zie https://amersfoort.begroting-2024.nl/p5955/financiele-ontwikkelingen-meerjarenbegroting, https://amersfoort.begroting-2024.nl/p6026/inleiding en https://amersfoort.begroting-2024.nl/p6031/inleiding.

Op deze website zijn veel zogenaamde datatabellen aanwezig, waarbij de kolomkoprij essentiële informatie bevat die van toepassing is op de onderliggende cellen. Om te zorgen dat tabellen correct worden voorgelezen door schermlezers, is het cruciaal om <th>-cellen te gebruiken voor de kolom- of rijkoppen en <td>-cellen voor de cellen met gegevens. Het is ook belangrijk dat de tabellen zo eenvoudig mogelijk worden gehouden, zonder tussenkopjes en samengevoegde cellen. Lege <th>-cellen zijn niet toegestaan, zoals momenteel te zien is in tabellen 02 en 03 op de pagina "Financiële ontwikkelingen meerjarenbegroting". In tabel 03 dient de cel “BEGROTINGSSALDO 2024-2027” met een <th>-element te worden opgemaakt omdat het een kop is voor de twee cellen die eronder staan.

Verder hebben de tabellen 02 en 03 op de pagina "Financiële ontwikkelingen meerjarenbegroting" zowel horizontaal als verticaal een kolomkoprij, waarbij alle relevante cellen correct zijn opgemaakt met <th>-elementen. Een mogelijke verbetering is om elke rij die begint met een cijfer in een <th>-cel, bijvoorbeeld <th>1</th>, aan te vullen met de bijbehorende tekst, zoals <th>1 Financieel effect</th>. Dit geeft de rijkop meer inhoud.

Op de pagina “Duurzaamheid”, onder het kopje “1. CO2-uitstoot van de gemeente” in onderdeel 2, zijn meer voorbeelden te vinden van tabellen waar de kolomkop niet correct is opgemaakt. De jaartallen fungeren als kolomkoppen omdat er onder sommige jaren informatie staat. Dit maakt ze tot kolomkoppen, hoewel ze er niet anders uitzien dan de rest. Dit dient aangepast te worden om de informatiehelderheid en toegankelijkheid te verbeteren. Zie https://amersfoort.begroting-2024.nl/p6142/duurzaamheid.

Het volgende is slechts een advies, maar kan de toegankelijkheid verbeteren. Op de homepage ontbreekt de h1-koptekst. Het is een goede gewoonte om ten minste één h1-koptekst op te nemen, omdat dit bezoekers die screenreaders gebruiken helpt om het onderwerp van de pagina te begrijpen. https://amersfoort.begroting-2024.nl

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Op de website wordt witte tekst (#FFFFFF) gebruikt op oranje achtergrond (#F7941D of #EF7C00) en vice versa. Deze kleurencombinatie heeft onvoldoende kleurcontrast, namelijk 2,8:1 waar het minimaal 4,5:1 moet zijn. Deze kleurencombinatie komt voor in tabellen, als oranje tekst op pagina “Programma’s” en in de folder die te vinden is op de homepagina onder de knop "Begroten in één oogopslag!". Zie https://amersfoort.begroting-2024.nl, https://amersfoort.begroting-2024.nl/p5955/financiele-ontwikkelingen-meerjarenbegroting en https://amersfoort.begroting-2024.nl/p5964/programmas.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet van toepassing

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Onvoldoende

Bevindingen:

Er zijn twee pagina's aanwezig in de sample die dezelfde paginatitel hebben in het <head>-element van de webpagina. De titel luidt "Inleiding | Begroting 2024". Deze tekst wordt in de browsertab getoond. Voeg extra tekst toe om het onderwerp van de pagina toe te lichten. Ook de homepage en de "Pagina niet gevonden"-pagina hebben dezelfde titel "Home | Begroting 2024". De paginatitel moet uniek zijn. Zie volgende pagina’s: https://amersfoort.begroting-2024.nl/p6031/inleiding https://amersfoort.begroting-2024.nl/p6026/inleiding https://amersfoort.begroting-2024.nl/ https://amersfoort.begroting-2024.nl/test

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Onvoldoende

Bevindingen:

Op de pagina "Portefeuillehouders" staan verschillende links met dezelfde naam "LEES MEER OVER MIJ" die naar verschillende pagina's leiden. Het doel (de bestemming) van deze links is niet af te leiden van de linktekst. De linktekst moet uniek en beschrijvend worden gemaakt, bijvoorbeeld "Lees meer over Astrid". Zie https://amersfoort.begroting-2024.nl/p6039/portefeuillehouders.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Voldoende

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Voldoende

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Voldoende

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.

Uitkomst: Niet getoetst

Bevindingen:

Dit succescriterium is niet onderzocht omdat dit een contentonderzoek is.