it-swarm-eu.dev

Jaké jsou minimální kroky, které bych měl dodržovat, aby byl můj web přístupný?

Snažím se dodržovat velmi důležitý standard, který musím připustit, že jsem ho donedávna ignoroval. Chci se ujistit, že mé 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 ani žádné animace.

Jaký je kontrolní seznam, který mohu dodržovat, aby bylo zajištěno, že mnoho lidí se zdravotním postižením může mít při používání mého webu dobré zkušenosti a o jakých zdravotních postiženích bych si měl být nejvíce vědom?

Vím, že nemůžu potěšit každého. Prošel jsem pokyny W3C , nejsem si však zcela jistý, jaké normy se na mě vztahují. Nestavím webové aplikace, stavím většinou wiki, jako jsou výměny informací, blogy a příležitostné fórum.

35
Tim Post
  • Ujistěte se, že každý obrázek obsahuje alternativní text.
  • Ujistěte se, že vaše barevné schéma je vhodné pro ty, kteří mají barevnou slepotu.
  • Nabízí rozložení s vysokým kontrastem nebo velké rozložení textu pro zrakově postižené.
  • Ujistěte se, že vaše odkazy dávají smysl, jsou-li vyč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í plnou základní funkčnost.

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

18
Wolfwyrd

Vytvoření sémantiky značek je obrovským krokem k usnadnění přístupu, pokud lze na vašem webu navigovat, aniž by na něj bylo aplikováno jakékoli CSS a obsah má smysl, pak všechno ostatní je pouze vizuální omáčka!

8
Toby

Zaprvé „postižené“ znamenají nic!

Podívejme se tedy na některé skupiny lidí, které musíte zkontrolovat, zda jste na svém webu.

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

Stačí jen zkontrolovat, zda lze váš web použít, když je okno prohlížeče malé, aniž by příliš odpovídalo bolesti.

Barevný slepý člověk

Může někdo použít váš web, aniž by viděl barvu ikon atd., Zobrazoval, že jste k němu přistupovali na monitoru B&W.

Osoba se špatným místem.

Když změníte velikost typu v prohlížeči, zvětšuje se na vašem webu veškerý text a je rozvržení stále v pořádku. Může být web stále použit na malém monitoru?

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

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

Může osoba, která vaše webové stránky dosud nikdy nepoužila, přistupovat ke všem funkcím/informacím, které právě používají klávesnici. (Funguje klávesa Tab užitečným způsobem?)

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

Používáte co nejjednodušší angličtinu?

Někdo, kdo není dobrý v učení nových věcí.

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

Slepý člověk.

To je těžké a většina toho, co čtete, není použití zápasů !!
Nejprve zkraťte všechny naše další problémy s přístupem, protože je mnohem více lidí se slabým zrakem nebo kteří nemohou používat myš, než jsou lidé, kteří jsou vázáni.

Dále rozuměj vašim cílům, např. Pokud je váš web rezervačním serverem hotelu, může být lepší zadat telefonní číslo za rezervaci a poté zpřístupnit informace o hotelu.

Pro většinu nevidomých je velmi obtížné používat jakýkoli interaktivní web, který dosud nepoužívali, ale web je dobře navržen.

Takže byste měli poskytnout žádnou možnost webu? (Telefon? Osoba, která je navštíví, aby pomohla vyplnit formulář atd.?)

Za prvé, může být váš web použit bez obrázků? (Alt text je jedním ze způsobů, jak toho dosáhnout)

Vzhledem k tomu, že řečový software čte stránku shora dolů, lze tomu tak rozumět?

Je velmi obtížné usnadnit používání webu se složitou navigací vázané osobě. Také vázací osoba nemá žádné informace o tom, že část stránky byla aktualizována skriptem JavaScript a je třeba ji znovu přečíst.

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

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

7
Ian Ringrose

Pomocí tohoto webu získáte rychlý přehled o dodržování předpisů: http://wave.webaim.org/

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

4
Mark Hatton

Nizozemská vláda používá tento web k testování svých stránek na přístupnost. podívejte se ... můžete také vstoupit na svůj web a vyzkoušet jeho aktuální stav dostupnosti ...

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

3
Rickjaah

Našel jsem volně dostupnou knihu Mark Pilgrima Dive to Accesibility , která byla užitečným referenčním bodem tohoto tématu. Je to od roku 2002, ale stále velmi relevantní. Rady jako „použití půvabné degradace“ nezestárnou.

2
Ian Mackinnon

WAI-ARIA vypadá, že by to mohl být doplněk k našemu arzenálu přístupnosti.

Nějaké informace o WAI-ARIA - http://www.alistapart.com/articles/waiaria

2
DBUK

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 pár lety a který vám ukáže 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 to je zdarma a snadno se získá.

Několik jednoduchých věcí, které podle mě mohou mít skutečný význam:

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é propojuje věci pro čtečky obrazovky.

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

Je také hezké umožnit někomu, kdo naviguje po vaší stránce bez všech vašich krásných CSS a obrázků, přeskočit minulý opakující se kód k obsahu. Toho je obvykle dosaženo pomocí odkazu SKIP, který je skrytý v CSS. Například <a href="#skipnav" class="noshow">Skip past navigation to content.</a> umožňuje přeskočení podél zdlouhavé navigace.

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 stále dává smysl.

1
ph33nyx

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

1
user1270