WordPress 7.1 maakt decoratieve afbeeldingen explicieter

Met WordPress 7.1 is er een kleine maar nuttige verbetering voor digitale toegankelijkheid toegevoegd. Bij afbeeldingen in de Block Editor kun je nu expliciet aangeven dat een afbeelding decoratief is.

Decoratieve afbeeldingen voegen geen informatie toe aan een pagina. Denk bijvoorbeeld aan een sfeerbeeld dat alleen ter ondersteuning van de vormgeving wordt gebruikt. Voor gebruikers van een schermlezer is het meestal beter als zo’n afbeelding wordt overgeslagen.

Auteur

Vincent van Brakel

Als onderzoeker digitale toegankelijkheid voert Vincent ruim 8 jaar audits uit voor websites en apps. De focus ligt hierbij niet alleen op de criteria, maar vooral op de drempels voor de doelgroep en hoe we deze samen kunnen oplossen.

Wat verandert er?

Tot nu toe kon je een afbeelding in WordPress als decoratief kenmerken door het veld voor de alternatieve tekst leeg te laten. WordPress plaatste dan een leeg alt-attribuut (alt="") in de HTML. Dit is de methode die ook het beste werkt voor assisterende software. Een schermlezer ziet dat de afbeelding decoratief is en slaat deze over.

Het nadeel is dat WordPress niet kon weten waarom het veld leeg was. Was de alternatieve tekst bewust leeggelaten omdat de afbeelding decoratief is, of was iemand simpelweg vergeten een alt-tekst toe te voegen? In de praktijk gebeurde vooral het tweede vaak.

WordPress 7.1 maakt dat onderscheid nu expliciet. Bij het Image block staat een nieuwe optie ‘Mark as decorative’. Hiermee leg je bewust vast dat de afbeelding geen informatie toevoegt en door hulptechnologie mag worden overgeslagen.

Afbeelding van het team van Audit House, waarbij ‘Mark as decorative’ uit staat
Dezelfde afbeelding, maar nu staat het vinkje aan

Waarom is dit een verbetering?

Voor de gebruiker van een schermlezer verandert er bij een correct ingestelde afbeelding niet veel: ook een afbeelding met alt="" werd al overgeslagen.

De winst zit vooral aan de kant van de redacteur. Het is nu duidelijk dat er een bewuste keuze is gemaakt. WordPress kan deze keuze bovendien meenemen in de instellingen van het afbeeldingsblok en zo tegenstrijdige instellingen voorkomen.

Het maakt toegankelijkheid daarmee iets minder afhankelijk van kennis over HTML. Een redacteur hoeft niet meer te weten dat een leeg alt-veld in dit specifieke geval juist de bedoeling is. Hiermee volgt WordPress de technologie die al jaren beschikbaar is in Word en Adobe Acrobat Pro.

Vooral voor de WordPress Block Editor

De nieuwe instelling is toegevoegd aan het standaard Image block van WordPress en is dus vooral relevant voor websites die werken met de Block Editor, ook wel Gutenberg genoemd.

Gebruik je een pagebuilder zoals Elementor, dan verschijnt deze nieuwe WordPress-optie niet automatisch in de editor van Elementor. Pagebuilders beheren hun eigen afbeeldingscomponenten en toegankelijkheidsinstellingen. Elementor biedt bijvoorbeeld via zijn eigen toegankelijkheidstools ook mogelijkheden om afbeeldingen als decoratief aan te merken.

Moet bestaande content worden aangepast?

Nee. Heb je decoratieve afbeeldingen waarbij de alternatieve tekst bewust leeg is gelaten en staat in de HTML alt=""? Dan is dat nog steeds een geldige oplossing.

De nieuwe optie in WordPress 7.1 maakt vooral duidelijker dat het om een bewuste redactionele keuze gaat. Een kleine wijziging dus, maar wel eentje die helpt om digitale toegankelijkheid beter te borgen tijdens het beheren van content.

WordPress websites digitaal toegankelijk maken

Wil je meer weten over het digitaal toegankelijk maken van WordPress websites? Onze kennisbank staat vol met artikelen die je direct verder helpen. Daarnaast helpen we je graag verder met een training of advies op maat. Neem voor meer informatie contact op met de specialisten van Audit House.