Funkce

Základní testy Editoria11y odhalují více než 50 běžných problémů s přístupností obsahu; rozhodnutí, která snižují čitelnost, chyby, které zhoršují efektivitu odečítačů obrazovky, a problémy snižující SEO.

Doplňky přidávají přibližně 40 dalších testů pro vývojáře a designéry, vlastní testy a různé nástroje pro zajišťování kvality celého webu.

Testy obsahu se zaměřují na problémy, které se objevují po předání webů autorům obsahu. Weby musí být před spuštěním otestovány manuálními auditorskými nástroji, klávesnicemi a odečítači obrazovky, ale i nejpřístupnější web v den spuštění má tendenci se zhoršovat, jak úpravy přinášejí nové problémy.

To, co odlišuje Editoria11y od ostatních nástrojů přístupnosti, je to, že jeho testy běží živě, v prohlížeči, jak autoři upravují a prohlížejí svou práci. Autoři s větší pravděpodobností reagují na okamžitou, inline zpětnou vazbu, všimnou si upozornění a provedou opravy, než aby si pamatovali navštívit dashboard nebo spustit manuální kontrolu.

Pohled autora

Snímek obrazovky panelu nástrojů Editoria11y zobrazující 4 chyby.

Autoři vidí panel nástrojů Editoria11y při úpravě obsahu. Když jsou detekovány problémy, zbarví se žlutě nebo červeně a zobrazí počet problémů. Kliknutím na počet se přejde na první upozornění a otevře se jeho tooltip.

Tip oznamující, že odkaz je pojmenován pouze „klikněte zde".

Tipy se zobrazují inline, se srozumitelným popisem chyby, návrhy na opravu a poznámkami, proč na daném problému záleží.

Vizualizace osnovy nadpisů překryvně zobrazena na stránce

Panel nástrojů obsahuje další nástroje pro manuální kontroly, včetně vizualizace osnovy nadpisů, alt textů a hodnocení čitelnosti.

Ovládací prvky správce webu

Každý viditelný aspekt kontroly lze přizpůsobit. Parametry a události umožňují odebírání testů, přepisování tipů, vkládání vlastních testů a nastavení vlastních motivů.

Pluginy pro Drupal a WordPress přidávají další funkce, jako jsou synchronizované skrytí upozornění, přehledy pro celý web a exporty CSV.

Reportovací dashboard zobrazující nedávné problémy a stránky s nejvíce problémy.
Dashboard pro Drupal, který obsahuje filtrovatelné seznamy problémů, stránek s problémy a skrytých upozornění.

Testy

Testy Editoria11y se zaměřují na zlepšení webového zážitku pro všechny uživatele — posuzováno lidmi, nikoli jen technickými standardy. Zatímco klíčové testy mají pomoci dosáhnout Pokynů pro přístupnost webového obsahu (WCAG 2.2 AA), jiné jsou ovlivněny prací Pracovní skupiny pro přístupnost kognitivních a výukových postižení a obecnými osvědčenými postupy použitelnosti a designu.

Jednotlivé testy mohou být správci webu vypnuty.

Alternativní text obrázku

  • Obrázku chybí atribut alt
  • Alt text je název souboru
  • Alt text je zástupný text („TBD")
  • Alt text jsou nevyslovitelné symboly
  • Alt text obsahuje nadbytečná slova („obrázek zobrazující…")
  • Alt text je příliš dlouhý
  • Dekorativní obrázek může mít hodnotu
  • Obrázek karuselu označen jako dekorativní
  • Obrázek s titulkem nemá alt text
  • Alt text je duplicitní k titulku

Odkazované obrázky

  • Odkazovaný obrázek nemá alt text
  • Alt text odkazovaného obrázku je URL nebo název souboru
  • Alt text odkazovaného obrázku je zástupný text
  • Alt text odkazovaného obrázku jsou nevyslovitelné symboly
  • Alt text odkazovaného obrázku popisuje obrázek, nikoli odkaz
  • Alt text odkazovaného obrázku obsahuje nadbytečná slova
  • Alt text odkazovaného obrázku je příliš dlouhý
  • Obrázek v odkazu s textem nemá atribut alt

Vložená média

  • Video potřebuje titulky
  • Audio potřebuje přepis
  • Datová vizualizace potřebuje přístupnou alternativu
  • Frame (rámeček) nemá název
  • Frame je vyloučen z navigace klávesnicí
  • Obsah frame potřebuje manuální kontrolu přístupnosti
  • Odkazovaný dokument nemusí být přístupný pro odečítače obrazovky
  • PDF nemá přístupnou alternativu
  • Vnořené interaktivní komponenty rozvržení

Smysluplné odkazy

  • Prázdný odkaz
  • Text odkazu je URL
  • Text odkazu je pouze číslo DOI
  • Text odkazu říká „klikněte zde"
  • Text odkazu jsou pouze obecná slova („přečtěte více")
  • Různé odkazy sdílejí stejný text
  • Odkazovaná ikona nebo obrázek nemá textovou alternativu
  • Odkaz se otevírá v novém okně bez upozornění
  • Odkaz odkazuje na soubor bez upozornění
  • Text odkazu jsou pouze symboly nebo emoji
  • Smysluplný text odkazu skrytý před vidícími uživateli
  • Nadbytečný atribut title v odkazu
  • Nefunkční vnitrostránkový kotevní odkaz
  • Duplicitní atribut ID
  • Odkaz může ukazovat na vývojové prostředí

Nadpisy

  • Stránce chybí Nadpis 1
  • První nadpis je podnadpis
  • Nadpis přeskočil úroveň
  • Nadpis je prázdný
  • Obrázek použitý jako nadpis potřebuje alt text
  • Nadpis je velmi dlouhý
  • Tučný odstavec by mohl být nadpisem
  • Krátká bloková citace by mohla být nadpisem

Čitelnost textu

  • Nadměrný text psaný velkými písmeny
  • Velký blok tučného nebo kurzívního textu
  • Text je příliš malý
  • Text, který není odkazem, je podtržený
  • Text je zarovnaný do bloku
  • Dolní nebo horní index zneužitý jako formátování
  • Falešný seznam pomocí znaků nebo symbolů
  • Položka seznamu mimo seznam

Barevný kontrast

  • Text má nedostatečný kontrast
  • Kontrast textu vyžaduje manuální kontrolu
  • Ikona nebo grafika má nedostatečný kontrast
  • Kontrast ikony nebo grafiky vyžaduje manuální kontrolu
  • Vstupní text má nedostatečný kontrast
  • Zástupný text má nedostatečný kontrast

Tabulky

  • Tabulce chybí záhlaví řádku nebo sloupce
  • Buňka záhlaví tabulky je prázdná
  • Nadpis obsahu použitý uvnitř tabulky

Formuláře & interaktivní prvky

  • Tlačítko nemá přístupný popis
  • Tlačítko má neplatný popis ARIA
  • Popis tlačítka obsahuje slovo „tlačítko"
  • Viditelný popis neodpovídá přístupnému jménu
  • Vstupní pole nemá přiřazený popis
  • Vstupní pole používá pouze neviditelný popis
  • Vstupní pole používá jako popis pouze zástupný text
  • Tlačítko Reset může způsobit nechtěnou ztrátu dat
  • Prvek skrytý před odečítači obrazovky je stále dostupný klávesnicí
  • Kladný tabindex narušuje pořadí čtení a záložek

Metadata stránky

  • Chybí název stránky
  • Jazyk stránky není deklarován
  • Viewport zabraňuje škálování textu
  • Stránka se automaticky obnovuje

CSA funkce

Editoria11y propaguje přístupnost jedinečným způsobem. Jeho nástroje jsou vysoce účinné při pomoci netechnickým autorům připravit obsah, který mohou stejnou měrou užívat zdravotně postižení uživatelé webu. Považujeme to za veřejný statek, proto Editoria11y bude vždy zdarma k použití.

Vývoj a podpora Editoria11y ale zdarma nejsou.

CSA tuto mezeru vyplňuje: členové projektu financují vývoj knihovny Editoria11y, jejích pluginů pro CMS a sady CSA: rychle rostoucí sady open-source nástrojů pro zajišťování kvality, které poskytují podobnou funkcionalitu jako komerční produkty za výrazně nižší cenu. Sada CSA pro Drupal je momentálně dostupná zdarma v beta verzi a pro WordPress přijde ve 3. čtvrtletí 2026.

Probíhá prohledávání webu
Crawler CSA obnovuje dashboard.

Nástroje CSA

  • Vývojářské testy, testy čitelnosti a kontrastu.
  • Rozdělená konfigurace pro vývojáře a tvůrce obsahu na základě rolí.
  • Nástroje pro vlastní testy.
  • Jednoklikové skrytí upozornění pro celý web
  • Nástroje pro správu dashboardu a crawlery
Výběr barvy v tooltipu testu

Výhody členství CSA

  • Prioritní podpora.
  • Větší vliv na plán vývoje projektu.
  • Automatický přístup k novým funkcím v plánu.
  • Přímá asistence při nastavení (dle úrovně).
  • Zápis jako veřejný podporovatel (dle úrovně/na vyžádání; platí podmínky).

Máte zájem?

Sada CSA funguje na principu „přispějte, co uznáte za vhodné". Jádro Editoria11y, jak knihovna, tak pluginy, zůstane navždy zdarma.

Připojte se k CSA

Projekty sponzorované CSA

Aktivní

2. čtvrtletí 2026: Spuštění komunity Editoria11y CSA

Zbývající práce:

  • Vytvoření právnické entity pro zpracování předplatného a sponzorství.
  • Nastavení licenčního systému.
2. čtvrtletí 2026: Tvůrce vlastních pravidel
  1. Hotovo pro Drupal.
  2. Úkol: portovat tvůrce do WordPressu.
3. čtvrtletí 2026: Portace knihovny 3.x do WordPressu
  1. Vytvořit submodul CSA s funkcemi podporovanými komunitou
    • Vytvořit nástroje pro správu dashboardu pro odstranění zastaralých výsledků a znovu procházení existujícího obsahu.
    • Umožnit označení určitých testů jako OK pro celý web, nikoli pouze na jedné stránce.
    • Umožnit rozdělenou konfiguraci s oddělenými nastaveními a testy pro vývojáře a editory obsahu.

Nedávno dokončeno

1. čtvrtletí 2026: Přepis knihovny 3.x
  • Sloučení sad pravidel Editoria11y a Sa11y. Od forku Sa11y přibylo přibližně 50 dalších testů a podpora nástrojů ESM; Editoria11y přidal výkonnostní vylepšení a parametry pro kontrolu v reálném čase. Sa11y 4.2.2 a Editoria11y 3.0.0 zahajují naši společnou budoucnost.
  • Podpora „rozdělené konfigurace" umožňující oddělené sady pravidel pro vývojáře a tvůrce obsahu.
  • Strojové překlady pro čínštinu, dánštinu, holandštinu, němčinu, řečtinu, maďarštinu, italštinu, japonštinu, norský bokmål, polštinu, portugalštinu (Brazílie), portugalštinu (Portugalsko), španělštinu, švédštinu a ukrajinštinu jako šablony pro jazykové úpravy.
  • Aktuální stav: programátorská práce je hotová; vydání bude označeno po aktualizaci dokumentace a dem.
1. čtvrtletí 2026: Přepis modulu Drupal 3.x
  1. Rozšíření dashboardu o robustnější nástroje pro reportování a filtrování.
  2. Strojové překlady pro čínštinu, dánštinu, holandštinu, němčinu, řečtinu, maďarštinu, italštinu, japonštinu, norský bokmål, polštinu, portugalštinu (Brazílie), portugalštinu (Portugalsko), španělštinu, švédštinu a ukrajinštinu jako šablony pro jazykové úpravy.
  3. Přizpůsobení funkcí exportu CSV
  4. Vytvořit submodul CSA s funkcemi podporovanými komunitou
    • Vytvořit nástroje pro správu dashboardu pro odstranění zastaralých výsledků a znovu procházení existujícího obsahu.
    • Umožnit označení určitých testů jako OK pro celý web, nikoli pouze na jedné stránce.
    • Umožnit rozdělenou konfiguraci s oddělenými nastaveními a testy pro vývojáře a editory obsahu.

Ve fázi diskuse

Diskutujte a hlasujte o těchto nápadech v fórech knihovny Editoria11y.

U každého nápadu je uveden odhadovaný stupeň obtížnosti a priorita na základě aktuálních komunitních diskusí.

  • Dashboard pro monitorování více webů
  • Detekce nefunkčních odkazů
  • Skenování PDF
  • Záložka s umístěním kódu v tooltipu
  • Export přehledu stránky z tooltipu
  • Označená slova
  • CLI nástroje pro vývojáře
  • Záložkové lišty/Pluginy prohlížeče
  • Validace pravidel ACT
  • Rozšíření validace name/role/value