Alla har sina egna preferenser och behov – och Joomla tar hand om dem alla.

Utöver alla åtgärder som vidtagits i kärnan för att tillhandahålla ett tillgängligt författarverktyg finns det tillägg i Joomla som kan göra ditt liv enklare och få dina användare och kunder att känna sig mer bekväma. 

Dessa tillägg kan vara användbara - men tänk på att de inte gör en webbplats tillgänglig av sig själva!

Backend: Individuella tillgänglighetsinställningar

I Joomla 4 är det möjligt att ändra inställningarna för backend på användarbasis: varje användare kan anpassa backend till sina behov Tillgänglighetsinställningarna finns under användarprofilen (Användare -> Hantera) och i användarmenyn i det övre högra hörnet av din backend.

 

Det finns fyra olika inställningar som kan användas individuellt eller i kombination. Monokrom kommer att ändra färgerna på backend från blå till svart/vit:

Hög kontrast tar bort lite bakgrund och gör kontrasten ljusare:

 

Markera länkar lägger till understrykningar och kanter till alla länkar i backend:

Öka teckensnittsstorlek ändrar den grundläggande teckensnittsstorleken till 18px (standardteckensnittsstorleken i webbläsare är oftast 16px).

För användare: Skip-to-navigation Plugin

Denna plugin är aktiverad som standard för backend, men kan också aktiveras för frontend.

 

Det hjälper tangentbordsanvändare att hoppa direkt till en region på webbplatsen. 

För användare: Accessibility Plugin

Tillgänglighetsinställningarna är användbara för att anpassa backend för varje enskild backend-användare. Men det är också möjligt att erbjuda tillgänglighetsfunktioner för besökarna på din sida. Pluginet "Ytterligare tillgänglighetsfunktioner" kan aktiveras för backend, frontend eller båda: 

 

Insticksprogrammet lägger till en knapp längst ner på sidan.För att öppna/stänga funktionerna kan du använda en snabbtangent, CTRL+ALT+A på Windows eller CTRL+OPTION+A på MacOS.

 

Med plugin-programmet kan användaren öka eller minska teckenstorleken och öka eller minska textavståndet för att förbättra innehållets läsbarhet.

Användaren kan även invertera sidans färger, lägga till understrykningar på alla länkar, göra markören större, aktivera en läsguide och även konvertera text till tal.

Skärmdump Firefox

 

Det finns en funktion för att ändra sidans grå nyanser, som kan användas i Edge eller Chrome, men den är avaktiverad i Firefox.

Skärmdump Edge

 

För vissa funktioner finns speciella snabbtangenter:

Modul eller funktion	snabbtangent
Växla meny	CTRL + ALT + A
Grå nyanser	CTRL + ALT + G
Stryk under länkar	CTRL + ALT + U
Stor markör	CTRL + ALT + C
Läsguide	CTRL + ALT + R
Text till tal	CTRL + ALT + T
Tal till text	CTRL + ALT + S

Skärmdump Cassiopeia demosida med aktiverad läsguide

 

Insticksprogrammet Ytterligare tillgänglighetsfunktioner löser inte några tillgänglighetsproblem som din webbplats kan ha. Webbplatsen måste byggas korrekt för tillgänglighet från början.

Personer med funktionsnedsättning använder specialiserade verktyg (skärmläsare, skärmförstorare, punktskriftsskrivare, etc.) och kommer förmodligen inte att använda pluginet, men det kan förbättra användbarheten för äldre, personer med synnedsättning, personer med kognitiva problem ms. T.ex. en blind person kommer att använda en skärmläsare och inte möjligheten att ändra text till tal, men detta är en mycket bra lösning för de äldre, som också har svårt, för dem som har svårt och har svårt, för dem som har det svårt och har svårt. läsfrågor.

Textförstoring är mycket användbart för många äldre och personer som ser sämre, de känner ofta inte till webbläsarens möjligheter och gillar att använda sådana verktyg.

Kontrastversionen ersätter inte de korrekta kontrasterna på webbplatsen, men den kan vara till hjälp för personer som har svagare syn eller för personer som surfar på sidan, till exempel på en solig plats.

WCAG kräver inte att länkarna är understrukna (de måste markeras), men understrukna länkar kan förbättra tillgängligheten för synskadade eller för personer som har svårt att koncentrera sig.

För användare: Delarnas språk i TinyMCE

Vad är det?

En tagg som markerar en del av en text som "annat språk". Det är användbart för sökmotorer eller skärmläsare så att de vet att de måste ändra sitt språk eller uttal. Föreställ dig att en skärmläsare använder engelskt uttal för en fras som "honni soit qui mal y pense" - låter besvärligt!

Hur konfigurerar man?

I TinyMCE-pluginet kan du definiera de språk du använder i dina texter. 

 

Om du vill göra det enkelt för redaktörer, dra sedan språkikonen till de tillåtna ikonerna för dina redaktörer, annars måste de välja ett språk med formatknappen och scrolla ner där.

Hur använder man det i editorn?

Skriv din artikel och spara den. Markera sedan delar som är på ett annat språk, klicka på världsikonen eller rullgardinsmenyn för format och välj språk för denna del.

 

Nu är denna del av texten taggad som tyska. Skärmläsaren kommer att ändra uttalet i enlighet med detta och sökmotorer kommer också att förstå din text.

För författare och redaktörer: Tillgänglighetskontroll - jooa11y 

Kom ihåg den här artikeln av Brian Teeman som tillkännager en ny och spännande förbättring av Joomla: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Nu har vi det ombord! 

Denna plugin hjälper till att tillhandahålla tillgängligt innehåll på din webbplats.

Var kan du hitta den?

Det är ett systemplugin, dess namn är jooa11y. Du har detta plugin med Joomla version 4.1.0, den är aktiverad som standard. 

 

I plugin-programmet kan du definiera vilket område på din webbplats som är markerat (standard är huvudområdet) och du kan inkludera eller utesluta vissa regler. Till att börja med behåll helt enkelt de fördefinierade inställningarna.

Vem tjänar på detta?

Besökare på din webbplats eftersom de får innehåll utan hinder.

Författare till innehåll på din webbplats, eftersom de kan producera innehåll utan hinder.

Byråer och webbutvecklare - de har produkter som gör det möjligt att tillhandahålla innehåll utan hinder

Hur man använder det?

Skriv vilken artikel som helst och spara eller öppna en befintlig artikel. 

Aktivera knappen "Tillgänglighetskontroll" i verktygsfältet och omedelbart kommer tillgänglighetskontrollen att indikera i ett förhandsgranskningsfönster om det finns brott mot de kända reglerna. 

Observera: precis som en stavnings- eller grammatikkontroll är detta ett verktyg, det utför automatiska kontroller. Det kan inte hitta överträdelser mot regler som inte är specificerade i programmet och det kan markera överträdelser som är avsedda och är korrekta i en artikels sammanhang. Det är alltid ditt ansvar.

Hur fungerar det?

Du kommer säkert ihåg den berömda regeln "Kontrast av textfärg och bakgrundsfärg måste ha ett kontrastförhållande på > 4,5"?

Insticksprogrammet kontrollerar denna regel och många andra en efter en och varje överträdelse av en regel utlöser ett fel och kommer att markeras med en ikon i förhandsgranskningen.

Du kan definiera vilket område på din webbplats som är markerat (i pluginparametrarna är standard huvudområdet) och du kan inkludera eller utesluta vissa regler. 

Medan vissa regler är väldefinierade och definitivt är fel, är andra regler brott mot god praxis. De är varningar och du kan själv bestämma om detta är ok och avsett i ditt sammanhang eller om du behöver fixa detta. 

Bakom varje ikon kan du hitta en beskrivning - och ibland råd om hur du löser problemet eller vad som är bästa praxis.

 

Längst ner till höger ger kontrollikonen den första informationen. Den visar antalet problem om problem hittades. Genom att klicka på knappen växlar du detaljerad information i texten.

Låt oss gå igenom steg för steg: 

Checkaren hittades

• Kontrastfel på två ställen - det här är fel.
• En länk som har target=_blank.Detta kan vara korrekt och avsett - men i allmänhet är det inte bra praxis och därför visas en varning. 
• En bild utan alt-text - detta är ett fel. 

Anmärkningar

Alla inställningar och plugins som presenteras här löser inga tillgänglighetsproblem på din webbplats. För att göra en webbplats tillgänglig behöver du en korrekt semantisk HTML-struktur och bra CSS. Joomla core hjälper dig med tillgängliga strukturer i de olika vyerna, som korrekta etiketter och inmatningsfält i formulär. 

Om du använder en mall från tredje part bör du vara medveten om åsidosättningar som ändrar den ursprungliga strukturen för vyerna. En snygg mall kan bryta tillgängligheten för en webbplats, om färgkontrasten inte är bra eller om element inte kan nås med tangentbordet. Tillgänglighet har Många aspekter och plugins är bara en hjälp för besökare som använder din webbplats på ett annat sätt som du kanske gör.

Plats för förbättring

Joomla är alltid "arbete på gång" och plugin-programmen som diskuteras här utvecklas fortfarande. Under nästa Google Summer of Code inkluderade vi ett tillgänglighetsprojekt som borde förbättra tillgänglighetsplugin. Håll utkik och tänk tillgängligt!

Tack

Den här artikeln är en samproduktion med Christiane Maier-Stadtherr . Kolla denna länk för andra artiklar av Christiane .

Vi tackar Stefan Wajda för hans hjälpsamma kommentarer.