Iedereen heeft zijn eigen voorkeuren en behoeften - en Joomla zorgt voor ze allemaal.

Naast alle maatregelen die in de kern zijn genomen om een ​​toegankelijke authoringtool te bieden, zijn er add-ons in Joomla die uw leven gemakkelijker kunnen maken en uw gebruikers en klanten comfortabeler kunnen maken. 

Deze toevoegingen kunnen nuttig zijn - maar houd er rekening mee dat ze een site op zichzelf niet toegankelijk maken!

Backend: individuele toegankelijkheidsinstellingen

In Joomla 4 is het mogelijk om de instellingen voor de backend op gebruikersbasis te wijzigen: elke gebruiker kan de backend aanpassen aan zijn behoeften.De toegankelijkheidsinstellingen zijn te vinden onder het gebruikersprofiel (Gebruikers -> Beheren) en in het gebruikersmenu in de rechterbovenhoek van uw backend.

 

Er zijn vier verschillende instellingen die afzonderlijk of in combinatie kunnen worden gebruikt Monochroom verandert de kleuren van de backend van blauw in zwart/wit:

Hoog contrast verwijdert wat achtergrond en maakt het contrast helderder:

 

Highlight Links voegt onderstrepingen en randen toe aan alle links in de backend:

Vergroot de lettergrootte verandert de basislettergrootte in 18 px (de standaard lettergrootte in browsers is meestal 16 px).

Voor gebruikers: Skip-to-navigatie plug-in

Deze plug-in is standaard ingeschakeld voor de backend, maar kan ook worden ingeschakeld voor de frontend.

 

Het helpt toetsenbordgebruikers om rechtstreeks naar een deel van de site te gaan. 

Voor gebruikers: plug-in voor toegankelijkheid

De toegankelijkheidsinstellingen zijn handig om de backend aan te passen voor elke individuele backend-gebruiker. Maar het is ook mogelijk om toegankelijkheidsfuncties aan te bieden voor de bezoekers van uw pagina. De plug-in "Extra toegankelijkheidsfuncties" kan worden geactiveerd voor backend, frontend of beide: 

 

De plug-in voegt een knop toe aan de onderkant van de pagina.Om de functies te openen / sluiten kunt u een sneltoets gebruiken, CTRL+ALT+A op Windows of CTRL+OPTION+A op MacOS.

 

Met de plug-in kan de gebruiker de lettergrootte vergroten of verkleinen en de tekstafstand vergroten of verkleinen om de leesbaarheid van de inhoud te verbeteren.

De gebruiker kan ook de kleuren van de pagina omkeren, onderstrepingen aan alle links toevoegen, de cursor groter maken, een leesgids activeren en ook tekst naar spraak converteren.

Schermafbeelding Firefox

 

Er is een functie om de grijstinten van de pagina te wijzigen, die kan worden gebruikt in Edge of Chrome, maar deze is gedeactiveerd in Firefox.

Schermafbeelding rand

 

Voor sommige functies zijn er speciale sneltoetsen:

Module of Functie	sneltoets
Wisselmenu	CTRL+ALT+A
Grijze tinten	CTRL+ALT+G
Onderstreep koppelingen	CTRL+ALT+U
Grote cursor	CTRL+ALT+C
Leesgids	CTRL+ALT+R
Tekst naar spraak	CTRL+ALT+T
Spraak naar tekst	CTRL+ALT+S

Screenshot Cassiopeia-demopagina met geactiveerde leesgids

 

De plug-in Extra toegankelijkheidsfuncties lost geen toegankelijkheidsproblemen op die uw site kan hebben.De website moet vanaf het begin correct zijn gebouwd voor toegankelijkheid.

Mensen met een handicap gebruiken gespecialiseerde hulpmiddelen (schermlezers, schermvergroters, braille-embossers, enz.) en zullen de plug-in waarschijnlijk niet gebruiken, maar het kan de bruikbaarheid verbeteren voor ouderen, mensen met visuele beperkingen, mensen met cognitieve problemen ms. Een blinde persoon zal bijvoorbeeld een schermlezer gebruiken en niet de mogelijkheid om tekst in spraak om te zetten, maar dit is een zeer goede oplossing voor ouderen, voor mensen die moeite hebben met concentreren, en ook voor mensen met tijdelijke leesproblemen.

Tekstvergroting is erg handig voor veel senioren en mensen die minder goed zien, die vaak niet op de hoogte zijn van de mogelijkheden van de browser en daar graag gebruik van maken.

De contrastversie zal de juiste contrasten op de website niet vervangen, maar kan wel handig zijn voor mensen die minder goed kunnen zien of voor mensen die de site bekijken, bijvoorbeeld op een zonnige plek.

WCAG vereist niet dat de links onderstreept zijn (ze moeten worden gemarkeerd), maar onderstreepte links kunnen de toegankelijkheid verbeteren voor mensen met een visuele beperking of voor mensen die moeite hebben met concentreren.

Voor gebruikers: Taal van onderdelen in TinyMCE

Wat is het?

Een tag die een deel van een tekst markeert als "andere taal". Het is handig voor zoekmachines of schermlezers, zodat ze weten dat ze hun taal of uitspraak moeten wijzigen. Stel je voor dat een schermlezer de Engelse uitspraak gebruikt voor een zin als "honni soit qui mal y pense" - klinkt vreemd!

Hoe te configureren?

In de TinyMCE-plug-in kunt u de talen definiëren die u in uw teksten gebruikt. 

 

Als je het redacteuren gemakkelijk wilt maken, sleep dan het taalpictogram naar de toegestane pictogrammen voor je redacteuren, anders moeten ze een taal selecteren met de opmaakknop en daar naar beneden scrollen.

Hoe gebruik je het in de editor?

Schrijf je artikel en sla het op Markeer vervolgens delen die in een andere taal zijn, klik op het wereldpictogram of de vervolgkeuzelijst Formaat en selecteer de taal van dit deel.

 

Dit deel van de tekst is nu getagd als Duits. De schermlezer zal de uitspraak dienovereenkomstig aanpassen en zoekmachines zullen uw tekst ook begrijpen.

Voor auteurs en redacteuren: Toegankelijkheidscontrole - jooa11y 

Onthoud dit artikel van Brian Teeman die een nieuwe en opwindende verbetering van Joomla aankondigt: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Nu hebben we het aan boord! 

Deze plug-in zorgt voor toegankelijke inhoud op uw website.

Waar kan je het vinden?

Het is een systeem-plug-in, de naam is jooa11y.Je hebt deze plug-in met Joomla versie 4.1.0, deze is standaard ingeschakeld. 

 

In de plug-in kunt u definiëren welk gebied van uw site wordt gecontroleerd (standaard is het hoofdgebied) en u kunt enkele regels opnemen of uitsluiten.Behoud om te beginnen gewoon de vooraf gedefinieerde instellingen.

Wie profiteert hiervan?

Bezoekers van uw site, omdat ze barrièrevrije inhoud krijgen.

Auteurs van inhoud op uw site, omdat ze barrièrevrije inhoud kunnen produceren.

Bureaus en webontwikkelaars - zij hebben producten die het mogelijk maken om barrièrevrije inhoud aan te bieden

Hoe te gebruiken?

Schrijf een artikel en bewaar of open een bestaand artikel. 

Activeer de knop “Toegankelijkheidscontrole” in de werkbalk en de toegankelijkheidscontrole zal onmiddellijk in een voorbeeldvenster aangeven of er overtredingen zijn van de bekende regels. 

Let op: dit is net als een spelling- of grammaticacontrole een hulpmiddel, het voert automatische controles uit, het kan geen overtredingen vinden van regels die niet in het programma zijn gespecificeerd en het kan overtredingen markeren die bedoeld en correct zijn in de context van een artikel, het is altijd uw verantwoordelijkheid.

Hoe werkt het?

U herinnert zich vast de beroemde regel “Contrast van tekstkleur en achtergrondkleur moet een contrastverhouding van > 4,5 hebben”?

De plug-in controleert deze regel en vele andere een voor een en elke overtreding van een regel veroorzaakt een fout en wordt gemarkeerd met een pictogram in het voorbeeld.

U kunt definiëren welk gebied van uw site wordt gecontroleerd (in de plug-inparameters is standaard het hoofdgebied) en u kunt enkele regels opnemen of uitsluiten. 

Hoewel sommige regels goed gedefinieerd zijn en absoluut fouten zijn, zijn andere regels schendingen van goede praktijken.Het zijn waarschuwingen en u kunt zelf beslissen of dit ok is en bedoeld in uw context of dat u dit moet oplossen. 

Achter elk pictogram vindt u een beschrijving - en soms advies over hoe u het probleem kunt oplossen of wat de beste werkwijze is.

 

Rechtsonder geeft het checker-pictogram de eerste informatie weer. Het toont het aantal problemen als er problemen zijn gevonden. Door op de knop te klikken, schakelt u tussen gedetailleerde informatie in de tekst.

Laten we stap voor stap doornemen: 

De checker is gevonden

• Contrastfouten op twee plaatsen - dit zijn fouten.
• Een link met target=_blank Dit kan correct en bedoeld zijn, maar over het algemeen is dit geen goede gewoonte en daarom wordt er een waarschuwing weergegeven. 
• Een afbeelding zonder alt-tekst - dit is een fout. 

Opmerkingen

Alle hier gepresenteerde instellingen en plug-ins lossen geen toegankelijkheidsproblemen op uw site op. Om een ​​website toegankelijk te maken heeft u een correcte semantische HTML-structuur en goede CSS nodig. Joomla core helpt u met toegankelijke structuren in de verschillende weergaven, zoals correcte labels en invoervelden in formulieren. 

Als u een sjabloon van derden gebruikt, moet u zich bewust zijn van overrides die de oorspronkelijke structuur van de weergaven wijzigen. Een mooie sjabloon kan de toegankelijkheid van een site verstoren als het kleurcontrast niet goed is of als elementen niet bereikbaar zijn via het toetsenbord. Toegankelijkheid heeft veel facetten en plug-ins zijn alleen een hulpmiddel voor bezoekers die uw website op een andere manier gebruiken dan u.

Ruimte voor verbetering

Joomla is altijd "work in progress" en de hier besproken plug-ins zijn nog in ontwikkeling. In de volgende Google Summer of Code hebben we een toegankelijkheidsproject opgenomen dat de toegankelijkheidsplug-in zou moeten verbeteren. Blijf op de hoogte en denk toegankelijk!

Bedankt

Dit artikel is een coproductie met Christiane Maier-Stadtherr .Kijk via deze link voor andere artikelen van Christiane .

We danken Stefan Wajda voor zijn nuttige opmerkingen.