Funkcie

Základné testy Editoria11y detegujú viac ako 50 bežných problémov s prístupnosťou obsahu; rozhodnutia, ktoré znižujú čitateľnosť, chyby, ktoré znižujú efektivitu čítačiek obrazovky, a chyby, ktoré zhoršujú SEO.

Doplnky poskytujú ~40 ďalších testov pre vývojárov a dizajnérov, vlastné testy a rôzne nástroje na kontrolu kvality celého webu.

Obsahové testy sa zameriavajú na problémy, ktoré sa objavujú po odovzdaní webov autorom obsahu. Weby musia byť pred spustením testované manuálnymi nástrojmi, klávesnicou a čítačkami obrazovky, ale aj ten najpristupnejší web v prvý deň má tendenciu sa zhoršovať, keď úpravy prinášajú nové problémy.

Čo odlišuje Editoria11y od ostatných nástrojov prístupnosti, je to, že jeho testy prebiehajú naživo, v prehliadači, keď autori upravujú a prehliadajú svoju prácu. Autori s väčšou pravdepodobnosťou reagujú na okamžitú, inline spätnú väzbu, všimnú si upozornenia a urobia opravy, ako si zapamätajú, že majú navštíviť dashboard alebo spustiť manuálnu kontrolu.

Skúsenosť autora

Snímka obrazovky panela Editoria11y zobrazujúca 4 chyby.

Autori vidia panel Editoria11y počas úpravy obsahu. Keď sú detegované problémy, panel sa sfarbí do žlta alebo červena a zobrazí počet problémov. Kliknutím na počet sa posunie na prvé upozornenie a otvorí sa jeho tooltip.

Tip upozorňujúci, že odkaz je pomenovaný iba „kliknite tu".

Tipy sa zobrazujú inline, s popisom problému v jednoduchom jazyku, návrhmi na opravu a poznámkami o tom, prečo na probléme záleží.

Vizualizátor štruktúry nadpisov prekrytý na stránke

Panel obsahuje ďalšie nástroje na manuálne kontroly, vrátane vizualizátorov osnovy nadpisov a alternatívnych textov a hodnotenia čitateľnosti.

Ovládacie prvky správcu webu

Každý viditeľný aspekt nástroja na kontrolu možno prispôsobiť. Parametre a udalosti umožňujú odstraňovanie testov, prepisovanie tipov, vkladanie vlastných testov a nastavenie vlastných tém.

Pluginy pre Drupal a WordPress pridávajú ďalšie funkcie, ako sú synchronizované odmietnutia, celositové dashboardy a export CSV správ.

Reportovací dashboard zobrazujúci nedávne problémy a stránky s najviac problémami.
Dashboard Drupalu, ktorý obsahuje filtrovateľné zoznamy problémov, stránky s problémami a odmietnutia.

Testy

Testy Editoria11y sa zameriavajú na zlepšenie skúsenosti webu pre všetkých používateľov, ako ju merajú ľudia, nielen technické normy. Kľúčové testy sú určené na pomoc pri dosahovaní Pravidiel prístupnosti webového obsahu (WCAG 2.2 AA), iné sú ovplyvnené prácou Pracovnej skupiny pre prístupnosť kognitívnych a vývojových postihnutí, ako aj všeobecnými osvedčenými postupmi použiteľnosti a dizajnu.

Jednotlivé testy môžu správcovia webu vypnúť.

Alternatívny text obrázka

  • Obrázku chýba atribút alt
  • Alternatívny text je názov súboru
  • Alternatívny text je zástupný text („TBD")
  • Alternatívny text je nevysloviteľný symbol
  • Alternatívny text obsahuje nadbytočné slová („obrázok…")
  • Alternatívny text je príliš dlhý
  • Dekoratívny obrázok môže mať hodnotu
  • Obrázok v karuseli označený ako dekoratívny
  • Obrázok s titulkom nemá alternatívny text
  • Alternatívny text duplikuje titulok

Prepojené obrázky

  • Prepojený obrázok nemá alternatívny text
  • Alternatívny text prepojeného obrázka je URL alebo názov súboru
  • Alternatívny text prepojeného obrázka je zástupný text
  • Alternatívny text prepojeného obrázka je nevysloviteľný symbol
  • Alternatívny text prepojeného obrázka opisuje obrázok, nie odkaz
  • Alternatívny text prepojeného obrázka obsahuje nadbytočné slová
  • Alternatívny text prepojeného obrázka je príliš dlhý
  • Obrázok v odkaze s textom nemá atribút alt

Vložené médiá

  • Video potrebuje titulky
  • Audio potrebuje prepis
  • Dátová vizualizácia potrebuje prístupnú alternatívu
  • Frame bez titulku
  • Frame vylúčený z navigácie klávesnicou
  • Obsah frame vyžaduje manuálnu kontrolu prístupnosti
  • Prepojený dokument nemusí byť prístupný pre čítačky obrazovky
  • PDF nemá prístupnú alternatívu
  • Vnorené interaktívne komponenty rozloženia

Zmysluplné odkazy

  • Prázdny odkaz
  • Text odkazu je URL
  • Text odkazu je iba číslo DOI
  • Text odkazu hovorí „kliknite tu"
  • Text odkazu sú iba generické slová („čítajte viac")
  • Rôzne odkazy zdieľajú rovnaký text
  • Prepojená ikona alebo obrázok nemá textovú alternatívu
  • Odkaz sa otvára v novom okne bez varovania
  • Odkaz ukazuje na súbor bez varovania
  • Text odkazu sú iba symboly alebo emoji
  • Zmysluplný text odkazu skrytý pred vidiacimi používateľmi
  • Nadbytočný atribút title v odkaze
  • Nefunkčný kotviaci odkaz na stránke
  • Duplicitný atribút ID
  • Odkaz môže ukazovať na vývojárske prostredie

Nadpisy

  • Stránke chýba Nadpis 1
  • Prvý nadpis je podnadpis
  • Nadpis preskočí úroveň
  • Nadpis je prázdny
  • Obrázok použitý ako nadpis potrebuje alternatívny text
  • Nadpis je veľmi dlhý
  • Tučný odsek by mohol byť nadpisom
  • Krátky blokový citát by mohol byť nadpisom

Čitateľnosť textu

  • Nadmerné používanie veľkých písmen
  • Veľký blok tučného alebo kurzívového textu
  • Text je príliš malý
  • Text bez odkazu je podčiarknutý
  • Text je zarovnaný do bloku
  • Dolný alebo horný index použitý nesprávne ako formátovanie
  • Falošný zoznam pomocou znakov alebo symbolov
  • Položka zoznamu mimo zoznamu

Farebný kontrast

  • Text má nedostatočný kontrast
  • Kontrast textu vyžaduje manuálnu kontrolu
  • Ikona alebo grafika má nedostatočný kontrast
  • Kontrast ikony alebo grafiky vyžaduje manuálnu kontrolu
  • Vstupný text má nedostatočný kontrast
  • Zástupný text má nedostatočný kontrast

Tabuľky

  • Tabuľke chýba riadok alebo stĺpec hlavičky
  • Bunka hlavičky tabuľky je prázdna
  • Obsahový nadpis použitý vnútri tabuľky

Formuláre & interaktívne prvky

  • Tlačidlo nemá prístupnú popisku
  • Tlačidlo má neplatný ARIA popis
  • Popiska tlačidla obsahuje slovo „tlačidlo"
  • Viditeľná popiska sa nezhoduje s prístupným názvom
  • Vstup nemá priradený popis
  • Vstup používa iba neviditeľnú popisku
  • Vstup používa ako popisku iba zástupný text
  • Tlačidlo Reset môže spôsobiť neúmyselnú stratu dát
  • Prvok skrytý pred čítačkami obrazovky, ale stále dostupný pomocou klávesnice
  • Kladný tabindex narúša poradie čítania a tabulátorov

Metadáta stránky

  • Chýba názov stránky
  • Jazyk stránky nie je deklarovaný
  • Viewport zabraňuje škálovaniu textu
  • Stránka sa automaticky obnovuje

Funkcie CSA

Editoria11y propaguje prístupnosť jedinečným spôsobom. Jeho nástroje sú veľmi efektívne pri pomoci netechnickým autorom pripravovať obsah, ktorý môžu rovnako využívať zdravotne postihnutí používatelia webu. Považujeme to za verejné dobro, preto Editoria11y bude vždy bezplatné na používanie.

Editoria11y však nie je bezplatné na vývoj ani podporu.

CSA vypĺňa túto medzeru: členovia projektu financujú vývoj knižnice Editoria11y, jej pluginov pre CMS a sady CSA: rýchlo rastúcej sady open-source nástrojov na zabezpečenie kvality poskytujúcej podobnú funkčnosť ako komerčné produkty, za oveľa nižšiu cenu. Sada CSA pre Drupal je momentálne dostupná zadarmo v beta verzii a pre WordPress sa objaví v Q3 2026.

Prebieha prehľadávanie webu
Prehľadávač CSA obnovuje dashboard.

Nástroje CSA

  • Testy pre vývojárov, čitateľnosť a kontrast.
  • Rozdelená konfigurácia na základe roly pre vývojárov a tvorcov obsahu.
  • Nástroje na tvorbu vlastných testov.
  • Celositeové odmietnutia jedným kliknutím
  • Nástroje na údržbu dashboardu a prehľadávače
Výber farieb v tooltipe testu

Výhody členstva CSA

  • Prioritná podpora.
  • Vážený vplyv na plán rozvoja projektu.
  • Automatický prístup k novým funkciám v pláne rozvoja.
  • Priama pomoc pri nastavení (závisí od úrovne).
  • Verejné poďakovanie podporovateľovi (závisí od úrovne/na žiadosť; platia podmienky).

Záujem?

Sada CSA je podporovaná modelom „prispejte, koľko môžete". Jadro Editoria11y — knižnica aj pluginy — zostanú navždy bezplatné.

Pridajte sa k CSA

Projekty sponzorované CSA

Aktívne

Q2 2026: Spustenie komunity Editoria11y CSA

Zostatok práce:

  • Vytvoriť fiškálny subjekt na spracovanie predplatného a sponzorstiev.
  • Nastaviť licenčný systém.
Q2 2026: Nástroj na tvorbu vlastných pravidiel
  1. Dokončené pre Drupal.
  2. Todo: preniesť nástroj na tvorbu do WordPress.
Q3 2026: Prenos knižnice 3.x do WordPress
  1. Vytvoriť CSA submodul s funkciami podporovanými komunitou
    • Vytvoriť nástroje na údržbu dashboardu na odstránenie zastaraných výsledkov a opätovné prehľadávanie existujúceho obsahu.
    • Umožniť označenie určitých testov ako OK na celom webe, nielen na jednej stránke.
    • Umožniť rozdelenú konfiguráciu so samostatnými nastaveniami a testami pre vývojárov a editorov obsahu.

Nedávno dokončené

Q1 2026: Prepísanie knižnice 3.x
  • Zlúčiť sady pravidiel Editoria11y a Sa11y. Od odvetvenenia Sa11y napísalo ~50 ďalších testov a prijalo nástroje ESM, a Editoria11y implementovalo vylepšenia výkonu a pridalo parametre na umožnenie kontroly v reálnom čase. Sa11y 4.2.2 a Editoria11y 3.0.0 zahájia našu spoločnú budúcnosť.
  • Pridať podporu „rozdelenej konfigurácie" pre samostatné sady pravidiel pre vývojárov a tvorcov obsahu.
  • Pridať strojové preklady pre čínštinu, dánčinu, holandčinu, nemčinu, gréčtinu, maďarčinu, taliančinu, japončinu, nórsku bokmalovčinu, poľštinu, portugalčinu (Brazília), portugalčinu (Portugalsko), španielčinu, švédčinu a ukrajinskú ako šablóny na ľudské doladenie.
  • Aktuálny stav: kódovacie práce sú dokončené; vydanie bude označené po aktualizácii dokumentácie a ukážok.
Q1 2026: Prepísanie modulu Drupal 3.x
  1. Rozšíriť dashboard o robustnejšie nástroje na reportovanie a filtrovanie.
  2. Pridať strojové preklady pre čínštinu, dánčinu, holandčinu, nemčinu, gréčtinu, maďarčinu, taliančinu, japončinu, nórsku bokmalovčinu, poľštinu, portugalčinu (Brazília), portugalčinu (Portugalsko), španielčinu, švédčinu a ukrajinskú ako šablóny na ľudské doladenie.
  3. Umožniť prispôsobenie funkcií exportu CSV
  4. Vytvoriť CSA submodul s funkciami podporovanými komunitou
    • Vytvoriť nástroje na údržbu dashboardu na odstránenie zastaraných výsledkov a opätovné prehľadávanie existujúceho obsahu.
    • Umožniť označenie určitých testov ako OK na celom webe, nielen na jednej stránke.
    • Umožniť rozdelenú konfiguráciu so samostatnými nastaveniami a testami pre vývojárov a editorov obsahu.

V diskusii

Diskutujte a hlasujte o týchto nápadoch vo fórach knižnice Editoria11y.

Nápady sú označené odhadmi náročnosti/priority na základe aktuálneho komunitného záujmu.

  • Dashboard na monitorovanie viacerých webov
  • Detekcia nefunkčných odkazov
  • Skenovanie PDF
  • Záložka s umiestnením kódu v tooltipe
  • Export správy stránky v tooltipe
  • Označené slová
  • Vývojárske CLI nástroje
  • Záložky/Pluginy prehliadača
  • Validácia pravidiel ACT
  • Rozšírenie validácie name/role/value