Достъпността започва със самостоятелното използване
Един уебсайт е достъпен, когато хората могат да го използват надеждно независимо от различните си способности и ситуации на употреба. Това включва слепи хора и хора с нарушено зрение, глухи хора, лица с двигателни или когнитивни затруднения и много възрастни потребители. Счупена ръка, шумна среда или бавна интернет връзка също могат временно да затруднят използването. Затова достъпността не е насочена към малка специална група, а подобрява достъпа за много различни хора.
Дали дадено предложение е действително достъпно, се вижда при конкретни задачи. Може ли човек да намери свободен час, да изпрати формуляр или да копира телефонен номер, без навигацията да го спре? Разбира ли какви данни са необходими и какво се случва след изпращането? Добронамерено съобщение за достъпност не помага особено, ако важна информация присъства само в изображение или ако диалогов прозорец не може да бъде затворен без мишка.
За операторите е полезна проста промяна в гледната точка: в центъра не е отделната функция, а целият път до целта. Добре четима начална страница не е достатъчна, ако процесът на поръчка остава неразбираем. Затова първо разгледайте най-честите и най-важните пътища на посетителите си. Там бариерите се виждат най-ясно и именно там подобренията незабавно дават повече самостоятелност, сигурност и доверие.
Ясната структура на страницата дава надеждна ориентация
Хората възприемат уебстраниците по различен начин. Някои преглеждат набързо заглавията, други силно увеличават съдържанието, а слепите хора слушат елементите чрез екранен четец. Ясната структура помага във всички тези ситуации. Всяка страница трябва да има разпознаваема основна тема, а заглавията да разделят съдържанието смислено. Човек, който чете само заглавията, трябва още от тях да разбира за какво става дума и къде да намери търсената информация.
Повтарящите се области също се нуждаят от постоянно място. Логото, главната навигация, търсенето и контактите не трябва да променят позицията или наименованието си от страница на страница. Постоянното подреждане облекчава хората, които се ориентират трудно или запомнят последователността на действията. Особено полезни са съдържателните заглавия на страниците и видимото обозначаване на текущия раздел. Така във всеки момент е ясно къде се намира човек и как да се върне към по-обща тема.
Избягвайте страници, в които много еднакво силно подчертани области се борят за внимание. Ако три банера, няколко плочки и автоматично сменящо се изображение едновременно определят началото, най-важното остава неясно. Подредете съдържанието според значението му и отделете ясно място за най-важното действие. Спокойната йерархия не само улеснява ориентацията, но и ускорява решенията и намалява неволното натискане.
Четимият дизайн работи без догадки
Добрата четимост се постига с достатъчно голям шрифт, ясни форми на знаците и достатъчно разстояние между редовете и абзаците. Много тънък шрифт или плътно набран текст могат да бъдат изморителни дори при добро зрение. На малките екрани проблемът се засилва. Потребителите трябва да могат да увеличават текста, без съдържанието да се изрязва или да се налага хоризонтално превъртане. Затова проверявайте не само обичайния изглед, но и значително увеличени изображения на страницата.
Цветът може да подпомага информацията, но не бива да я носи самостоятелно. Червена рамка около неправилно попълнено поле може да остане неразпознаваема за хора с нарушено цветоусещане. Добавете разбираемо съобщение и еднозначно обозначете засегнатото поле. Същото важи за диаграми, индикатори за състояние и избрани елементи от менюто. Шарки, символи или текст запазват значението и без точно възприемане на цветовете.
Достатъчният контраст прави текста, бутоните и полетата за въвеждане разпознаваеми при различно осветление. Светлосивото върху бял фон често изглежда елегантно, но бързо става нечетимо. Особено критични са малките указания, заместващите текстове и надписите върху изображения. Проверявайте контраста още при проектирането, а не едва малко преди публикуването. Така цветовете могат да бъдат променени, без завършената визия да се поправя трудно.
Всички важни функции трябва да са достъпни чрез клавиатура
Не всеки човек може да използва надеждно мишка или сензорен екран. Някои използват само клавиатура, гласово въвеждане или друго устройство за въвеждане. Затова връзките, бутоните, менютата и полетата във формулярите трябва да бъдат достъпни в логична последователност. При натискане на Tab фокусът трябва да следва видимата структура на страницата. Прескачането в скрити области или зациклянето в един компонент затруднява ненужно дори простите задачи.
Текущият фокус трябва да остава ясно видим. Фината сянка, която почти не се различава от фона, не е достатъчна. Човекът, който използва клавиатура, трябва във всеки момент да разпознава кой елемент ще бъде задействан при следващото натискане на клавиш. Премахвайте стандартното обозначение на фокуса само ако създадете поне толкова ясен заместител. Това се отнася и за менюта, диалози за бисквитки, предложения при търсене и изскачащи прозорци.
Тествайте основните пътища веднъж изцяло без мишка. Отворете навигацията, изберете предложение, попълнете формуляр и затворете всички диалогови прозорци. Наблюдавайте местата, където фокусът изчезва или дадено действие е възможно само чрез издърпване, плъзгане или посочване. Този прост опит разкрива много пречки, които остават незабелязани при обичайната работа с мишка.
Разбираемото съдържание води по-бързо до правилното действие
Достъпното съдържание казва още в началото какво трябва да знаят или направят читателите. Започнете с най-важното твърдение и след това обяснете необходимите подробности. Дългите въведения, вътрешните специализирани термини и неясните препратки затрудняват ориентацията. Вместо „Допълнителна информация ще намерите тук“, връзката трябва да посочва целта си, например „Документи за заявлението за жилищна помощ“. Така значението й остава разбираемо и когато бъде прочетена извън абзаца.
Кратките изречения са полезни, но разбираемостта не означава всяко съдържание да се опростява силно. Обяснявайте непознатите термини там, където се използват, и употребявайте последователно едно и също наименование. Ако една страница редува „клиентски профил“, „профил“ и „потребителска зона“, възниква ненужна несигурност. Конкретните примери са особено полезни при срокове, условия или двусмислени решения, стига да не заместват същинското съдържание.
Заглавията, етикетите и бутоните трябва надеждно да изпълняват очакванията. Бутон с надпис „Напред“ казва малко, докато „Проверете данните“ обяснява следващата стъпка. Предупрежденията трябва да назовават проблема и възможното решение. Приятелските и директни формулировки помагат както на хора с малък опит в четенето, така и на лица, които действат под времеви натиск. Затова ясният текст е основна част от използването, а не по-късна езикова украса.
Формулярите се нуждаят от еднозначни въпроси и полезна обратна връзка
Формулярите са сред най-честите места, на които хората напускат даден уебсайт. Всяко поле се нуждае от постоянно видим етикет, който обяснява предназначението му. Примерът в полето може да помага допълнително, но не трябва да замества етикета, защото изчезва при писане. Искайте само данните, които действително са необходими за процедурата. По-кратките формуляри се разбират и попълват по-лесно и причиняват по-малко грешки.
Задължителните полета и очакваните формати трябва да се разпознават преди въвеждането. Ако за дата се изисква определен начин на изписване, покажете разбираем пример. Където е възможно, допускайте обичайните варианти, вместо да отхвърляте хората заради интервали или тирета. При по-дълги процедури помага ясен индикатор за напредък, ако той посочва коя част се обработва и колко стъпки остават.
При грешка съобщението трябва да стои близо до засегнатото поле и конкретно да обяснява какво трябва да се промени. „Невалидно въвеждане“ оставя потребителите без помощ, докато „Моля, въведете пощенския код с пет цифри“ предлага решение. След изпращане е необходимо и еднозначно потвърждение. То трябва да посочва дали предаването е било успешно и кога може да се очаква отговор.
Изображенията, аудиото и видеото се нуждаят от равностойни начини за достъп
Изображенията често предават информация, която липсва в околния текст. В такъв случай алтернативният текст описва накратко какво е важно за целта на страницата. При снимка в профил на екип може да са достатъчни името и длъжността. При диаграма обаче изводът и важните стойности трябва да са достъпни и без изображението. Чисто декоративните изображения трябва да бъдат пропускани от помощните технологии, за да не удължават съдържанието с безсмислени имена на файлове или повторения.
Видеата се нуждаят от субтитри за изговореното съдържание и важните звуци. Ако видимите действия не могат да бъдат разбрани от звука, може допълнително да е нужно аудиоописание. Транскрипцията осигурява още един начин за достъп и улеснява повторното прочитане или търсенето на отделни твърдения. Субтитрите трябва да бъдат внимателно проверявани, защото автоматично създадените версии често бъркат имена, специализирани думи или числа и така могат да променят смисъла.
Медиите не бива да се стартират неочаквано със звук. Движещото се съдържание трябва да може да се спира, ако отвлича вниманието по-дълго или затруднява четенето. Внимавайте и с бързо мигащи ефекти и резки преходи. Управлението е полезно само когато бутоните му са разбираемо означени и достъпни чрез клавиатура. Така съдържанието остава използваемо за хора със слухови, зрителни или концентрационни затруднения, без да пречи на останалите посетители.
На малките екрани качеството личи особено ясно
Много хора посещават уебсайтове предимно със смартфон. Там се срещат малкото пространство, променливото осветление и управлението с пръст. Затова областите за докосване трябва да са достатъчно големи и да имат достатъчно разстояние помежду си. Малък бутон за затваряне в края на диалогов прозорец може да бъде почти недостижим за хора с ограничена подвижност. Добре разположените и ясно означени елементи за управление предотвратяват неволни действия.
Съдържанието трябва да се приспособява към тесни изгледи, без да изчезват важни функции. Проверявайте особено таблиците, картите, настройките за бисквитки и многостепенната навигация. Ако дадена информация се появява само когато показалецът на мишката е върху елемент, тя липсва изцяло на сензорни устройства. Осигурете същата функция чрез докосване или видима връзка и се погрижете показаното съдържание отново да може лесно да бъде затворено.
Ориентацията на устройството също не трябва да се налага без основателна причина. Някои хора закрепват таблета или смартфона си в неподвижна стойка и не могат да го завъртат. Страница, която работи само в портретна ориентация, може по този начин да стане неизползваема. Гъвкавият дизайн отчита такива ситуации още от началото и съчетава мобилната използваемост с достъпността, вместо да разглежда двете теми отделно.
Тестовете с реални потребители откриват повече от автоматичните проверки
Автоматичните инструменти за проверка могат бързо да откриват липсващи етикети, слаб контраст и определени грешки в структурата. Те са разумна отправна точка, но не разпознават дали навигацията е разбираема или дадено съобщение за грешка действително помага. Технически наличният алтернативен текст все пак може да бъде безполезен. Затова резултатите от тези инструменти трябва да се разглеждат като насоки и да бъдат проверявани от хора, които могат да оценят контекста на страницата.
Допълнете техническата проверка с прости ръчни опити. Увеличете страницата, използвайте я само с клавиатура и прослушайте основните области с екранен четец. Още по-показателни са тестовете с хора, които всекидневно използват различни помощни средства и стратегии. Дайте им реална задача, например да намерят събитие или да изпратят запитване, и наблюдавайте къде ориентацията или действието се затрудняват.
Обратната връзка трябва да бъде оценявана според въздействието й. Недостъпна резервация или липсваща здравна информация са по-спешни от малка грешка в отстоянието. Записвайте кой проблем на коя страница възниква и кои потребители засяга. След корекцията същият път трябва да бъде проверен отново. Така дългият списък с общи указания се превръща в проследимо подобрение на действителното използване.
Достъпността става трайна, когато отговорността е ясна
Достъпен уебсайт не се създава с еднократна преработка. Новото съдържание, функции и кампании могат по всяко време да въведат нови препятствия. Затова всяка участваща роля се нуждае от подходяща отговорност. Редакционните екипи следят за разбираеми текстове и описания на изображенията, дизайнерските екипи за контраста и състоянията, а екипите за разработка за управлението и техническата структура. Който одобрява съдържание, трябва да знае кои основни характеристики да провери преди публикуване.
Полезни са достъпните шаблони и компонентите за многократна употреба. Ако формулярите, диалоговите прозорци и навигацията вече са правилно проектирани и проверени, екипите не трябва да решават едни и същи проблеми наново на всяка страница. Редакционните интерфейси трябва разбираемо да изискват необходимите данни, като например алтернативни текстове. Същевременно е необходимо място за изключения, защото сложната диаграма изисква различно описание от декоративната снимка. Добрите основи улесняват правилното изпълнение във всекидневната работа.
Най-голямата практическа полза се вижда, когато посетителите могат да изпълняват важни задачи без предотвратими препятствия. Започнете с най-използваните пътища, отстранете сериозните бариери и проверете ефекта с реални потребители. Така стъпка по стъпка се подобрява не само достъпността на отделните страници, но и качеството на цялото предложение. Приобщаващото онлайн присъствие възниква там, където разбираемостта, дизайнът и технологията са насочени заедно към самостоятелното използване.