Funkcije

Jedro testov Editoria11y zazna več kot 50 pogostih težav dostopnosti vsebine; odločitve, ki škodijo berljivosti, napake, ki zmanjšujejo učinkovitost bralnikov zaslona, in napake, ki znižujejo SEO.

Nadgradnje zagotavljajo ~40 dodatnih testov za razvijalce in oblikovalce, teste po meri in razna orodja za zagotavljanje kakovosti na ravni spletnega mesta.

Vsebinski testi se osredotočajo na težave, ki se pojavijo po tem, ko so spletna mesta predana avtorjem vsebine. Pred lansiranjem je treba spletna mesta testirati z ročnimi revizijskimi orodji, tipkovnicami in bralniki zaslona, toda celo najbolj dostopno spletno mesto se sčasoma prične slabšati, ko uredniki skozi čas dodajajo vsebino.

Kar loči Editoria11y med orodji za dostopnost je to, da njegovi testi tečejo v živo, v brskalniku, ko avtorji urejajo in predogledajo svoje delo. Avtorji se bolj verjetno odzovejo na takojšnjo, vgrajeno povratno informacijo, opazijo opozorila in naredijo popravke, kot pa na e-poštna poročila o revizijah, ki jih prejmejo mesece po dodajanju vsebine.

Izkušnja avtorja

Posnetek zaslona orodne vrstice Editoria11y s 4 napakami.

Avtorji med urejanjem vsebine vidijo orodno vrstico Editoria11y. Ko so zaznane težave, postane rumena ali rdeča in prikaže število težav. S klikom na število se pomakne k prvemu opozorilu in odpre njegov opis.

Nasvet, ki opozarja, da je besedilo povezave samo »klikni tukaj«.

Nasveti se prikažejo vgrajeni s preprostim opisom napake, predlogi za popravek in opombami o tem, zakaj je težava pomembna.

Vizualizator strukture naslovov, prikazan čez stran

Orodna vrstica vsebuje dodatna orodja za ročna preverjanja, vključno z vizualizatorji strukture naslovov in alt besedil ter ocenjevanjem berljivosti.

Skrbniški nadzori

Vsak vidni vidik preverjevalnika je mogoče prilagoditi. Parametri in dogodki omogočajo odstranjevanje testov, prepisovanje nasvetov, vstavljanje testov po meri in nastavitev tem po meri.

Vtičniki za Drupal in WordPress dodajajo dodatne funkcije, kot so sinhronizirane opustitve, nadzorne plošče za celotno spletno mesto in izvozi poročil v CSV.

Poročevalska nadzorna plošča s prikazom nedavnih težav in strani z največ težavami.
Drupalova nadzorna plošča s filtrirani seznami težav, strani s težavami in opustitvami.

Testi

Testi Editoria11y se osredotočajo na izboljšanje izkušnje spleta za vse uporabnike, merjene z ljudmi, ne le s tehničnimi standardi. Medtem ko so ključni testi namenjeni pomoči pri doseganju Smernic za dostopnost spletnih vsebin (WCAG 2.2), testi vključujejo tudi »mehkejše« preveritve, ki pomagajo pri doseganju ciljev WCAG AAA in EN 301 549.

Posamezne teste lahko skrbniki spletnih mest izklopijo.

Alt besedilo slike

  • Sliki manjka atribut alt
  • Alt besedilo je ime datoteke
  • Alt besedilo je nadomestno (»TBD«)
  • Alt besedilo so neizgovorljivi simboli
  • Alt besedilo vsebuje odvečne besede (»slika …«)
  • Alt besedilo je predolgo
  • Dekorativna slika ima morda vrednost
  • Slika v vrtiljaku označena kot dekorativna
  • Slika s podpisom nima alt besedila
  • Alt besedilo podvaja napis

Slike s povezavami

  • Slika s povezavo nima alt besedila
  • Alt slike s povezavo je URL ali ime datoteke
  • Alt slike s povezavo je nadomestno besedilo
  • Alt slike s povezavo so neizgovorljivi simboli
  • Alt slike s povezavo opisuje sliko, ne povezave
  • Alt slike s povezavo vsebuje odvečne besede
  • Alt slike s povezavo je predolgo
  • Slika v povezavi z besedilom nima atributa alt

Vgrajeni mediji

  • Video potrebuje podnapise
  • Zvok potrebuje zapis
  • Podatkovna vizualizacija potrebuje dostopno alternativo
  • Okviru manjka naslov
  • Okvir je izključen iz navigacije s tipkovnico
  • Vsebina okvira potrebuje ročno preverjanje dostopnosti
  • Dokument s povezavo morda ni dostopen bralnikom zaslona
  • PDF nima dostopne alternative
  • Gnezdene interaktivne komponente postavitve

Smiselne povezave

  • Prazna povezava
  • Besedilo povezave je URL
  • Besedilo povezave je le DOI številka
  • Besedilo povezave pravi »klikni tukaj«
  • Besedilo povezave so le generične besede (»preberite več«)
  • Različne povezave si delijo enako besedilo
  • Ikona ali slika s povezavo nima besedilne alternative
  • Povezava se odpre v novem zavihku brez opozorila
  • Povezava kaže na datoteko brez opozorila
  • Besedilo povezave so le simboli ali emodžiji
  • Smiselno besedilo povezave skrito pred videnimi uporabniki
  • Odvečni opis (tooltip) povezave
  • Pokvarjena in-page kotviška povezava
  • Podvojen atribut ID
  • Povezava morda kaže na razvojno okolje

Naslovi

  • Strani manjka Naslov 1
  • Prva glava je podnaslov
  • Naslov preskočil raven
  • Naslov je prazen
  • Slika, uporabljena kot naslov, potrebuje alt besedilo
  • Naslov je zelo dolg
  • Odstavek v krepkem je morda naslov
  • Kratki blokni citat je morda naslov

Berljivost besedila

  • Prekomerno besedilo z velikimi črkami
  • Veliki blok krepkega ali ležečega besedila
  • Besedilo je premajhno
  • Nepovezano besedilo je podčrtano
  • Besedilo je poravnano
  • Nadpisanost ali podpisanost zlorabljena kot oblikovanje
  • Lažni seznam z znaki ali simboli
  • Element seznama zunaj seznama

Barvni kontrast

  • Besedilo ima nezadosten kontrast
  • Kontrast besedila zahteva ročno preverjanje
  • Ikona ali grafika ima nezadosten kontrast
  • Kontrast ikone ali grafike zahteva ročno preverjanje
  • Besedilo vnosnega polja ima nezadosten kontrast
  • Nadomestno besedilo ima nezadosten kontrast

Tabele

  • Tabeli manjka vrstica ali stolpec z glavo
  • Celica glave tabele je prazna
  • Naslov vsebine je uporabljen znotraj tabele

Obrazci & interaktivni elementi

  • Gumb nima dostopne oznake
  • Gumb ima neveljavno oznako ARIA
  • Oznaka gumba vsebuje besedo »gumb«
  • Vidna oznaka se ne ujema z dostopnim imenom
  • Vnosno polje nima povezane oznake
  • Vnosno polje uporablja le nevidno oznako
  • Vnosno polje uporablja le nadomestno besedilo kot oznako
  • Gumb za ponastavitev lahko povzroči nenamerno izgubo podatkov
  • Element je skrit pred bralniki zaslona, toda ga tipkovnica še vedno doseže
  • Pozitiven tabindeks krši vrstni red branja in tabulatorja

Metapodatki strani

  • Naslov strani manjka
  • Jezik strani ni deklariran
  • Vidni zaslon preprečuje skaliranje besedila
  • Stran se samodejno osveži

Funkcije CSA

Editoria11y promovira dostopnost na edinstven način. Njegova orodja so zelo učinkovita pri pomoči netehničnim avtorjem pri pripravi vsebine, ki jo enakopravno uživajo osebe z invalidnostjo na spletu. To štejemo za javno dobro, zato bo Editoria11y vedno brezplačno za uporabo — osnovna knjižnica in vtičniki za Drupal in WordPress.

Editoria11y pa ni brezplačen za razvoj ali podporo.

CSA zapolnjuje vrzel: člani projekta financirajo razvoj knjižnice Editoria11y, njenih vtičnikov za CMS in paketa CSA: hitro rastoči nabor odprtokodnih orodij za zagotavljanje kakovosti, ki zagotavljajo podobno funkcionalnost kot komercialni produkti, po bistveno nižji ceni.

Pregled spletnega mesta v teku
Pregledovalnik CSA osvežuje nadzorno ploščo.

Orodja CSA

  • Testi za razvijalce, berljivost in kontrast.
  • Konfiguracija, prilagojena vlogi, ločena za razvijalce in ustvarjalce vsebine.
  • Gradniki testov po meri.
  • Opustitve za celotno spletno mesto z enim klikom
  • Orodja za vzdrževanje nadzorne plošče in pregledovalniki
Barvni izbirnik v opisu testa

Ugodnosti članstva CSA

  • Prednostna podpora.
  • Tehtnejši vpliv na načrt razvoja projekta.
  • Samodejni dostop do novih funkcij na načrtu razvoja.
  • Neposredna pomoč pri namestitvi (odvisno od ravni).
  • Javno kreditiranje podpornikov (odvisno od ravni/na zahtevo; pogoji se uporabljajo).

Vas zanima?

Paket CSA je podprt z modelom prispevajte-kolikor-zmorete. Jedro Editoria11y, tako knjižnica kot vtičniki, ostane za vedno brezplačno.

Pridružite se CSA

Sponzorirani projekti CSA

Aktivno

Q2 2026: Zagon skupnosti Editoria11y CSA

Preostalo delo:

  • Ustvarjanje fiskalnega subjekta za obdelavo naročnin in sponzorstev.
  • Vzpostavitev sistema licenciranja.
Q2 2026: Gradnik pravil po meri
  1. Končano za Drupal.
  2. Naloga: prenos gradnika v WordPress.
Q3 2026: Prenos knjižnice 3.x v WordPress
  1. Ustvarjanje podmodula CSA s funkcijami, ki jih podpira skupnost
    • Ustvarjanje orodij za vzdrževanje nadzorne plošče za odstranitev zastarelih rezultatov in ponovni pregled obstoječe vsebine.
    • Omogočanje označevanja določenih testov za OK na ravni celotnega spletnega mesta, ne le na eni strani.
    • Omogočanje ločene konfiguracije z ločenimi nastavitvami in testi za razvijalce in urednike vsebine.

Nedavno končano

Q1 2026: Prepisovanje knjižnice 3.x
  • Združitev naborov pravil Editoria11y in Sa11y. Od razhajanja je Sa11y napisal ~50 dodatnih testov in sprejel orodja ESM, Editoria11y pa je implementiral izboljšave zmogljivosti in dodal parametre za omogočanje preverjanja v realnem času. Sa11y 4.2.2 in Editoria11y 3.x bosta ohranila oba nabora testov in bosta medsebojno kompatibilna.
  • Dodajanje podpore za »ločeno konfiguracijo« za ločene nabore pravil za razvijalce in ustvarjalce vsebine.
  • Dodajanje strojnih prevodov za kitajščino, danščino, nizozemščino, nemščino, grščino, madžarščino, italijanščino, japonščino, norveščino (bokmål), poljščino, portugalščino (Brazilija), portugalščino (Portugalska), španščino, švedščino in ukrajinščino kot predloge za človeško dodelovanje.
  • Trenutni status: kodirno delo je zaključeno; oznaka izdaje bo po posodobitvi dokumentacije in demonstracij.
Q1 2026: Prepisovanje modula Drupal 3.x
  1. Razširitev nadzorne plošče z robustnejšimi orodji za poročanje in filtriranje.
  2. Dodajanje strojnih prevodov za kitajščino, danščino, nizozemščino, nemščino, grščino, madžarščino, italijanščino, japonščino, norveščino (bokmål), poljščino, portugalščino (Brazilija), portugalščino (Portugalska), španščino, švedščino in ukrajinščino kot predloge za človeško dodelovanje.
  3. Prilagodljivost funkcij izvoza v CSV
  4. Ustvarjen podmodul CSA s funkcijami, ki jih podpira skupnost
    • Ustvarjanje orodij za vzdrževanje nadzorne plošče za odstranitev zastarelih rezultatov in ponovni pregled obstoječe vsebine.
    • Omogočanje označevanja določenih testov za OK na ravni celotnega spletnega mesta, ne le na eni strani.
    • Omogočanje ločene konfiguracije z ločenimi nastavitvami in testi za razvijalce in urednike vsebine.

V razpravi

Razpravljajte in glasujte o teh idejah v forumih knjižnice Editoria11y.

Ideje so označene z ocenami težavnosti/prioritete na podlagi trenutnih pogovorov skupnosti.

  • Nadzorna plošča za nadzor več spletnih mest
  • Zaznavanje pokvarjenih povezav
  • Skeniranje PDF-jev
  • Zavihek za lokacijo kode v opisu
  • Izvoz poročila strani iz opisa
  • Označene besede
  • CLI razvijalska orodja
  • Zaznamki/Vtičniki za brskalnik
  • Preverjanje pravil ACT
  • Razširitev preverjanja ime/vloga/vrednost