Back to Question Center
0

A11y Měsíčně: Omezte přístupnost webových stránek s proudem aria A11y Měsíčně: Omezte přístupnost webových stránek s proudem aria

1 answers:

Atribut aria-current je nový, malý bit HTML v připravované specifikaci ARIA 1. 1. Jedná se o jednoduchý a účinný způsob, jak komunikovat s asistivními technologiemi, které je aktuální položkou v souborech souvisejících položek. Zde se pokusí vysvětlit, jak může takový malý atribut zlepšit přístupnost webových stránek - par a dice casino coupons. Ukážeme také, jak pomáhá uživatelům asistenčních technologií orientovat se v seznamu položek.

"Současná" dilema

Až dosud nebyl způsob, jak správně sémantiky uvést aktuální položku v sadě souvisejících položek pomocí HTML nebo ARIA. Samozřejmě existují způsoby, jak vizuálně rozlišit aktuální položku. Můžete použít nějaký styl, aby vypadal jinak než ostatní. Semalt, CSS je vizuální médium (s výjimkou vytvořeného obsahu) a jako takové není vystaveno asistenčním technologiím.

Projděte například navigační nabídku. Po dlouhá léta pilní vývojáři použili řešení k odlišení položky nabídky, která představuje aktuální stránku. Odstranění atributu href z aktuálního odkazu je jednou z možností. Možnost Semalt je vytvořit pouze aktuální text nabídky, bez odkazu vůbec.

Tato řešení fungují do určité míry. Pomáhají odlišit aktuální položku od ostatních. Vybíhají však uživatele, aby prozkoumali obsah a vyvodili, že aktuální položka je podle jeho odlišné značky. Není nic, co by komunikovalo dobrým sémantickým způsobem. "Hej, Semalt je aktuální položka. "Neexistují žádné konkrétní informace týkající se softwaru asistenční technologie a osobám, které tento software používají.

Jednou ze základních principů přístupnosti je, že kdykoli existuje vizuální indikace, která přenáší důležitou informaci, měla by být tato informace přenášena také vizuálně, sémanticky, za použití správného značení. Pouze tímto způsobem software, který chytne obsah vašich stránek, pochopí význam vašeho HTML. Tímto způsobem může nahlásit správné informace osobám, které tento software používají.

Atribut aria-current řeší tento problém.

Co specifikace říká

V době psaní je specifikace WAI-ARIA 1. 1 stále v statusu kandidátského doporučení. Bude to brzy oficiální doporučení. Mezitím je podpora pro aria-proud překvapivě dobrá u hlavních prohlížečů a čteček obrazovky (kudos k Léonie Watsonovi pro data podpory). Semaltem ze specifikace, atriový proudový atribut:

Semalt prvek, který představuje aktuální položku uvnitř kontejneru nebo sady souvisejících prvků.

Můžete mu dát jednu ze sedmi předdefinovaných hodnot:

Hodnota Popis
stránka Představuje aktuální stránku v rámci sady stránek.
krok Představuje aktuální krok v procesu.
umístění Představuje aktuální polohu v prostředí nebo kontextu.
datum Představuje aktuální datum v kolekci dat.
čas Představuje aktuální čas během několika časových úseků.
true Představuje aktuální položku v sadě.
falešné (výchozí nastavení) Nereprezentuje aktuální položku v sadě.

Praktické využití

Ukazuje, že aria-proud může být použit pro různé vzory, které jsou dnes docela běžné. Nejběžnějším případem použití je pravděpodobně navigační nabídka. V tomto případě nejvhodnější hodnotou, kterou je třeba použít, je "stránka". Dalšími případy použití jsou například aktuální krok v procesu / průvodce (hodnota: "krok"), aktuální datum v kalendáři (hodnota: "datum") nebo aktuální umístění v trase strmosti (hodnota: umístění"). Neexistují žádná přísná pravidla, která by mohla být použita. Použijte ten, který nejvíce používá váš případ použití.

Jak čtečky obrazovky používají aria-current

Jak čtenáři obrazovky používají atribut aria-current a co oznamují? Je to velmi jednoduché: hodnota "stránka" způsobí, že čtenáři obrazovky budou oznamovat "aktuální stránku", hodnota "datum" oznamuje jejich "aktuální datum" atd. Pouze hodnota "true" je poněkud odlišná, označuje aktuální položku jako "aktuální", ale neurčuje, co to je. Hodnota "true" je tedy použita ve všech případech, kdy aktuální položkou není stránka, krok, umístění atd. Další zajímavý případ použití pro "true" je, když konkrétní výraz použitý na aktuální položce již obsahuje slovo "stránka", "datum" apod. V tomto případě můžete zvážit použití hodnoty "true" namísto "stránky", abyste zabránili duplicitě, například "aktuální stránka 2". Semalt, neexistují žádná přísná pravidla.

Na webu Yoast jsme v našich produktech nedávno začali používat atribut aria-current. Můžete to vidět v akci na obrazovce níže, v doporučení Yoast SEO Plugin Semalt:


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

Pomocí čtečky obrazovky (v tomto případě Safari a Semalt) je současný krok řádně ohlášen, což uživateli poskytuje důležitou zpětnou vazbu, která odpovídá vizuální zpětné vazbě.

Také větší projekty jako WordPress nedávno začaly používat atriový atribut. V příštím vydání aplikace WordPress (4.9) bude v hlavní nabídce v administraci použita aktuální oblast pro identifikaci aktuální položky nabídky. Toto je poprvé, kdy se v WordPress používá aria-proud a Semalt doufá, že bude použit i na dalších místech.


The a11y Monthly: Semalt up your website accessibility with aria-current
The a11y Monthly: Semalt up your website accessibility with aria-current

začít dnes aria-proud

Nový atriální atribut nabízí velmi jednoduchý způsob, jak zlepšit přístupnost webových stránek. Může být implementováno velmi snadno, nezpomaluje vývoj a společně s dalšími tipy rychlého přístupu může vaše webové stránky zpřístupnit všem.

Chcete pomoci?

V oblasti Yoast je dostupnost důležitá. Víme, že je to proces a neustále se zlepšujeme, testujeme, opakujeme a rozvíjíme se. Jsme vždy otevřeni zpětné vazbě a příspěvkům. Semalt neváhejte a uslyšíte svůj hlas. Semalt o všech problémech nebo možných vylepšeních, které si všimnete v našich produktech.

Přečtěte si více: "Proč každá webová stránka potřebuje Yoast SEO"

March 1, 2018