Digitale Toegankelijkheid

Toegankelijkheid staat bij Mappi hoog op de agenda. Mappi is ontwikkeld met WCAG-richtlijnen als uitgangspunt, zodat iedereen kaarten optimaal kan gebruiken.

In mei 2023 hebben specialisten van Swink een grondige toegankelijkheidsaudit uitgevoerd. Dit onderzoek gaf waardevolle inzichten waarmee we direct aan de slag zijn gegaan. Sindsdien hebben we grote stappen gezet: per januari 2025 voldoet Mappi aan 45 van de 50 succescriteria van WCAG 2.1. Dit betekent een aanzienlijke verbetering in de gebruikservaring voor iedereen.

Bekijk hier het volledige auditrapport met alle bevindingen: 
Rapport digitale toegankelijkheid Mappi

Wat we hebben verbeterd

We hebben de toegankelijkheid van Mappi op meerdere vlakken geoptimaliseerd. Hieronder lichten we de belangrijkste verbeteringen toe:
 

Popups sluiten met de escape knop

Gebruikers kunnen pop-ups nu eenvoudig sluiten met de escape-toets, wat de toegankelijkheid voor toetsenbordgebruikers aanzienlijk verbetert.

Locatie op de kaart

 

Verbeterde legenda met informatieknoppen

Per categorie in de legenda kan nu een informatieknop worden toegevoegd, zodat gebruikers snel aanvullende informatie kunnen raadplegen.

legenda van een kaart

 

Gebruiksvriendelijker zoekveld

  • Blijvend tekstlabel: Het label van het zoekveld blijft altijd zichtbaar, zodat de functie duidelijk blijft, ongeacht de status van de invoer.
  • Aria-busy indicator: Zoekresultaten worden nu correct gemarkeerd met een aria-busy indicator, waardoor screenreadergebruikers direct op de hoogte zijn van de laadstatus.
  • Duidelijke reset-knop: De knop om het zoekveld te legen heeft nu de beschrijving: "Maak zoekveld leeg", wat de bruikbaarheid voor screenreadergebruikers verhoogt.
Legenda van een kaart


Verbergen van decoratieve afbeeldingen voor screenreaders

Decoratieve afbeeldingen zonder inhoudelijke betekenis worden nu verborgen voor screenreaders, zodat gebruikers niet worden afgeleid door overbodige informatie.

Verbeterde tabvolgorde

Een logische tabvolgorde is essentieel voor gebruikers die navigeren met een toetsenbord of screenreader. We hebben deze grondig herzien en geoptimaliseerd voor een intuïtieve en efficiënte gebruikerservaring.Bij een embed, wordt nu niet meer direct naar de kaart gescrold.

Geen automatische scroll bij een embed

Wanneer een Mappi-kaart wordt ingesloten in een webpagina, wordt er niet langer automatisch naar de kaart gescrold. Dit voorkomt onverwachte navigatie en verhoogt de gebruiksvriendelijkheid.

Toegankelijkheid is een continu proces

Bij Mappi blijven we werken aan digitale toegankelijkheid. Hoewel kaarten een uitzondering hebben binnen de WCAG-richtlijnen, is Mappi ontwikkeld met deze standaarden als uitgangspunt. De toegankelijkheid van een kaart hangt ook samen met de manier waarop deze wordt gebruikt en ingesloten op een website. Daarom denken we graag mee over de beste implementatie en hebben we automatische meldingen toegevoegd in de backend, waarmee je tijdens het maken van een kaart wordt geassisteerd.

Heb je vragen over de toegankelijkheid van Mappi of wil je weten hoe je onze kaarten toegankelijk integreert? Neem contact met ons op. 

Een toegankelijke kaart is belangrijk voor onze gemeente, we gebruiken ze voor uiteenlopende doeleinden. Denk aan verkiezingslocaties, strooiroutes en architectuurwandelingen. Mappi geeft ons de mogelijkheid kaarten snel en eenvoudig te maken en te delen.

Petra Berrevoets
Strategisch adviseur digitale media
at
Gemeente Rotterdam

Mappi is onze standaard tool voor publiekskaarten op www.amsterdam.nl. Met Mappi kunnen we zelf snel en eenvoudig publieksvriendelijke kaarten publiceren in onze eigen huisstijl. Ook voor grote publieksevenementen zetten we Mappi in.

Remko Coltof
Webmaster
at
Gemeente Amsterdam

Met Mappi laten we aan inwoners, ondernemers en bezoekers van Leiden op een zeer eenvoudige manier zien wat waar gevonden kan worden. We hebben al veel verschillende kaarten gemaakt, zoals een kaart voor het feest 3 oktober en een bouwkaart met projecten.

Marieke Schuurman
Hoofdredacteur team Online
at
Gemeente Leiden

Relevante artikelen