Udforsk Core - Accessibility Add-ons i Joomla 4.1

Alle har sine egne præferencer og behov – og Joomla tager sig af dem alle.

Ud over alle de foranstaltninger, der er truffet i kernen for at levere et tilgængeligt forfatterværktøj, er der tilføjelser i Joomla, som kan gøre dit liv lettere og få dine brugere og kunder til at føle sig mere komfortable. 

Disse tilføjelser kan være nyttige - men vær opmærksom på, at de ikke gør et websted tilgængeligt af sig selv!

Backend: Individuelle tilgængelighedsindstillinger

I Joomla 4 er det muligt at ændre indstillingerne for backend på brugerbasis: hver bruger kan tilpasse backend til deres behov Tilgængelighedsindstillingerne kan findes under brugerprofilen (Brugere -> Administrer) og i brugermenuen i øverste højre hjørne af din backend.

tilgængelighedsindstillinger

bruger af tilgængelighedsindstillinger

 

Der er fire forskellige indstillinger, der kan bruges individuelt eller i kombination. Monokrom vil ændre farverne på backend fra blå til sort/hvid:

tilgængelighedsindstillinger monokrome

Høj kontrast fjerner noget baggrund og gør kontrasten lysere:

tilgængelighedsindstillinger høj kontrast

 

Highlight Links tilføjer understregninger og rammer til alle links i backend:

tilgængelighedsindstillinger fremhæver links



Forøg skriftstørrelse ændrer den grundlæggende skriftstørrelse til 18px (standardskriftstørrelsen i browsere er for det meste 16px).

For brugere: Skip-to-navigation Plugin

Dette plugin er som standard aktiveret for backend, men kan også aktiveres for frontend.

spring til navigation

 

Det hjælper tastaturbrugere med at springe direkte til en region på webstedet. 

a11y navigation backend

a11y navigation åben backend

For brugere: Tilgængelighedsplugin

Tilgængelighedsindstillingerne er nyttige til at tilpasse backend til hver enkelt backend-bruger. Men det er også muligt at tilbyde tilgængelighedsfunktioner til de besøgende på din side. Pluginnet "Yderligere tilgængelighedsfunktioner" kan aktiveres til backend, frontend eller begge dele: 

tilgængelighedsfunktioner

muligheder for tilgængelighedsfunktioner

 

Pluginnet tilføjer en knap nederst på siden For at åbne/lukke funktionerne kan du bruge en genvejstast, CTRL+ALT+A på Windows eller CTRL+OPTION+A på MacOS.

knap til tilgængelighedsfunktioner

 

Med plugin'et kan brugeren øge eller formindske skriftstørrelsen og øge eller mindske tekstafstanden for at forbedre indholdets læsbarhed.

Brugeren kan også invertere farverne på siden, tilføje understregninger til alle links, gøre markøren større, aktivere en læsevejledning og også konvertere tekst til tale.

tilgængelighedsfunktioner åbne
Skærmbillede af Firefox

 

Der er en funktion til at ændre sidens grå nuancer, som kan bruges i Edge eller Chrome, men den er deaktiveret i Firefox.

tilgængelighedsfunktioner åben kant
Screenshot Edge

 

Til nogle funktioner er der specielle genvejstaster:

Modul eller funktion

genvejstast

Skift menu

CTRL + ALT + A

Grå nuancer

CTRL + ALT + G

Understreg links

CTRL + ALT + U

Stor markør

CTRL + ALT + C

Læsevejledning

CTRL + ALT + R

Tekst til tale

CTRL + ALT + T

Tale til tekst

CTRL + ALT + S




læsevejledning til tilgængelighedsfunktionerSkærmbillede Cassiopeia demoside med aktiveret læsevejledning

 

Pluginnet Yderligere tilgængelighedsfunktioner løser ikke noget tilgængelighedsproblem, dit websted kan have. Hjemmesiden skal være bygget korrekt for tilgængelighed fra starten.

Mennesker med handicap bruger specialiserede værktøjer (skærmlæsere, skærmforstørrelsesglas, punktskriftsprægning osv.) og vil sandsynligvis ikke bruge plugin'et, men det kan forbedre brugervenligheden for ældre, mennesker med synshandicap, mennesker med kognitive problemer ms. Fx vil en blind bruge en skærmlæser og ikke muligheden for at ændre tekst til tale, men dette er en rigtig god løsning for de ældre, der også har det svært, for dem, der har det svært, og som også har det svært. læseproblemer.

Tekstforstørrelse er meget nyttigt for mange ældre og mennesker, der ser dårligere, de kender ofte ikke til browserens muligheder og kan lide at bruge sådanne værktøjer.

Kontrastversionen erstatter ikke de korrekte kontraster på hjemmesiden, men den kan være nyttig for folk, der har et svagere syn, eller for folk, der surfer på siden, for eksempel et solrigt sted.

WCAG kræver ikke, at linkene er understreget (de skal fremhæves), men understregede links kan forbedre tilgængeligheden for synshandicappede eller for personer, der har svært ved at koncentrere sig.

For brugere: Sprog for dele i TinyMCE

Hvad er det?

Et tag, der markerer en del af en tekst som "andet sprog". Det er nyttigt for søgemaskiner eller skærmlæsere, så de ved, at de skal ændre deres sprog eller udtale. Forestil dig, at en skærmlæser bruger engelsk udtale til en sætning som "honni soit qui mal y pense" - det lyder akavet!

Hvordan konfigureres?

I TinyMCE-plugin'et kan du definere de sprog, du bruger i dine tekster. 

deles sprog

 

Hvis du vil gøre det nemt for redaktører, så træk sprogikonet til de tilladte ikoner for dine redaktører. Ellers skal de vælge et sprog med formatknappen og scrolle derned.

sprog for deleredigeringsindstillinger

Hvordan bruger man det i editoren?

Skriv din artikel og gem den. Marker derefter dele, der er på et andet sprog, klik på verdensikonet eller format rullemenuen og vælg sproget for denne del.

deleredaktørens sprog

 

Nu er denne del af teksten tagget som tysk. Skærmlæseren vil ændre udtalen i overensstemmelse hermed, og søgemaskiner vil også forstå din tekst.

For forfattere og redaktører: Accessibility Checker - jooa11y 

Husk denne artikel af Brian Teeman, der annoncerer en ny og spændende forbedring af Joomla: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Nu har vi det ombord! 

Dette plugin hjælper med at give tilgængeligt indhold på dit websted.

Hvor kan du finde det?

Det er et system plugin, dets navn er jooa11y. Du har fået dette plugin med Joomla Version 4.1.0, det er aktiveret som standard. 

plugin til tilgængelighedstjek

 

I plugin'et kan du definere, hvilket område på dit websted, der er markeret (standard er hovedområdet), og du kan inkludere eller udelukke nogle regler. Til at starte med skal du blot beholde de foruddefinerede indstillinger.

Hvem har gavn af dette?

Besøgende på dit websted, fordi de får indhold uden barrierer.

Forfattere af indhold på dit websted, fordi de kan producere indhold uden barrierer.

Agenturer og webudviklere - de har et produkt, der gør det muligt at levere indhold uden barrierer

Brugsvejledning?

Skriv en hvilken som helst artikel og gem eller åbn en eksisterende artikel. 

Aktiver knappen "Tjek af tilgængelighed" i værktøjslinjen, og med det samme vil tilgængelighedskontrollen indikere i et forhåndsvisningsvindue, hvis der er overtrædelser af de kendte regler. 

Bemærk venligst: Ligesom en stave- eller grammatikkontrol er dette et værktøj, det udfører automatiske kontroller. Det kan ikke finde overtrædelser af regler, der ikke er specificeret i programmet, og det kan markere overtrædelser, som er tilsigtede og er korrekte i forbindelse med en artikel. Det er altid dit ansvar.

Hvordan virker det?

Du husker sikkert den berømte regel "Kontrast af tekstfarve og baggrundsfarve skal have et kontrastforhold på > 4,5"?

Pluginnet tjekker denne regel og mange andre én efter én, og hver overtrædelse af en regel udløser en fejl og vil blive markeret med et ikon i forhåndsvisningen.

Du kan definere, hvilket område af dit websted, der er markeret (i plugin-parametrene er standard hovedområdet), og du kan inkludere eller udelukke nogle regler. 

Mens nogle regler er veldefinerede og absolut er fejl, er andre regler overtrædelser af god praksis. De er advarsler, og du kan selv bestemme, om dette er ok og tilsigtet i din sammenhæng, eller om du skal rette op på dette. 

Bag hvert ikon kan du finde en beskrivelse - og nogle gange råd om, hvordan du løser problemet, eller hvad der er bedste praksis.

tilgængelighedskontrol i aktion

 

Nederst til højre giver kontrolikonet de første oplysninger. Det viser antallet af problemer, hvis der blev fundet problemer. Ved at klikke på knappen skifter du detaljeret information i teksten.

Lad os gennemgå trin for trin: 

Checkeren blev fundet

  • Kontrastfejl to steder - det er fejl.
  • Et link som har target=_blank Dette kan være korrekt og tilsigtet - men generelt er det ikke god praksis, og derfor vises en advarsel. 
  • Et billede uden alt-tekst - dette er en fejl. 

Bemærkninger

Alle indstillinger og plugins, der præsenteres her, løser ikke noget tilgængelighedsproblem på dit websted. For at gøre et websted tilgængeligt skal du have en korrekt semantisk HTML-struktur og god CSS. Joomla core hjælper dig med tilgængelige strukturer i de forskellige visninger, såsom korrekte etiketter og inputfelter i formularer. 

Hvis du bruger en tredjepartsskabelon, skal du være opmærksom på tilsidesættelser, der ændrer den oprindelige struktur af visningerne. En god skabelon kan bryde tilgængeligheden af ​​et websted, hvis farvekontrasten ikke er god, eller hvis elementer ikke er tilgængelige med tastaturet. Tilgængelighed har Mange facetter og plugins er kun en hjælp for besøgende, der bruger dit websted på en anden måde, som du måske gør.

Plads til forbedring

Joomla er altid "arbejde i gang", og de plugins, der diskuteres her, udvikler sig stadig. I den næste Google Summer of Code inkluderede vi et tilgængelighedsprojekt, der skulle forbedre tilgængelighedspluginnet. Hold dig opdateret og tænk tilgængeligt!

tak skal du have

Denne artikel er en co-produktion med Christiane Maier-Stadtherr . Tjek dette link for andre artikler af Christiane .

Vi takker Stefan Wajda for hans nyttige kommentarer.

Jeg er datamatiker og har altid været interesseret i brugervenlig Guis. Jeg fandt Joomla i 2008, og det var tabt. hårbrug overlod jeg til at propram i Joomla. Så jeg nyder nu at styre til denne fantastiske cms. 

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

 

Bemærk venligst, at denne hjemmeside bruger et automatisk oversættelsessystem til at hjælpe med oversættelsen til de forskellige sprog. Vi beklager enhver fejl eller fejl, der kan vises i de forskellige tekster.