Kleurcontrast van een evenementenpagina controleren

Gebruik de interactieve controle

Open de interactieve contrastcontrole (Engels)

Voer zescijferige hexwaarden voor voor- en achtergrond in of gebruik de kleurkiezers. De tool toont de verhouding en aparte uitkomsten voor gewone en grote tekst, verhoogd contrast en noodzakelijke grafische bedieningselementen. Hij vergelijkt de niet-afgeronde verhouding, ook als het scherm twee decimalen toont. Gebruik de werkelijke kleuren van datum, prijs, links en foutmeldingen.

Lees de grenswaarden

WCAG 2.2 vraagt bij het minimum 4,5:1 voor gewone tekst en 3:1 voor grote tekst. De verhoogde eis is 7:1 respectievelijk 4,5:1. Noodzakelijke visuele informatie in knoppen en grafieken heeft doorgaans 3:1 contrast met aangrenzende kleuren nodig. Groot betekent minstens 18-punts gewone of 14-punts vette tekst. Rond een te lage uitkomst niet op tot een voldoende.[1][2][3]

Controleer de echte bezoekersroute

Bekijk datum, plaats, prijs, ticketkeuze, formulier, fouten, bevestiging en hulpcontact op de echte pagina, mobiel en desktop. De tool verwerkt geen foto's, verlopen of transparantie: inspecteer daar het minst leesbare gebied. Controleer ook focus-, hover- en foutstatussen. Een externe betaalpagina vraagt een aparte controle.[1][3]

Leg wijzigingen en hertests vast

Noteer URL, status, kleuren, verhouding, criterium, eigenaar en hertest. Een gedeelde kleur kan meerdere pagina's veranderen. Staat het evenement op Boletolibre.com, bekijk dan de gepubliceerde informatie en ticketroute zoals bezoekers die zien; de organisatorsite en externe betaling vergen eigen controle.