In dit artikel leggen we uit wat de WCAG is, wat de huidige status is van Momice en wat jij als organisator zelf moet doen om je event website toegankelijk (WCAG 2.1 AA) te houden.
Wat is de WCAG?
De Web Content Accessibility Guidelines (WCAG) zijn internationale richtlijnen om te beoordelen of een website of applicatie bruikbaar is voor mensen met een functiebeperking.
Denk aan bezoekers die:
Slechtziend of blind zijn (en een screenreader gebruiken).
Kleurenblind zijn.
Motorische beperkingen hebben.
Gevoelig zijn voor bewegende elementen.
Moeite hebben met lezen of concentratie.
De WCAG-richtlijnen zijn technisch neutraal opgesteld. Dat betekent dat ze niet afhankelijk zijn van één specifieke techniek, maar breed toepasbaar zijn op event websites.
De huidige norm waar veel organisaties aan moeten voldoen is WCAG 2.1 niveau AA.
Voldoet Momice aan WCAG 2.1 AA?
Ja, Momice voldoet aan WCAG 2.1 AA.
Hoe is dit getest?
In samenwerking met Cardan (partner in digitale toegankelijkheid) is een uitgebreide toegankelijkheidstest uitgevoerd op de Momice event website.
De aandachtspunten en oplossingen zijn in kaart gebracht en geïmplementeerd.
Jaarlijks vindt er opnieuw een toegankelijkheidstest plaats.
Belangrijk: wie is waarvoor verantwoordelijk?
Als Momice zorgen wij ervoor dat:
De software technisch en functioneel voldoet aan WCAG 2.1 AA.
Alle systeemelementen (zoals registratieformulieren, validaties, navigatie en structuur) correct zijn ingericht.
We testen alles waar wij controle over hebben.
Let op: als organisator heb je veel vrijheid in:
Kleuren
Afbeeldingen
Content
Tekstopmaak
Templates
Door deze vrijheid kan het gebeuren dat een event website niet (meer) voldoet aan WCAG-richtlijnen. Daarom geldt:
Momice is verantwoordelijk voor de techniek.
De organisator is verantwoordelijk voor de inhoud en gekozen instellingen.
We helpen uiteraard graag bij het WCAG-proof inrichten van jullie event template. Hiervoor neem je contact op met jouw contactpersoon bij Momice of via [email protected].
Wat moet je als organisator zelf controleren?
Hieronder vind je de belangrijkste aandachtspunten.
Kleurgebruik & contrast
Goede contrastverhoudingen zijn verplicht. Dit moet je controleren:
Lijnkleur van invulvelden moet minimaal 3,0:1 contrast hebben ten opzichte van de achtergrond.
Knopkleur versus tekst moet minimaal 4,5:1 contrast hebben.
Lijnkleur van velden moet voldoende contrast hebben met de achtergrondkleur.
Tip: gebruik bij voorkeur een witte achtergrond.
Een aantal systeemelementen (zoals foutmeldingen en validaties) zijn niet aanpasbaar. Deze zijn ontworpen op basis van een witte achtergrond. Je kunt contrast testen met de tool: WebAIM Contrast Checker.
Let op: het is technisch niet mogelijk om dit automatisch af te dwingen. Controleer dit dus altijd handmatig.
Kopteksten (headings)
Maak geen kop (heading) aan zonder inhoud eronder.
Een kop moet altijd iets aankondigen dat direct volgt.
Gebruik kopstructuren logisch (geen willekeurige niveaus).
De huidige standaardstructuur van Momice is WCAG-goedgekeurd. We geven hier geen volledige vrije structuurcontrole, omdat dit risico geeft op niet-toegankelijke websites.
Gebruik van tekstkleuren in de WYSIWYG-editor
Pas geen losse tekstkleuren toe via de editor. Waarom?
Dit kan het contrast verstoren.
De kleurinstellingen van het website template zijn veiliger en WCAG-technisch gecontroleerd.
Afbeeldingen & alternatieve tekst (alt-tekst)
De volgende punten zijn verplicht:
Elke foto op de fotopagina moet een titel hebben (wordt gebruikt als alternatieve tekst).
Het logo in de bovenbalk moet een verplichte alternatieve tekst hebben.
Deze moet beschrijven van welk bedrijf of instelling het logo is.
Voorbeeld: “Logo van Bedrijf X”.
Alt-tekst is cruciaal. Screenreaders lezen dit als eerste element op de pagina.
Afbeeldingen in de image widget
Momenteel kan hier nog geen alt-tekst worden toegevoegd. Wij gaan er vanuit dat afbeeldingen in deze widget decoratief zijn. Het is niet toegestaan om belangrijke informatie (zoals titel of datum van het event) alleen in een afbeelding te verwerken.
Bijlagen
Elke bijlage moet een beschrijving hebben. Zonder beschrijving:
Wordt er een kop (H2) zonder inhoud gegenereerd.
Dit is niet toegestaan volgens WCAG.
Contacten, sprekers en locaties
De naam van een spreker, contact of locatie wordt als kop weergegeven. Daarom moet er altijd minimaal één extra veld ingevuld zijn (zoals titel, bedrijf of beschrijving), zodat er inhoud onder de kop staat.
Gastenlijst
Naast voornaam en achternaam moet minimaal één extra veld geconfigureerd zijn. Ook hier geldt: een kop zonder inhoud is niet toegestaan.
Taalgebruik
Gebruik geen andere taal dan de ingestelde event taal. Het mixen van talen zonder dit technisch correct te markeren is niet toegestaan volgens WCAG.
Speciale WCAG-technieken in Momice
Momice bevat verschillende ingebouwde toegankelijkheidsoplossingen.
“Ga naar inhoud”-snelkoppeling
Wanneer je via het toetsenbord navigeert (tab-toets), verschijnt een verborgen knop:
“Ga naar inhoud” Hiermee kan een gebruiker direct de navigatie overslaan en naar de hoofdinhoud springen.
Aftelklok met pauzeknop
Bewegende of tijdsgevoelige elementen kunnen problematisch zijn. Daarom heeft de aftelklok een pauzeknop, zodat bezoekers deze kunnen stopzetten.
Automatische sitemap
Elke event website bevat automatisch een sitemap. Waarom?
WCAG vereist dat er minimaal twee routes naar dezelfde inhoud zijn. Bijvoorbeeld: de programmapagina moet via meerdere wegen bereikbaar zijn.
De sitemap biedt een duidelijke tweede navigatieroute.
Tijdslimiet in het registratiesysteem
Bij registratie reserveer je tijdelijk een ticket:
10 minuten bij betaalde tickets
30 minuten bij gratis tickets
Normaal moeten tijdslimieten verlengbaar zijn volgens WCAG. Voor ticketingsystemen geldt een uitzondering, omdat onbeperkt verlengen niet werkbaar is. Daarom is deze tijdslimiet toegestaan.
Veelgestelde vragen
Mag ik informatie (zoals titel + datum) in een afbeelding zetten?
Nee, dit is geen goede praktijk. Belangrijke informatie moet altijd als tekst beschikbaar zijn.
Mijn invulvelden hebben onvoldoende contrast
Dit wordt bepaald door de lijnkleur ten opzichte van de achtergrond. Voorbeeld: een lijnkleur zoals #555555 op een lichte achtergrond voldoet meestal wél aan de contrastnorm.
Mijn logo heeft geen alt-tekst
Dit is verplicht. De alt-tekst moet beschrijven van welk bedrijf of instelling het logo is.