Головна » Веб дизайн » Як розробити для людей з потребами в доступності

    Як розробити для людей з потребами в доступності

    Люди, які користуються Інтернетом, не є однорідною масою, а скоріше величезна група з неймовірно високою різноманітністю. Багато з них не є рідними англійцями, або високоосвіченими мешканцями міста з прекрасними умовами здоров'я. Коли ми розробляємо для громадськості, ми повинні звернути увагу на цей факт; в іншому випадку ми втрачаємо багато потенційних користувачів, а також велику можливість підвищити рейтинг пошукової системи сайту.

    Універсальність і інклюзивність знаходяться в центрі уваги веб-стандартів доступності, які є одним із стандартів, пов'язаних з веб-дизайном W3C. Кінцевою метою ініціативи Web Accessiblity (WAI) є створення веб-сторінок, що працюють “для всіх людей, незалежно від їх апаратних засобів, програмного забезпечення, мови, культури, місця розташування або фізичних або розумових здібностей”.

    Коли ми думаємо про доступність, найважливіше, що нам потрібно зрозуміти, це те, що користувачеві не потрібно мати повна втрата почуття або здібності потребують підтримки доступності. Люди, які мають такі проблеми, як часткова втрата зору, або легке порушення слуху, також потребують доступності.

    Тепер давайте подивимося, хто є основними групами, як вони використовують Інтернет і як обережний дизайнер може поліпшити свій досвід роботи з користувачами.

    Порушення зору

    Люди з цієї групи можуть мати помірне або помірне погіршення зору в одному або обох очах, колірну сліпоту, слабкий зір, сліпоту або глухо-сліпоту

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

    Багато людей з вадами зору користуються читачів екрану які працюють тільки належним чином, якщо інтерфейс семантично закодований, в іншому випадку їх спеціальні допоміжні програми не може визначити структуру веб-сторінки і користувачі навряд чи зможуть зрозуміти зміст.

    Ми повинні надати ці сторінки з належним описом гіперпосилань, значків, зображень та інших типів медіа за допомогою пояснювальних alt і назва Атрибути HTML. Основне правило тут полягає в тому, щоб зробити еквівалентну альтернативу тексту доступною для кожного нетекстового елемента.

    Зображення: Mashable

    Також важливо не заважати користувачам налаштовувати власні налаштування веб-переглядача, якщо це можливо, вказати все у відносних одиницях (ems, rems або відсотки) замість точних розмірів.

    Насправді, ботів Google та інших пошукових систем також можна розглядати як візуально відключених агентів, і майте на увазі, що все, що добре для людей з вадами зору, також радує ботів, тим самим покращуючи рейтинг SEO сайту.

    Слухові інваліди

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

    За даними Групи доступу до ЗМІ Радіо WGBH “За оцінками, 24 мільйони американців мають достатню втрату слуху, що вони не можуть повністю зрозуміти сенс телевізійної програми”.

    Використання закриті титри в яких фонових шумів, таких як музику або вибухи також підписують може допомогти їм багато. Надання варіантів для підписів і транскриптів також може значно поліпшити досвід людей які не є носіями мови записаної мови.

    Ми також повинні бути обережними при розробці веб- і мобільних додатків. Якщо користувачі повинні покладатися виключно на взаємодію за допомогою голосу, люди з слухові порушення або ті без належного звукового обладнання або програмного забезпечення буде виключено з використання.

    Дизайнери програм також повинні звертати увагу на завжди додавання опцій для зупинки, призупинення чи налаштування гучності. Apple TV є прекрасним прикладом пристрою, призначеного для розуміння глухих і нечуючих, оскільки воно надає їм приємний інтерфейс для налаштування субтитрів та підписів до їхніх індивідуальних потреб..

    IMAGE: AudioPerception

    Когнітивні та неврологічні інваліди

    Розлади, пов'язані з мозком або периферичною нервовою системою, впливають на те, як люди рухаються, бачать, чують і розуміють речі. Є багато людей, яким це потрібно обробляти інформацію повільніше, ніж інші, тому ми повинні їх забезпечити з чітко структурованим змістом що полегшує орієнтацію.

    Це також може допомогти, якщо ми пропонують різні способи навігації: не тільки одне величезне випадаюче меню, а й хмари тегів, опція пошуку, сухарі та інші розумні та зрозумілі рішення.

    Підвищення вмісту за допомогою візуальні підказки мають вирішальне значення коли ми хочемо дати людям з когнітивними та неврологічними вадами розуміння інформації, яку ми хочемо донести до них. Зображення, графіки, ілюстрації та інтелектуальні типографіки, такі як уникнення довгих абзаців може зробити багато для них.

    Зменшення кількості відволікаючих моментів як миготіння або блимання об'яв і дратівливі спливаючі вікна можуть тримати багато хто з них на наших сайтах, просто подумайте про тих, хто має СДУГ (розлад дефіциту уваги з гіперактивністю) або аутизм.

    Якщо ви хочете побачити приклад ретельно розробленого, логічно структурованого вмісту з доступною навігацією та описовими візуальними підказками, ознайомтеся з сайтом Адміністрації соціального захисту уряду США.

    IMAGE: Адміністрація соціального забезпечення

    Фізичні обмеження

    Люди з обмеженими можливостями можуть мати рухові розлади, обмеження відчуттів або м'язового контролю, проблеми зі суглобами, відсутність кінцівок, і можуть зіткнутися з багатьма іншими фізичними перешкодами.

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

    Пропозиція Гарячі клавіши, особливо на сенсорних пристроях може бути знахідкою для цієї групи.

    Люди з обмеженими фізичними можливостями можуть зіткнутися з труднощами при натисканні на невеликі ділянки, тому ми завжди повинні переконатися, що ми дизайн досить великий, кліки, які можна натискати, такі як кнопки.

    Також важливо пам'ятати, що багато з них використовують допоміжне обладнання або програмне забезпечення. Вони можуть отримати доступ до контенту за допомогою Екранна клавіатура здійснюється за допомогою трекбола, або вони можуть використовувати розпізнавання голосу або програмне забезпечення для відстеження очей.

    Через це, як і в попередніх випадках, дуже важливо побудувати логічну, узгоджену навігацію і добре структурований сайт без надмірного відволікання.

    Зображення: AllThingsErgo.Com

    Висновок

    Створення веб-досвіду для людей з обмеженими можливостями є чудовою практикою дизайну. Якщо ми будуємо сайт, який враховує потреби сенсорних порушень, ми розробляємо продукт, який є логічним, добре структурованим і простим у використанні. Це не тільки добре для інвалідів, але і для кожного окремого користувача, оскільки вони мають таку ж необхідність інтуїтивно зрозумілий веб-сайт що легко зрозуміти.

    Якщо ми надаємо користувачам вибір про те, як вони хочуть споживати онлайн-вміст, і ретельно продумувати всі можливості, які вони можуть взаємодіяти з нашим сайтом, ми значно збільшуємо загальний досвід користування нашим дизайном.

    Тепер читайте: 10 Допоміжна техніка для людей з обмеженими можливостями