Jak vytvořit přístupný design webové stránky

Obrazovka notebooku

Internetové obchody, bankovní aplikace, rezervace hotelů nebo práce na volné noze, stále více a více úkoly, které jsou řešeny přes internet a která v některých případech nahradila konvenční média.

toto rychlý růst digitálních operací nám to usnadnil v mnoha ohledech život. Šetří nám čas, protože transakce jsou rychlejší a není třeba cestovat do žádné fyzické provozovny, a samozřejmě, byla vytvořena nová média, která dříve neexistovala a které nyní většina lidí používá, jako jsou sociální sítě, streamování filmů a seriálů na platformách, jako je Netflix, nebo online platební systémy, jako je Paypal.

S tímto vzestupem digitálního světa je to zásadní investovat do vývoje přístupných a dobře navržených rozhraní Pro uživatele. Na to však nemůžeme zapomenout existují uživatelé, kteří trpí zdravotním postižením fyzické nebo psychologické, které značně omezují jejich zkušenosti a schopnost používat počítače a mobily.

Ačkoli existují některá postižení, například lidé, kteří používají invalidní vozíky, která nebrání používání internetu, jiná, například problémy se zrakem nebo slepota, problémy s koordinací motoriky, hluchota nebo autismus, mohou vážně narušit vaši schopnost procházet web. Pro tyto případy již byly některé vytvořeny dispositivos jako čtečky obrazovky, kteří pomáhají a podporují uživatele v oblastech, kde mají zdravotní postižení.

Toto je však pouze první část řešení problému. Když na tyto uživatele myslíme, musíme navrhovat rozhraní webových stránek které usnadňují vaše zkušenosti a vyhovuje vašim potřebám. Při navrhování existují určité zásady, které můžeme použít.

Obsah a zdroje

Počínaje nejzákladnějším, musíte stanovit priority v designu obsahu. Záhlaví a panel nabídek musí být vizuálně snadno lokalizovatelné a musí být první věcí, kterou uživatel uvidí. Prvky na domovské stránce, obrázky a příslušné informace budou nalezeny jako druhé.

Reklamy nebo reklamní bannery se objevují na mnoha stránkách. Pokud je to samo o sobě nepříjemné pro všechny uživatele, pro osoby se zrakovým postižením je to problém, protože to způsobuje velké zmatky a narušuje čtení webového diagramu. Proto je nezbytné, abyste vytvořili a obecný redakční design stránky, která je organizováno logicky a srozumitelné a prvky jsou vhodně dimenzovány, takže i když existují další rozptýlení, uživatelé se mohou soustředit na důležitý obsah.

Použitá písma nejlépe musí být velké a čitelné. Typ Bezpatkové a odvážné Usnadňují čtení lidem, kteří mohou trpět dyslexií. Další doporučená písma jsou: Arial, Times New Roman, Helvetica, Tahoma, Calibri a Verdana.

A samozřejmě byste se měli vždy postarat o to, aby mezi nimi bylo jasné rozlišení text a pozadí. Nepoužívejte podobné barvy, spíše zvolte kontrastní barvy.

Bezpatkové tučné písmo

Použití písma Sans Serif Bold umožňuje lepší vizualizaci textu.

Alternativní text

El Alternativní text nebo alternativní značka jsou popisy umístěné na obrázcích na webových stránkách. Ačkoli tento text není uživatelům k dispozici ke čtení, a dobře napsaný popis je nástroj, který nám pomáhá dosáhnout lepšího SEO umístění.

Užitečnost Alt tagu se však nesnižuje jen k tomu. Pro ty uživatelé používající čtečky obrazovky u zrakových postižení jsou popisy obrázků jediný odkaz, který musí vědět, jaký je vzhled toho, co je na stránce vystaveno. Pokud tedy například umístíme fotografii některých sukulentů, dobrý alternativní text by byl: Tři šťavnaté rostliny v růžových květináčích. Velmi krátký text jako: Rostliny v květináčích, Nejde o popis, který poskytuje relevantní podrobnosti, a proto nefunguje.

Sukulenty v růžovém hrnci

Tři šťavnaté rostliny v růžových květináčích. Příklad alternativního textu.

Adaptabilita

Při navrhování musíme také brát v úvahu vše prezentace, ve kterých bude zobrazeno naše rozhraní, buď dovnitř webová nebo mobilní verze. Zkušenost se bude vždy lišit v závislosti na médiu, na které se díváme.

Když používáme mobil, můžeme být vystaveni různým prostředím které znesnadňují čtení Obsahu obrazovky. Pokud jsme například venku, díky jasu slunce bude obrazovka vypadat velmi tmavě a hluk nám nedovolí dobře slyšet zvuk. Proto je důležité si tyto podrobnosti pečlivě promyslet, aby mobilní verze měla velká písmena a tmavé barvy a videa by měla mít titulky pro případ, že by bylo obtížné je slyšet.

Mobilní obrazovka

Upravte design rozhraní tak, aby byl čitelný na mobilních telefonech i počítačích.

Konzistence v designu

Redakční design co děláme s našimi webovými stránkami musí být stejné bez ohledu na sekci kde jsi. V sekci Domů by se měly objevit stejné ikony na panelu nabídek jako v sekci Kontakty. Nesmíme měnit styl ani umístění klíčových tlačítek na webu.

Také pro nás není vhodné umisťovat videa, která se přehrávají automaticky při otevírání stránky. Pro uživatele používající čtečky obrazovky je těžké vědět, jak je pozastavit.

Web společnosti Starbucks

Lišta nabídek na stránce Starbucks je ve všech sekcích stejná.

Navigace pomocí klávesnice

A konečně, někteří uživatelé s problémy s koordinací motorů mají potíže s uchopením počítačové myši nebo s použitím touchpadu notebooku a spoléhají se pouze na klávesnici. Určitě že je váš web navržen určitým způsobem to může být úplně funkční pouze pomocí tlačítek na klávesnici.


Obsah článku se řídí našimi zásadami redakční etika. Chcete-li nahlásit chybu, klikněte zde.

Buďte první komentář

Zanechte svůj komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

*

*

  1. Odpovědný za údaje: Miguel Ángel Gatón
  2. Účel údajů: Ovládací SPAM, správa komentářů.
  3. Legitimace: Váš souhlas
  4. Sdělování údajů: Údaje nebudou sděleny třetím osobám, s výjimkou zákonných povinností.
  5. Úložiště dat: Databáze hostovaná společností Occentus Networks (EU)
  6. Práva: Vaše údaje můžete kdykoli omezit, obnovit a odstranit.