12 съвета за по-достъпен уебсайт

Правенето на уебсайта ви достъпен за всички е не само морално задължение, а юридическо задължение. Много организации, включително Международният олимпийски комитет, са заведени дела за това, че не правят достатъчно достъпни техните уебсайтове. С 50 милиона американци, страдащи от някакво увреждане или друго, подобряването на достъпността на вашия сайт също има ясен търговски смисъл.

И не само тези, обозначени като „инвалиди“, могат да спечелят и двете. Изследванията сочат, че 57% от възрастните потребители на компютри ще се възползват от подобрена достъпност от някакъв вид. Само 19% от уебсайтовете в момента отговарят на най-основните изисквания за достъпност, така че наистина можете да се откроите от конкуренцията, като направите няколко промени в своя сайт.

В тази статия ние изследваме 12 начина, по които можете да направите сайта си по-достъпен. Някои методи са много евтини и бързи за изпълнение, други изискват малко повече време и финансови инвестиции, но трябва да мислите за тях като за бизнес възможности. Тъй като интернет е толкова важен за целия ни живот в наши дни, е несправедливо някои хора да бъдат изоставени.

1. WAI-ARIA

Когато подобрявате достъпността на вашия сайт, първият ви порт за повикване трябва да бъде набор от документи, публикуван от Worldwide Web Consortium, наречен WAI-ARIA. Тези документи излагат основно начините, по които разработчиците трябва да добавят метаданни в HTML за подобрена достъпност.

2. Прогресивно подобрение

Прогресивното подобрение означава да се проектира уебсайт пластово, така че всеки да има достъп до най-основните функции, а потребителите с по-добра честотна лента и разширени браузъри да виждат подобрена версия. Сайтовете, изградени с помощта на стратегия за прогресивно подобряване, могат да бъдат прочетени много по-лесно чрез софтуер за четене на екрана, използван от хора с редица увреждания.

3. Алтернативно съдържание

Абсолютно жизненоважно е да предоставите текстов еквивалент за нетекстово съдържание на вашия сайт. Изисквания за изображения и видеоклипове, така че хората, използващи софтуер за четене на екрана, да могат да разберат какво точно е на дадена страница. Връзките също се нуждаят от подходящи заглавни маркери.

4. Надписи

Освен това астаджиите, изображенията, аудио и видео клиповете се нуждаят от надписи, така че зрително увредените да знаят точно какво гледат. Ако качвате видеоклипове или подкасти, предоставете абзац от текст, обобщаващ съдържанието му, или още по-добре, предоставете пълен препис. Не забравяйте, надписите наистина помагат и при SEO.

5. Екранен софтуер за четене

Повечето незрящи и зрящи хора използват софтуер за четене на екрана, когато сърфират в уебсайтове. Един от най-добрите начини да се уверите, че вашият уебсайт е достъпен за тях е да опитате сами да използвате същия софтуер. Изключете монитора си и стартирайте софтуера, за да разберете какво точно казва вашият сайт на тези ценни читатели и потенциални клиенти. Ако софтуерът започне да разпръсква безсмислици, знаете, че трябва да направите някои промени!

6. Одит

Никакво количество тестове за достъпност, което правите сами, не може да се сравни с това, че истински специалист хвърля експертен поглед върху вашия сайт. Има редица компании и физически лица, които ще извършат одит на достъпността за вас, като ви кажат точно кои промени трябва да направите.

7. Тестване на използваемост

Тестване на използваемостта е друг ценен начин за идентифициране на потенциални проблеми с достъпността на вашия сайт. Вземете група от хора с набор от различни нужди, за да изпробвате вашия сайт за реални, да се движите наоколо и да изпълнявате задачи. Те ще могат да ви разкажат подробно за всички проблеми, които срещат, много от които, непременно ще откриете, няма да бъдат включени в указанията на WAI-ARIA.

8. Стилове

Когато изграждате или препроектирате сайта си, уверете се, че таблиците ви стилове позволяват променливи размери на шрифта и никога не използвайте фиксирани шрифтове. Ще се учудите от това колко потребители, от стари хора до тези с леко слабо зрение, преоразмеряват редовно шрифтовете си.

9. Управление на шрифта

Потребителите на Firefox и Internet Explorer могат да уголемяват шрифтове, но много хора не са наясно с това, а други все още използват по-стари браузъри, които нямат тази възможност. За тях помислете за вграждане на контроли за преоразмеряване на шрифта във вашия сайт.

10. Постоянство

Последователността в дизайна от страница на страница е наистина важна за хората, които не могат да заемат цяла страница с един поглед, и тези, които използват четец на екрани. Ако сте последователен сайт, с едни и същи неща на едно и също място на всяка страница, те ще могат да се ориентират много по-лесно. Зрящите потребители често смятат, че постоянството е полезно.

11. Текст за навигация

Избягвайте използването на изображения за навигация на вашия сайт на всяка цена. Използвайте текст вместо това. Екранните четци могат да го разберат и е много по-лесно да промените размера. Ако вашите навигационни контроли не могат да бъдат увеличени, уверете се, че са написани с ясен шрифт с размер най-малко 16 точки.

12. Цветове

Използването на различни цветове в уебсайтове е чудесно, но трябва да помислите как работят заедно, за да създадете ясен образ. Цветовете на предния план и фона трябва да контрастират достатъчно и можете да забравите за използването на светлосив текст, че е достатъчно трудно за хора с 20-20 зрение да четат. Връзките трябва да са с различен цвят от останалия текст на вашия сайт, за предпочитане синьо и винаги подчертано.

заключение

Достъпността е често пренебрегван аспект на уеб дизайна, но това е нещо, което би трябвало да бъде в основата на вашия процес на проектиране още от самото начало, когато преобразувате телеграфно оформление. Без да ви звучи твърде самообслужване, гарантирането, че вашият уебсайт отговаря на стандарта за достъпност, означава едно: по-щастливи клиенти. И знаете какво означава това!

Използвайте коментарите по-долу, за да ни кажете дали сте съгласни с горните съвети и как сте направили сайта си по-достъпен.

© Copyright 2021 | computer06.com