diagram časování cyklu čtení a zápisu 8086 v minimálním režimu

Snažím se řídit velmi důležitým standardem, který musím přiznat, že jsem ho donedávna ignoroval. Chci se ujistit, že moje stránky jsou přístupné velké části lidí se zdravotním postižením. Zaměřuji se hlavně na výukové programy, které jsou náročné na text a obrázky, ale žádné video / flash nebo jakýkoli druh animací.

Co je to kontrolní seznam, který mohu dodržet, abych zajistil, že mnoho lidí se zdravotním postižením může mít při používání mé webové stránky dobrou zkušenost, a na jaké postižení bych měl mít největší vědomí?

Vím, že nemohu potěšit každého. Prošel jsem pokyny W3C, ale nejsem si úplně jistý, jaké standardy se na mě vztahují. Nestavím webové aplikace, stavím převážně wiki, jako jsou výměny informací, blogy a příležitostné fórum.

  • uxexchange.com?
  • Zajistěte, aby měl každý obrázek alternativní text.
  • Ujistěte se, že vaše barevné schéma je vhodné pro osoby s barevnou slepotou.
  • Nabídněte rozložení s vysokým kontrastem nebo rozložení velkého textu pro zrakově postižené.
  • Ujistěte se, že vaše odkazy dávají smysl, když jsou čteny z kontextu (tj. Nepište jen „klikněte sem“).
  • Pokud uživatel nemá podporu JavaScriptu, ujistěte se, že váš web stále nabízí všechny základní funkce.

W3 nabízí několik základních tipů na přístupnost prostřednictvím svých webových stránek. Joe Clark má zdarma k dispozici online verzi své knihy „Vytváření přístupných webových stránek“, která obsahuje mnoho užitečných informací.

  • 1 Existuje několik upozornění na pravidlo „alternativního textu“. Bohužel jsem pracoval s lidmi, kteří to považují za tvrdé a rychlé pravidlo - tj. KAŽDÝ obrázek MUSÍ mít atribut alt. Poté do obrázku loga přidají věci jako „Logo naší společnosti“ a „velké modré„ t “do obrázku propojeného s twitterovým účtem.
  • Se značkou alt věřím, že KAŽDÝ obrázek by měl mít. Při práci se čtečkou obrazovky musíte říci, co má dělat. Pokud je váš obrázek jednoduše pro vizuální přitažlivost a nemá žádnou jinou hodnotu, použijte alt = "", aby jej aplikace pro čtení z obrazovky věděla ignorovat. Pokud je vaším obrázkem graf nebo možná záhlaví, nezapomeňte do tagu alt zahrnout informace, aby vám čtečka obrazovky stejně jako lidé, kteří obrázky zakazují, nezmeškali.

Vytvoření sémantiky přirážky je obrovským krokem k usnadnění přístupu, pokud lze na vašem webu procházet bez použití CSS a obsah dává smysl, pak vše ostatní je jen vizuální gravy!

  • 1 A mnohem více zábavy v nahý den CSS :)
  • 2 Haha, přirozeně! Vážně, spousta lidí předpokládá, že přístupnost má co do činění s designem, je to pravý opak, pokud můžete vytvořit svůj obsah tak, aby fungoval bez jakéhokoli designu, pak bude mít vždy přístup stroj (a tedy člověk) to.

Za prvé, „postižený“ znamená nic!

Podívejme se tedy na některé skupiny lidí, které potřebujete zkontrolovat, zda můžete být svým webem.

Chudák, který má poznámkový blok pouze s malou obrazovkou

Musíte jen zkontrolovat, zda váš web může být použit, když je okno prohlížeče malé bez přílišné bolesti.

Barevná slepá osoba

Může někdo použít vaše webové stránky, aniž by viděl barvu ikon atd., Zobrazeno, že jste k nim přistupovali na černobílém monitoru.

Osoba se špatnou stránkou.

Když změníte velikost písma v prohlížeči, zvětší se veškerý text na vašem webu a je rozložení stále v pořádku. Lze web stále používat na malém monitoru?

Používá váš web rozložení s vysokým kontrastem, pokud ne, je pro uživatele snadné přepnout na rozložení s vysokým kontrastem?

Osoba, která nemůže používat myš

Může osoba, která nikdy předtím nepoužívala váš web, přistupovat ke všem funkcím / informacím pouze pomocí klávesnice. (Funguje klávesa Tab užitečným způsobem?)

Někdo se špatnými schopnostmi čtení

Používáte co nejvíce jednoduchou angličtinu?

Někdo, kdo není dobrý v učení se novým věcem.

Je design vašeho webu založen na jiném webu, který vaši uživatelé již vědí, jak používat?

Slepý člověk.

Toto je těžké a většina z toho, co čtete, nemá shodné použití !!
Nejprve zkraťte všechny naše další problémy s přístupem, protože existuje mnohem více lidí se špatným zrakem nebo těch, kteří nemohou používat myš, než těch, kteří jsou svázaní.

Dále pochopte své cílenapř. pokud je váš web stránkou pro rezervaci hotelů, může být lepší zadat telefonní číslo poplatku za provedení rezervace a poté pouze zpřístupnit informace o hotelu.

Většina nevidomých lidí považuje za velmi obtížné používat jakýkoli interaktivní web, který dosud nepoužíval, jakkoli je však tento web navržen.

Měli byste tedy poskytnout možnost žádný web? (Telefon? Osoba, která je navštíví, aby pomohla vyplnit formulář atd.)

Nejprve lze použít vaše stránky bez obrázků? (Alternativní text je jedním ze způsobů, jak toho dosáhnout)

Vzhledem k tomu, že řečový software čte stránky shora dolů, lze vašemu webu porozumět tímto způsobem?

Je velmi těžké zajistit, aby web se složitou navigací snadno používal vázaná osoba. Také vázaná osoba nemá žádný způsob, jak zjistit, že část stránky byla aktualizována JavaScriptem a je třeba ji znovu přečíst.

Změna barvy položek pro změnu stavu také není dobrá volba.

Jediným způsobem, jak se naučit, jak zajistit, aby web dobře fungoval pro svázané lidi, je vidět, jak svázaná osoba používá na některých webech čtečku obrazovky. Žádný ze standardů není dost dobrý, pouze vám řekne, co byste neměli dělat, ale jejich dodržování nestačí (pokud vám není poskytnut pouze statický text, jako je web s novinami).

  • 2 Miluji první větu v této odpovědi! (a samozřejmě i další věty)

Na této stránce můžete získat rychlý přehled o shodě: http://wave.webaim.org/

Provádí podobnou práci jako starý systém „Bobby“, který byl před několika lety vypnut.

Nizozemská vláda používá tento web k testování svých webů ohledně přístupnosti. podívejte se ... můžete také zadat svůj web a otestovat jeho aktuální stav z hlediska přístupnosti ...

http://www.webrichtlijnen.nl/english/

Jako užitečný referenční bod k tomuto tématu jsem našel volně dostupnou knihu Marka Pilgrima Dive into Accesibility. Je to z roku 2002, ale stále velmi relevantní. Rady jako „použít ladnou degradaci“ nezestárnou.

WAI-ARIA vypadá, že by nyní mohla být doplňkem našeho arzenálu přístupnosti.

Několik informací o WAI-ARIA - http://www.alistapart.com/articles/waiaria

Myslím, že musíte použít tento web http://www.totalvalidator.com nebo dostupný plugin pro Firefox. Má několik validací postižení a označí vše, co chybí.

Odpověď č. 1 je jednoduchá: napište platné, sémanticky správné HTML / CSS !!! Všechny výše uvedené návrhy jsou dobré. Zde je kontrolní seznam, který jsem napsal před několika lety a který ukazuje několik věcí, které byste měli kontrolovat na všech webech: https://forge.iowa.gov/wiki/index.php/Web_Checklist. Předpokládá, že máte na FF panel nástrojů Web Developer, ale ten je zdarma a snadno se získá.

Cítím, že pár jednoduchých věcí může mít skutečný rozdíl:

U formulářů nezapomeňte použít značku LABEL. Vytváří větší klikatelnou oblast pro věci, jako jsou přepínače, a také spojuje věci dohromady pro čtečky obrazovky.

Další věc, kterou považuji za běžně zneužívanou, jsou značky h1, h2, h3 .... Pokud budou použity správně, mohou někomu pomoci snadno se procházet vaší stránkou. Pokud je pouze upravíme a použijeme je chtivě, je to velmi zavádějící pro čtečky obrazovky a další I / O zařízení bez myši.

Je také hezké umožnit někomu, kdo se pohybuje po vaší stránce bez všech vašich krásných CSS a obrázků, aby přeskočil minulý opakující se kód na obsah. Toho se běžně dosahuje pomocí SKIP odkazu, který je skrytý v CSS. Například, Skip past navigation to content. umožnit přeskakování přes zdlouhavou navigaci.

Jak uvedl Tony, jedním z nejlepších testů je odstranit všechny zvonky a píšťalky na vaší stránce a zjistit, zda to má ještě smysl.

  • 1 Na téma značek ALT ... každý obrázek by měl značka ALT. Pokud je obrázek obsah, měl by mít ve značce ALT něco popisného, ​​pokud je to jen dekorace, použijte prázdné uvozovky alt='' což znamená, že čtečky obrazovky, jako je JAWS, je mohou jen projít.

Pracoval pro vás: Charles Robertson | Chcete nás kontaktovat?