Een toegankelijke website laten maken volgens WCAG 2.2

De internationale maatstaf zijn de Web Content Accessibility Guidelines, kortweg WCAG. Versie 2.2 werd op 5 oktober 2023 door het W3C gepubliceerd en voegt negen nieuwe succescriteria toe aan versie 2.1, bijvoorbeeld over de minimale grootte van aanklikbare elementen en over focus die niet achter een vaste balk mag verdwijnen. Een site die aan 2.2 voldoet, voldoet ook aan de eerdere versies. Welke criteria er nieuw zijn, staat uitgelegd in WCAG 2.2: de nieuwe eisen uitgelegd.

Voor kleine dienstverleners is er een uitzondering. In de richtlijn is een micro-onderneming een bedrijf met minder dan tien werknemers en een jaaromzet of balanstotaal van niet meer dan 2 miljoen euro. Micro-ondernemingen die diensten aanbieden, zijn uitgezonderd van de eisen. Een kleine webwinkel valt er dus vaak buiten, een webshop van een bedrijf met vijftien medewerkers meestal niet. Hoe dit precies voor uw situatie uitpakt, hangt af van details: laat u bij twijfel adviseren.

Een gewone informatieve site van een adviesbureau of loodgieter valt niet onder deze wet. Dat is geen reden om toegankelijkheid te laten liggen. Het gaat om uw klanten, en die zijn er ook zonder verplichting. Heeft u een webshop, kijk dan ook bij een webshop laten maken.

• Kleurcontrast. Tekst en knoppen moeten goed afsteken tegen de achtergrond. Dat bespreken wij al bij het ontwerp, want een huisstijlkleur die net te licht is, moet soms een donkerdere variant krijgen voor tekst.
• Bediening met het toetsenbord. Menu, formulieren, cookiemelding en uitklapblokken moeten met de tab-toets werken, met een zichtbaar kader waar u bent.
• Een logische opbouw. Echte koppen in de goede volgorde, zodat een schermlezer de pagina kan samenvatten.
• Formulieren met labels die blijven staan, en foutmeldingen die zeggen wat er mis is.
• Tekst die kan meegroeien als iemand het lettertype vergroot, zonder dat er iets over elkaar heen valt.
• Knoppen en links die groot genoeg zijn om op een telefoon te raken.

• een korte beschrijving bij elke foto die iets betekent, de alt-tekst;
• geen tekst in afbeeldingen, zoals een aanbieding als plaatje;
• linkteksten die zeggen waar ze heen gaan, niet "klik hier";
• ondertitels bij video's waarin gesproken wordt;
• pdf's alleen als het echt moet, en dan bij voorkeur ook als gewone pagina.

Een lijst met de basis die iedereen kan bijhouden, vindt u in toegankelijkheid van uw website: de basis. Wij leggen bij de oplevering uit hoe u dit in de editor doet.

Na de livegang krijgt u uitleg over alt-teksten en koppen in de editor. Meer over de volledige aanpak leest u bij een WordPress-site laten maken. Wilt u weten hoe uw huidige site ervoor staat, neem dan contact op.