Verken die kern - Toeganklikheid-byvoegings in Joomla 4.1

Elkeen het sy eie voorkeure en behoeftes – en Joomla sorg vir almal.

Benewens al die maatreëls wat in die kern getref is om 'n toeganklike outeursinstrument te verskaf, is daar byvoegings in Joomla wat jou lewe makliker kan maak en jou gebruikers en kliënte gemakliker kan laat voel. 

Hierdie byvoegings kan nuttig wees - maar wees bewus daarvan dat hulle nie 'n webwerf op sigself toeganklik maak nie!

Agterkant: Individuele toeganklikheidinstellings

In Joomla 4 is dit moontlik om die instellings vir die backend op 'n gebruikersbasis te verander: elke gebruiker kan die backend by hul behoeftes aanpas Die toeganklikheidsinstellings kan gevind word onder die gebruikersprofiel (Gebruikers -> Bestuur) en in die gebruikerskieslys in die regter boonste hoek van jou backend.

toeganklikheid instellings

gebruiker van toeganklikheidinstellings

 

Daar is vier verskillende instellings wat individueel of in kombinasie gebruik kan word. Monochroom sal die kleure van die agterkant van blou na swart/wit verander:

toeganklikheidsinstellings monochroom

Hoë kontras sal 'n bietjie agtergrond verwyder en die kontras helderder maak:

toeganklikheid instellings hoë kontras

 

Highlight Links voeg onderstrepe en grense by alle skakels in die agterkant:

toeganklikheidinstellings beklemtoon skakels



Verhoog lettergrootte verander die basiese lettergrootte na 18px (die standaard lettergrootte in blaaiers is meestal 16px).

Vir gebruikers: Slaan-na-navigasie-inprop

Hierdie inprop is by verstek vir die agterkant geaktiveer, maar kan ook vir die voorkant geaktiveer word.

slaan oor na navigasie

 

Dit help sleutelbordgebruikers om direk na 'n streek van die werf oor te slaan. 

a11y navigasie backend

a11y navigasie oop agterkant

Vir gebruikers: Toeganklikheid-inprop

Die toeganklikheidinstellings is nuttig om die backend vir elke individuele backend-gebruiker aan te pas. Maar dit is ook moontlik om toeganklikheidskenmerke vir die besoekers van jou bladsy aan te bied. Die "Additional Accessibility Features"-inprop kan geaktiveer word vir backend, frontend of albei: 

toeganklikheidskenmerke

opsies vir toeganklikheidskenmerke

 

Die inprop voeg 'n knoppie onderaan die bladsy by.Om die funksies oop te maak/toe te maak kan jy 'n sneltoets gebruik, CTRL+ALT+A op Windows of CTRL+OPSIE+A op MacOS.

toeganklikheidskenmerke-knoppie

 

Met die inprop kan die gebruiker die lettergrootte vergroot of verklein en die teksspasiëring vergroot of verklein om inhoud leesbaarheid te verbeter.

Die gebruiker kan ook die kleure van die bladsy omkeer, onderstrepings by alle skakels voeg, die wyser groter maak, 'n leesgids aktiveer en ook teks na spraak omskakel.

toeganklikheidskenmerke oop
Skermskoot Firefox

 

Daar is 'n funksie om die grys skakerings van die bladsy te verander, wat in Edge of Chrome gebruik kan word, maar dit is in Firefox gedeaktiveer.

toeganklikheid kenmerke oop rand
Skermkiekie Edge

 

Vir sommige funksies is daar spesiale sneltoetse:

Module of funksie

sneltoets

Wissel Kieslys

CTRL + ALT + A

Grys ​​kleure

CTRL + ALT + G

Onderstreep skakels

CTRL + ALT + U

Groot wyser

CTRL + ALT + C

Leesgids

CTRL + ALT + R

Teks na spraak

CTRL + ALT + T

Spraak na teks

CTRL + ALT + S




leesgids vir toeganklikheidskenmerkeSkermskoot Cassiopeia-demobladsy met geaktiveerde leesgids

 

Die Addisionele Toeganklikheidskenmerke-inprop los geen toeganklikheidsprobleem op wat jou werf kan hê nie. Die webwerf moet van die begin af korrek gebou word vir toeganklikheid.

Mense met gestremdhede gebruik gespesialiseerde gereedskap (skermlesers, skermvergrootglas, braille-bosseleerders, ens.) en sal waarskynlik nie die inprop gebruik nie, maar dit kan die bruikbaarheid verbeter vir bejaardes, mense met gesiggestremdheid, mense met kognitiewe probleem me. Bv. 'n blinde sal 'n skermleser gebruik en nie die opsie om teks na spraak te verander nie, maar dit is 'n baie goeie oplossing vir bejaardes, wat ook 'n moeilike en tempo het, leeskwessies.

Teksvergroting is baie nuttig vir baie seniors en mense wat minder goed sien.Hulle weet dikwels nie van die moontlikhede van die blaaier nie en gebruik graag sulke hulpmiddels.

Die kontrasweergawe sal nie die korrekte kontraste op die webwerf vervang nie, maar dit kan nuttig wees vir mense wat swakker sig het of vir mense wat op die webwerf blaai, byvoorbeeld in 'n sonnige plek.

WCAG vereis nie dat die skakels onderstreep word nie (dit moet uitgelig word), maar onderstreepte skakels kan toeganklikheid verbeter vir gesiggestremde mense of vir mense wat sukkel om te konsentreer.

Vir gebruikers: Taal van onderdele in TinyMCE

Wat is dit?

'n Merker wat 'n deel van 'n teks as "ander taal" merk. Dit is nuttig vir soekenjins of skermlesers sodat hulle weet dat hulle hul taal of uitspraak moet verander. Stel jou voor 'n skermleser gebruik Engelse uitspraak vir 'n frase soos "honni soit qui mal y pense" - klink ongemaklik!

Hoe om te konfigureer?

In die TinyMCE-inprop kan u die tale definieer wat u in u tekste gebruik. 

taal van dele

 

As jy dit vir redigeerders maklik wil maak, trek dan die taalikoon na die toegelate ikone vir jou redigeerders. Andersins moet hulle 'n taal met die formaatknoppie kies en daarheen blaai.

taal van onderdele redakteur instellings

Hoe om dit in die redigeerder te gebruik?

Skryf jou artikel en stoor dit Merk dan dele wat in 'n ander taal is, klik die wêreldikoon of die formaat aftreklys en kies die taal van hierdie deel.

taal van dele redakteur

 

Nou is hierdie deel van die teks as Duits gemerk. Die skermleser sal die uitspraak dienooreenkomstig verander en soekenjins sal ook jou teks verstaan.

Vir skrywers en redakteurs: Toeganklikheidkontroleur - jooa11y 

Onthou hierdie artikel van Brian Teeman wat 'n nuwe en opwindende verbetering van Joomla aankondig: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Nou het ons dit aan boord! 

Hierdie inprop help om toeganklike inhoud op jou webwerf te verskaf.

Waar kan jy dit kry?

Dit is 'n stelsel-inprop, sy naam is jooa11y. Jy het hierdie inprop met Joomla weergawe 4.1.0, dit is standaard geaktiveer. 

toeganklikheidkontroler-inprop

 

In die inprop kan jy definieer watter area van jou werf gekontroleer is (verstek is die hoofarea) en jy kan sekere reëls insluit of uitsluit. Vir die begin hou net die vooraf gedefinieerde instellings.

Wie baat hierby?

Besoekers aan jou webwerf, want hulle kry hindernisvrye inhoud.

Skrywers van inhoud op jou werf, want hulle kan hindernisvrye inhoud produseer.

Agentskappe en webontwikkelaars - hulle het 'n produk wat dit moontlik maak om hindernissevrye inhoud te verskaf

Hoe om dit te gebruik?

Skryf enige artikel en stoor of maak enige bestaande artikel oop. 

Aktiveer die knoppie "Toeganklikheidkontrole" in die nutsbalk en die toeganklikheidkontroleerder sal dadelik in 'n voorskouvenster aandui of daar oortredings van die bekende reëls is. 

Neem asseblief kennis: net soos 'n spel- of grammatikatoetser, is hierdie 'n instrument, dit voer outomatiese kontroles uit. Dit kan nie oortredings vind teen reëls wat nie in die program gespesifiseer is nie en dit kan oortredings merk wat bedoel is en korrek is in die konteks van 'n artikel. Dit is altyd jou verantwoordelikheid.

Hoe werk dit?

Onthou jy seker die bekende reël “Kontras van tekskleur en agtergrondkleur moet 'n kontrasverhouding van > 4.5 hê”?

Die inprop kontroleer hierdie reël en vele ander een vir een en elke oortreding van 'n reël veroorsaak 'n fout en sal met 'n ikoon in die voorskou gemerk word.

U kan definieer watter area van u webwerf gekontroleer word (in die inpropparameters is verstek die hoofarea) en u kan sommige reëls insluit of uitsluit. 

Alhoewel sommige reëls goed gedefinieer is en beslis foute is, is ander reëls oortredings van goeie praktyk. Hulle is waarskuwings en jy kan self besluit of dit in orde is en bedoel in jou konteks of as jy dit moet regmaak. 

Agter elke ikoon kan jy 'n beskrywing vind - en soms raad oor hoe om die probleem op te los of wat die beste praktyk is.

toeganklikheidkontroleerder in aksie

 

In die regter onderkant gee die kontroleerder-ikoon die eerste inligting. Dit wys die aantal kwessies as kwessies gevind is. Deur die knoppie te klik, wissel gedetailleerde inligting in die teks.

Kom ons gaan stap vir stap deur: 

Die checker is gevind

  • Kontrasteer foute op twee plekke - dit is foute.
  • 'n Skakel wat target=_blank het. Dit kan korrek en bedoel wees - maar oor die algemeen is dit nie goeie praktyk nie en daarom word 'n waarskuwing vertoon. 
  • 'n Prent sonder alt-teks - dit is 'n fout. 

Opmerkings

Alle instellings en inproppe wat hier aangebied word los geen toeganklikheidsprobleem op jou werf op nie. Om 'n webwerf toeganklik te maak benodig jy 'n korrekte semantiese HTML-struktuur en goeie CSS. Joomla-kern help jou met toeganklike strukture in die verskillende aansigte, soos korrekte etikette en invoervelde in vorms. 

As jy 'n derdeparty-sjabloon gebruik, moet jy bewus wees van ignorering wat die oorspronklike struktuur van die aansigte verander. 'n Lekker sjabloon kan die toeganklikheid van 'n webwerf breek, as kleurkontras nie goed is nie of as elemente nie met sleutelbord bereikbaar is nie. Toeganklikheid het Baie fasette en inproppe is slegs 'n hulp vir besoekers wat jou webwerf op 'n ander manier gebruik as wat jy dalk doen.

Ruimte vir verbetering

Joomla is altyd "werk aan die gang" en die inproppe wat hier bespreek word, ontwikkel steeds. In die volgende Google Summer of Code het ons 'n toeganklikheidsprojek ingesluit wat die toeganklikheid-inprop moet verbeter. Bly ingeskakel en dink toeganklik!

Dankie

Hierdie artikel is 'n ko-produksie met Christiane Maier-Stadtherr . Kyk na hierdie skakel vir ander artikels deur Christiane .

Ons bedank Stefan Wajda vir sy nuttige kommentaar.

Ek is Rekenaarwetenskaplike en het altyd belang gestel in Gebruikersvriendelike Guis. Ek het Joomla in 2008 gevind en dit was verlore. Haargebruik het ek gelos om in Joomla te propram. So ek geniet dit nou om na hierdie wonderlike cms te beheer. 

https://volunteers.joomla.org/joomlers/1961-christiane-maier-stadtherr

 

Neem asseblief kennis dat hierdie webwerf 'n outomatiese vertaalstelsel gebruik om te help met die vertaling vir die verskillende tale. Ons vra om verskoning vir enige fout of tikfoute wat in die verskillende tekste getoon kan word.