Pravidla přístupnosti, která kontrolujeme

Úroveň, o kterou se opírají EN 301 549, EAA, BFSG a ADA. Každý takový problém se ve zprávě počítá.

• Závažné WCAG 2.4.4 A

  Klikatelné oblasti obrázku nemají popis

  Stránka používá obrázkovou mapu (jeden obrázek rozdělený na několik klikatelných oblastí) a některé oblasti nemají text, který říká, kam vedou.

  area-alt

• Střední WCAG 4.1.2 A

  Atributy přístupnosti jsou použity na nesprávných prvcích

  Některé prvky mají atributy přístupnosti, které pro jejich typ nejsou povolené.

  aria-allowed-attr

• Střední WCAG 4.1.2 A

  Některé prvky mají popisek pro Braillovo písmo, ale ne běžný název

  Některé prvky mají popisek určený jen pro braillské řádky (aria-braillelabel nebo aria-brailleroledescription), ale chybí jim běžný popisek nebo popis, který má doplňovat.

  aria-braille-equivalent

• Kritické WCAG 4.1.2 A

  Vlastní tlačítka nemají název

  Některé prvky, které fungují jako tlačítka, odkazy nebo položky menu, jsou vytvořené na míru a nemají čitelný název.

  aria-command-name

• Střední WCAG 4.1.2 A

  Atributy přístupnosti jsou použity v nesprávné situaci

  Některé prvky používají atributy přístupnosti, které jsou pro jejich typ povoleny jen za určitých podmínek, například aria-checked na skutečném zaškrtávacím poli nebo atributy stromové tabulky na běžném řádku tabulky.

  aria-conditional-attr

• Drobné WCAG 4.1.2 A

  Některé prvky používají zastaralé role přístupnosti

  Některé prvky používají role, které standard přístupnosti WAI-ARIA označil za zastaralé, například role="directory".

  aria-deprecated-role

• Kritické WCAG 1.3.1 A

  Celá stránka je skrytá před čtečkami obrazovky

  Prvek <body> stránky má aria-hidden="true", což čtečkám obrazovky říká, aby celý její obsah ignorovaly.

  aria-hidden-body

• Závažné WCAG 4.1.2 A

  Skryté prvky jsou stále dosažitelné klávesnicí

  Některé části stránky jsou skryté před čtečkami obrazovky, ale klávesnicí se na ně stále dá přejít.

  aria-hidden-focus

• Kritické WCAG 4.1.2 A

  Vlastní vstupní pole nemají popisek

  Některá pole vytvořená na míru, například vyhledávání nebo výběr země, nemají název, který by asistenční technologie dokázaly přečíst.

  aria-input-field-name

• Střední WCAG 1.1.1 A

  Některé ukazatele úrovně nemají název

  Některé prvky označené jako ukazatel úrovně (meter, například síla hesla, stav skladu nebo hodnocení) nemají text, který říká, co měří.

  aria-meter-name

• Střední WCAG 1.1.1 A

  Některé ukazatele průběhu nemají název

  Některé prvky označené jako ukazatel průběhu nemají text, který říká, co ukazují, například „nakupte ještě za 500 Kč a máte dopravu zdarma“, kroky objednávky nebo indikátor načítání.

  aria-progressbar-name

• Střední WCAG 4.1.2 A

  Některé popisky jsou tam, kde je čtečky obrazovky ignorují

  Některé prvky používají atributy přístupnosti, které jsou pro jejich typ zakázané, nejčastěji aria-label na obyčejném <div> nebo <span> bez role.

  aria-prohibited-attr

• Závažné WCAG 4.1.2 A

  Vlastním ovládacím prvkům chybí povinné informace

  Některé vlastní ovládací prvky mají nastavenou roli, ale chybí jim informace, které tato role vyžaduje, například zda je rozbalovací seznam otevřený.

  aria-required-attr

• Závažné WCAG 1.3.1 A

  Vlastní menu nebo seznamy jsou sestavené nesprávně

  Některé vlastní komponenty, například menu, seznamy záložek nebo výběrové seznamy, neobsahují položky, které v nich mají být.

  aria-required-children

• Střední WCAG 1.3.1 A

  Vlastní položky menu nebo záložky jsou mimo svou skupinu

  Některé vlastní položky, například položky menu, záložky nebo možnosti výběru, nejsou uvnitř skupiny, do které patří.

  aria-required-parent

• Závažné WCAG 4.1.2 A

  Některé prvky mají roli, která neexistuje

  Některé prvky mají atribut role s překlepem, vymyšlenou nebo abstraktní hodnotou, takže asistivní technologie nepoznají, o jaký prvek jde.

  aria-roles

• Závažné WCAG 4.1.2 A

  Některé přepínače a zaškrtávací políčka nemají název

  Některé vlastní přepínací prvky (zaškrtávací políčka, přepínače, přepínací tlačítka nebo položky menu vytvořené pomocí rolí ARIA) nemají čitelný popisek.

  aria-toggle-field-name

• Střední WCAG 4.1.2 A

  Některé nápovědy jsou prázdné

  Některé prvky označené jako nápověda (role="tooltip") neobsahují čitelný text.

  aria-tooltip-name

• Závažné WCAG 4.1.2 A

  Atributy přístupnosti jsou napsané s chybou

  Některé atributy začínají na "aria-", ale nejde o skutečné atributy ARIA, obvykle kvůli překlepu.

  aria-valid-attr

• Závažné WCAG 4.1.2 A

  Atributy přístupnosti mají nesprávné hodnoty

  Některé atributy přístupnosti v kódu mají nepovolené hodnoty nebo odkazují na prvky, které na stránce neexistují.

  aria-valid-attr-value

• Střední WCAG 1.3.5 AA

  Pole v pokladně se nevyplňují automaticky

  Některá pole formulářů mají neplatné hodnoty autocomplete nebo hodnoty, které k poli nepasují, takže je prohlížeč nedokáže vyplnit.

  autocomplete-valid

• Střední WCAG 1.4.12 AA

  Mezery v textu nelze upravit

  U části textu jsou řádkování, mezery mezi písmeny nebo slovy pevně nastaveny přes !important v atributu style, takže si je čtenáři nemohou změnit vlastním nastavením.

  avoid-inline-spacing

• Drobné WCAG 2.2.2 A

  Stránka obsahuje zastaralý kód blikajícího textu

  Na stránce je starý prvek <blink>, který měl text rozblikat.

  blink

• Kritické WCAG 4.1.2 A

  Některá tlačítka nemají název

  Některá tlačítka nemají čitelný popisek, například tlačítko „do košíku“, vyhledávání nebo menu zobrazené jen jako ikona.

  button-name

• Závažné WCAG 2.4.1 A

  Chybí rychlý přechod na hlavní obsah

  Stránka nemá odkaz pro přeskočení, nadpis ani oblast main, díky kterým by uživatelé klávesnice a čteček obrazovky přeskočili záhlaví a menu.

  bypass

• Závažné WCAG 1.4.3 AA

  Text se špatně čte kvůli nízkému kontrastu

  Některý text je vůči pozadí příliš světlý, například šedý text na bílé nebo bílý text na bledém tlačítku.

  color-contrast

• Závažné WCAG 1.3.4 AA

  Web funguje jen v jedné orientaci obrazovky

  Styly webu vynucují pouze orientaci na výšku nebo na šířku, takže když se telefon nebo tablet drží jinak, obsah se otočí, ořízne nebo zmizí.

  css-orientation-lock

• Drobné WCAG 1.3.1 A

  Seznam názvů a hodnot je sestavený nesprávně

  Seznam definic (<dl>), často používaný pro parametry produktu nebo zvolené možnosti, obsahuje prvky na špatném místě nebo ve špatném pořadí.

  definition-list

• Drobné WCAG 1.3.1 A

  Název nebo hodnota stojí mimo svůj seznam

  Prvek <dt> nebo <dd> (název nebo hodnota, často v parametrech produktu) není uvnitř seznamu definic <dl>.

  dlitem

• Střední WCAG 2.4.2 A

  Stránka nemá titulek

  Stránka nemá v kódu titulek, takže záložky prohlížeče, uložené odkazy a čtečky obrazovky nezobrazí nic užitečného.

  document-title

• Závažné WCAG 4.1.2 A

  Některé popisky odkazují na nesprávný prvek

  Několik prvků má stejné id a toto id slouží k propojení popisku, popisu nebo chybové hlášky s polem či ovládacím prvkem.

  duplicate-id-aria

• Střední WCAG 3.3.2 A

  Některá pole formulářů mají více popisků

  Pole formuláře, například e-mail, množství nebo adresa, je propojeno se dvěma či více prvky <label>.

  form-field-multiple-labels

• Závažné WCAG 2.1.1 A

  Uživatelé klávesnice se nedostanou k vloženému obsahu

  Vložený rámec (iframe) obsahuje odkazy, tlačítka nebo pole formuláře, ale samotný rámec má nastaveno tabindex="-1", čímž je vyřazen z pořadí procházení klávesnicí.

  frame-focusable-content

• Střední WCAG 4.1.2 A

  Vložený obsah nemá název

  Vložený rámec, například video, mapa, chat nebo platební widget, nemá titulek, který by ho popisoval.

  frame-title

• Střední WCAG 4.1.2 A

  Několik vložených rámců má stejný název

  Dva či více vložených rámců (iframe) na stránce má stejný title, přestože zobrazují různý obsah, například několik produktových videí s názvem „YouTube video player“.

  frame-title-unique

• Závažné WCAG 3.1.1 A

  Stránka neuvádí, v jakém je jazyce

  Stránka neuvádí svůj jazyk, takže asistenční technologie musí odhadovat, jak text vyslovit.

  html-has-lang

• Závažné WCAG 3.1.1 A

  Jazyk stránky je nastavený chybně

  Stránka uvádí kód jazyka, který neexistuje, například s překlepem nebo vymyšlenou hodnotou.

  html-lang-valid

• Střední WCAG 3.1.1 A

  Stránka uvádí dva různé jazyky

  Značka <html> stránky má atribut lang i xml:lang a každý uvádí jiný jazyk, například lang="de" a xml:lang="en".

  html-xml-lang-mismatch

• Závažné WCAG 1.1.1 A

  Obrázky nemají textový popis

  Některé obrázky nemají alternativní text, takže lidé, kteří je nevidí, se nedozví, co zobrazují.

  image-alt

• Kritické WCAG 4.1.2 A

  Některá tlačítka formulářů nemají název

  Některá tlačítka vytvořená pomocí <input type="button">, "submit" nebo "reset" nemají čitelný text, například tlačítko vyhledávání nebo přihlášení k newsletteru jen s ikonou či prázdnou hodnotou value.

  input-button-name

• Kritické WCAG 1.1.1 A

  Obrázkové tlačítko nemá textový popis

  Tlačítko vytvořené z obrázku nemá textovou alternativu, takže není jasné, co dělá.

  input-image-alt

• Kritické WCAG 4.1.2 A

  Pole formuláře nemají popisek

  Některá pole formulářů nemají popisek, který by asistenční technologie dokázaly přečíst, takže není jasné, co do nich vyplnit.

  label

• Střední WCAG 2.5.3 A

  Skrytý název tlačítek se liší od viditelného textu

  Některá tlačítka nebo odkazy zobrazují na obrazovce jeden text, ale mají jiný skrytý název (aria-label), který viditelná slova neobsahuje, například tlačítko „Koupit nyní“ s názvem „Odeslat“.

  label-content-name-mismatch

• Střední WCAG 1.4.1 A

  Odkazy v textu vypadají jako běžný text

  Některé odkazy v odstavcích se odlišují jen barvou, bez podtržení nebo jiného viditelného označení.

  link-in-text-block

• Závažné WCAG 2.4.4 A

  Některé odkazy neříkají, kam vedou

  Některé odkazy nemají čitelný text, často jde o ikony jako košík, srdíčko nebo logo bez textového popisku.

  link-name

• Drobné WCAG 1.3.1 A

  Seznam je sestavený nesprávně

  Odrážkový nebo číslovaný seznam obsahuje prvky, které do seznamu přímo nepatří.

  list

• Drobné WCAG 1.3.1 A

  Položka seznamu je mimo seznam

  Prvek označený jako položka seznamu není uvnitř seznamu, takže se ztrácí jeho struktura.

  listitem

• Střední WCAG 2.2.2 A

  Některý text se posouvá a nejde zastavit

  Stránka používá zastaralý prvek <marquee>, obvykle běžící pruh typu „Doprava zdarma nad 1 000 Kč“ nebo oznámení o výprodeji.

  marquee

• Závažné WCAG 2.2.1 A

  Stránka se sama obnovuje nebo přesměrovává

  Stránka používá <meta http-equiv="refresh"> se zpožděním, takže se po několika sekundách či minutách sama znovu načte nebo přejde na jinou adresu, aniž by o to zákazník požádal.

  meta-refresh

• Závažné WCAG 1.4.4 AA

  Návštěvníci si nemohou stránku na mobilu přiblížit

  Stránka mobilním prohlížečům zakazuje nebo omezuje přiblížení prsty.

  meta-viewport

• Závažné WCAG 4.1.2 A

  Klikací prvky jsou vnořené do sebe

  Některé klikací prvky jsou uvnitř jiných klikacích prvků, například tlačítko seznamu přání uvnitř klikací karty produktu.

  nested-interactive

• Střední WCAG 1.4.2 A

  Některá videa nebo zvuky se spouštějí samy se zvukem

  Video nebo zvukový prvek se sám spustí i se zvukem, například video v úvodním banneru, video k produktu nebo hudba na pozadí, a nemusí jít snadno zastavit.

  no-autoplay-audio

• Střední WCAG 1.1.1 A

  Některé vložené soubory nebo média nemají textový popis

  Obsah vložený pomocí značky <object>, například tabulka velikostí v PDF, katalog, interaktivní prohlížeč nebo starší média, nemá text, který by říkal, o co jde.

  object-alt

• Střední WCAG 1.3.1 A

  Některé nadpisy jsou jen tučný nebo velký text

  Některé odstavce vypadají jako nadpisy, protože jsou tučné, kurzívou nebo větší, ale v kódu jde o běžný text, ne o skutečné nadpisy.

  p-as-heading

• Střední WCAG 1.1.1 A

  Některé grafické prvky nemají textový popis

  Některé prvky jsou označené jako obrázky, ale nemají textovou alternativu, například hvězdičkové hodnocení nebo grafické ikony.

  role-img-alt

• Závažné WCAG 2.1.1 A

  Některé posuvné oblasti nejdou ovládat klávesnicí

  Některé boxy na stránce se posouvají, ale uživatelé klávesnice se do nich nedostanou, aby je mohli posunout.

  scrollable-region-focusable

• Kritické WCAG 4.1.2 A

  Rozbalovací seznam nemá popisek

  Rozbalovací seznam nemá popisek, který by asistenční technologie dokázaly přečíst.

  select-name

• Drobné WCAG 2.1.1 A

  Klikací obrázek funguje jen s myší

  Stránka používá serverovou mapu obrázku: obrázek v odkazu, u kterého server podle přesného místa kliknutí rozhodne, co otevřít, například stará mapa poboček nebo klikací obrázek katalogu.

  server-side-image-map

• Závažné WCAG 4.1.2 A

  Některé rozbalovací sekce nemají název

  Klikací záhlaví rozbalovací sekce (prvek <summary>) nemá čitelný text, například akordeon s detaily produktu, skupina filtrů, otázka v FAQ nebo menu otevírané ikonou.

  summary-name

• Střední WCAG 1.1.1 A

  Některé vektorové grafiky nemají textový popis

  Některé grafiky SVG, například loga, ikony nebo štítky, jsou označené jako obrázky, ale nemají textovou alternativu.

  svg-img-alt

• Drobné WCAG 1.3.1 A

  Název tabulky je zapsaný v buňce tabulky

  Datová tabulka, například tabulka velikostí nebo ceník, má název ve sloučeném prvním řádku buněk místo ve správném popisku tabulky.

  table-fake-caption

• Střední WCAG 2.5.8 AA

  Tlačítka a odkazy jsou příliš malé na pohodlné klepnutí

  Některá tlačítka nebo odkazy jsou menší než 24 × 24 pixelů a jsou příliš blízko sousedních prvků.

  target-size

• Střední WCAG 1.3.1 A

  Velké tabulky mají buňky bez záhlaví

  Větší datová tabulka (více než 3 × 3 buňky), například tabulka velikostí, technických parametrů nebo cen dopravy, nemá buňky záhlaví, takže hodnoty nejsou propojené s tím, co znamenají.

  td-has-header

• Střední WCAG 1.3.1 A

  Některé buňky tabulky odkazují na nesprávná záhlaví

  Tabulka, například tabulka velikostí, technických parametrů nebo cen dopravy, propojuje buňky se záhlavími pomocí atributu headers, ale některé odkazy nevedou na buňky záhlaví ve stejné tabulce.

  td-headers-attr

• Střední WCAG 1.3.1 A

  Některá záhlaví tabulky nepopisují žádná data

  Tabulka obsahuje buňky záhlaví (<th>), které nejsou spojené s žádnými datovými buňkami, například prázdný řádek záhlaví v tabulce velikostí nebo tabulka, která používá <th> jen pro tučné písmo.

  th-has-data-cells

• Střední WCAG 3.1.2 AA

  Část textu má nesprávný kód jazyka

  Část stránky, například přepínač jazyků, citace nebo blok textu v jiném jazyce, uvádí kód jazyka, který neexistuje, třeba „ua“ místo „uk“ nebo kód s překlepem.

  valid-lang

• Závažné WCAG 1.2.2 A

  Videa nemají titulky

  Video na stránce, například ukázka produktu, video o značce nebo krátký návod, nemá stopu s titulky.

  video-caption

Nejvyšší úroveň WCAG. Zákony ji nevyžadují; ve zprávě se zobrazuje jako doporučení.

• Drobné WCAG 1.4.6 AAA

  Text nedosahuje zvýšeného kontrastu (AAA)

  Část textu splňuje základní úroveň kontrastu, ale ne přísnější: 7:1 pro běžný text a 4.5:1 pro velký. Jde o doporučený postup nad rámec WCAG AA, nikoli o povinný požadavek.

  color-contrast-enhanced

• Drobné WCAG 2.4.9 AAA

  Odkazy se stejným textem vedou na různá místa

  Několik odkazů na stránce má stejné znění, například „Více informací“ nebo „Koupit“, ale vedou na různé stránky. Jde o doporučení úrovně AAA podle WCAG, které jde nad úroveň AA, o kterou se opírá zákon.

  identical-links-same-purpose

• Drobné WCAG 2.2.4 AAA

  Stránka se po čase sama obnoví, i po dlouhé době

  Stránka používá <meta http-equiv="refresh">, aby se po určité době znovu načetla nebo přešla na jinou adresu. Vyhnout se každému časovanému obnovení, i se zpožděním mnoha hodin, doporučuje úroveň AAA podle WCAG; jde to nad úroveň AA, o kterou se opírá zákon.

  meta-refresh-no-exceptions

Nejde o požadavky WCAG, ale usnadňují používání se čtečkou obrazovky nebo klávesnicí. Zobrazují se jako doporučení.

• Drobné

  Více prvků používá stejnou klávesovou zkratku

  Stránka definuje klávesové zkratky atributem accesskey a dva nebo více prvků sdílí stejnou klávesu. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.

  accesskeys

• Drobné

  Prvek má roli, která mu neodpovídá

  HTML prvek má atribut role, který pro tento prvek není povolen, například <button> označený jako nadpis nebo menu <nav> označené jako tlačítko. Jde o doporučený postup, sám o sobě nikoli o požadavek WCAG úrovně AA, často ale ukazuje na další problémy.

  aria-allowed-role

• Střední

  Vyskakovací okno nemá název

  Dialogové okno, například vysouvací košík, cookie lišta, nabídka newsletteru nebo rychlý náhled produktu, má role="dialog" nebo role="alertdialog", ale nemá přístupný název. Jde o doporučený postup, sám o sobě nikoli o požadavek WCAG úrovně AA.

  aria-dialog-name

• Střední

  Textový blok skrývá odkazy nebo tlačítka uvnitř

  Prvek s role="text" obsahuje odkaz, tlačítko nebo jiný prvek, který může získat fokus. role="text" je nestandardní role, která některým čtečkám obrazovky říká, aby celý obsah četly jako prostý text. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.

  aria-text

• Střední

  Položky stromového menu nemají název

  Některé položky stromového menu, například rozbalovacího stromu kategorií, nemají text, který by asistenční technologie mohly přečíst. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.

  aria-treeitem-name

• Drobné

  Nadpis na stránce je prázdný

  Stránka obsahuje nadpis bez čitelného textu, často pozůstatek prázdného názvu sekce, bloku šablony nebo nadpisu tvořeného jen ikonou. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.

  empty-heading

• Drobné

  Buňka záhlaví tabulky je prázdná

  Tabulka má buňku záhlaví bez textu, například levý horní roh tabulky velikostí nebo sloupec s akčními tlačítky. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.

  empty-table-header

• Drobné

  Prvek dosažitelný klávesnicí neříká, čím je

  Prvek, na který se lze dostat klávesou Tab, například klikatelný div nebo span, nemá roli, která by asistenčním technologiím sdělila, že jde o tlačítko, odkaz nebo jiný ovládací prvek. axe tuto kontrolu označuje jako experimentální, výsledky je proto třeba ověřit ručně. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.

  focus-order-semantics

• Střední

  Úrovně nadpisů přeskakují

  Nadpisy na stránce přeskakují úrovně, například z <h2> rovnou na <h4>, takže osnova stránky má mezery. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.

  heading-order

• Drobné

  Popis obrázku opakuje text vedle něj

  Alternativní text obrázku je stejný jako viditelný text vedle něj, například fotka produktu s alternativním textem „Modrá lněná košile“ v odkazu, který také zní „Modrá lněná košile“. Jde o doporučený postup, nikoli o požadavek WCAG úrovně AA.

  image-redundant-alt

• Závažné

  Pole formuláře nemají viditelný popisek

  Některá pole formuláře jsou pojmenována jen nápovědou (atribut title), skrytým popisem nebo skrytým popiskem, takže na obrazovce žádný popisek není. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA, o kterou se opírají zákony o přístupnosti.

  label-title-only

• Drobné

  Záhlaví webu je uvnitř jiné oblasti stránky

  Oblast záhlaví (orientační oblast „banner“ s logem, vyhledáváním a košíkem) je vnořená do jiné oblasti, například do hlavního obsahu nebo navigace, místo aby stála samostatně nahoře na stránce. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA, o kterou se opírají zákony o přístupnosti.

  landmark-banner-is-top-level

• Drobné

  Postranní panel je uvnitř jiné oblasti stránky

  Prvek <aside> nebo doplňková oblast („complementary“), například panel filtrů, podobné produkty nebo propagační box, je vnořená do jiné oblasti, místo aby stála samostatně vedle hlavního obsahu. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA, o kterou se opírají zákony o přístupnosti.

  landmark-complementary-is-top-level

• Drobné

  Patička webu je uvnitř jiné oblasti stránky

  Oblast patičky (orientační oblast „contentinfo“ s kontakty, právními odkazy a informacemi o platbě) je vnořená do jiné oblasti, například do hlavního obsahu, místo aby stála samostatně dole na stránce. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA, o kterou se opírají zákony o přístupnosti.

  landmark-contentinfo-is-top-level

• Střední

  Hlavní obsah je uvnitř jiné oblasti stránky

  Prvek <main> nebo oblast s role="main", která označuje začátek vlastního obsahu stránky, je vnořená do jiné oblasti, například do záhlaví, navigace nebo postranního panelu. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA, o kterou se opírají zákony o přístupnosti.

  landmark-main-is-top-level

• Střední

  Stránka má více než jedno záhlaví webu

  Stránka obsahuje dvě nebo více oblastí záhlaví („banner“), například běžné záhlaví a k tomu samostatnou plovoucí nebo mobilní kopii, případně akční proužek označený jako banner. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA, o kterou se opírají zákony o přístupnosti.

  landmark-no-duplicate-banner

• Drobné

  Stránka má více než jednu hlavní patičku

  Stránka označuje několik oblastí jako patičku webu, například patičku obchodu a další patičku ve vyskakovacím okně nebo widgetu. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.

  landmark-no-duplicate-contentinfo

• Střední

  Stránka má více než jednu oblast hlavního obsahu

  Dvě nebo více částí stránky jsou označeny jako hlavní obsah. Taková oblast má být jen jedna. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.

  landmark-no-duplicate-main

• Střední

  Na stránce není označen hlavní obsah

  Žádná část stránky není označena jako hlavní obsah, takže asistenční technologie nepoznají, kde začíná to podstatné. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.

  landmark-one-main

• Drobné

  Dvě oblasti stránky znějí pro čtečku obrazovky stejně

  Stránka má několik oblastí stejného typu, například dvě menu nebo dva postranní panely, bez popisku, který je rozliší. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.

  landmark-unique

• Drobné

  Přiblížení na mobilu je výrazně omezené

  Stránka dovoluje přiblížení na telefonu, ale zastaví návštěvníka dřív, než ji zvětší pětkrát. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.

  meta-viewport-large

• Střední

  Stránka nemá hlavní nadpis

  Stránka nemá nadpis nejvyšší úrovně (H1), který pojmenovává její téma, například název produktu nebo kategorie. Jde o doporučenou praxi nad rámec úrovně WCAG 2.2 AA, o kterou se opírá zákon.

  page-has-heading-one

• Drobné

  Dekorativní prvek čtečky obrazovky přesto oznamují

  Prvek označený jako dekorativní (role="presentation" nebo role="none") má zároveň atributy ARIA nebo může získat fokus z klávesnice, takže ho některé čtečky obrazovky ignorují a jiné ne. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA.

  presentation-role-conflict

• Drobné

  Část obsahu leží mimo hlavní oblasti stránky

  Některé části stránky nejsou uvnitř orientačních bodů (landmarks), jako je záhlaví, navigace, hlavní obsah nebo zápatí. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA.

  region

• Drobné

  Záhlaví tabulky používají atribut scope chybně

  Tabulka používá atribut scope nesprávně, například na běžné datové buňce nebo s jinou hodnotou než row, col, rowgroup či colgroup. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA.

  scope-attr-valid

• Střední

  Odkaz „Přeskočit na obsah“ nefunguje

  Stránka má odkaz pro přeskočení, ale místo, na které míří, neexistuje nebo nemůže získat fokus. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA.

  skip-link

• Závažné

  Pořadí procházení klávesnicí je vynucené a nečekané

  Některé prvky mají tabindex s hodnotou větší než 0, takže při pohybu stránkou klávesou Tab získají fokus dřív než všechno ostatní. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA.

  tabindex

• Drobné

  Titulek a souhrn tabulky opakují stejný text

  Tabulka má stejný text v prvku <caption> i v atributu summary, takže ho čtečky obrazovky mohou přečíst dvakrát. Jde o doporučený postup nad rámec úrovně WCAG 2.2 AA.

  table-duplicate-name