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

Що таке контрольний список, який я можу дотримуватися, щоб гарантувати, що багато людей з обмеженими можливостями можуть мати гарний досвід роботи з моїм веб-сайтом, і які інвалідність я повинен бути найбільш усвідомленим?

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

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

W3 пропонує основні поради щодо доступності через веб-сайт . У Джо Кларка є доступна для перегляду Інтернет-версія книги "Створення доступних веб-сайтів", яка містить багато корисної інформації.

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

По-перше, "інвалід" означає нічого!

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

Бідна людина, яка має лише зошит із маленьким екраном

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

Кольорова сліпа людина

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

Людина з поганим сайтом.

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

Чи використовує ваш сайт макет з високою контрастністю, якщо ні, чи легко користувачеві перейти на макет з високою контрастністю?

Людина, яка не може використовувати мишу

Чи може людина, яка ніколи раніше не використовувала ваш веб-сайт, отримати доступ до всіх функцій / інформації, просто використовуючи клавіатуру. (Чи працює клавіша вкладки корисним способом?)

Хтось із поганими навичками читання

Ви максимально використовуєте просту англійську?

Хтось, кому непогано вивчати нові речі.

Чи дизайн вашого веб-сайту заснований на іншому веб-сайті, який ваші користувачі вже знають, як ним користуватися?

Сліпа людина.

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

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

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

Тож чи слід надавати жоден веб-варіант? (Телефон? Людина, яка їх відвідує, щоб допомогти заповнити форму тощо?)

По-перше, чи можна використовувати ваш сайт без будь-яких зображень? (Alt текст - це один із способів цього зробити)

З огляду на те, що мовленнєве програмне забезпечення читає сайт зверху вниз, чи можна його зрозуміти таким чином?

Дуже важко зробити веб-сайт зі складною навігацією легким для користування людиною, також прив’язаний не може знати, що частина сторінки була оновлена ​​JavaScript і її потрібно прочитати ще раз.

Зміна кольору елементів для зміни стану також не є вдалим варіантом.

Єдиний спосіб дізнатися, як зробити так, щоб веб-сайт добре працював для прив’язки людей - це побачити, як зв’язана людина використовує зчитувач екрана на деяких веб-сайтах. Жоден із стандартів не є достатньо хорошим, вони просто говорять вам про те, що ви не повинні робити, але дотримуватися їх недостатньо (якщо тільки вам не надають статичний текст, як веб-сайт газети).

Ви можете використовувати цей сайт, щоб отримати швидкий огляд відповідності: http://wave.webaim.org/

Вона виконує аналогічну роботу зі старою системою «Боббі», яку закрили пару років тому.

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

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

Я виявив, що вільно завантажувана книга Марка Пілігрима " Зануритися у доступність" є корисним орієнтиром на цю тему. Це з 2002 року, але все ще дуже доречно. Поради, такі як "використовувати витончену деградацію", не старіють.

WAI-ARIA виглядає так, що тепер може стати доповненням до нашого арсеналу доступності.

Деякі відомості про WAI-ARIA - http://www.alistapart.com/articles/waiaria

Я думаю, вам доведеться використовувати цей сайт http://www.totalvalidator.com або доступний плагін Firefox. Він має кілька перевірок інвалідності і позначить все, чого не вистачає.

Відповідь №1 проста: написати правильний, семантично правильний HTML / CSS !!! Усі вищенаведені пропозиції хороші. Ось контрольний список, який я написав пару років тому, який показує вам кілька речей, які слід перевірити на всіх сайтах: https://forge.iowa.gov/wiki/index.php/Web_Checklist . Це передбачає, що у вас є панель інструментів веб-розробників на FF, але це безкоштовно і легко отримати.

Кілька простих речей, які я відчуваю, можуть по-справжньому змінити:

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

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

Також приємно дозволити тому, хто переглядає вашу сторінку без усіх ваших прекрасних CSS та зображень, пропускати минулий повторюваний код до вмісту. Зазвичай це досягається за допомогою SKIP-посилання, прихованого в CSS. Наприклад, <a href="#skipnav" class="noshow">Skip past navigation to content.</a>щоб дозволити пропуск повз тривалої навігації.

Як заявив Тоні, один з найкращих тестів - зняти з себе всі дзвіночки та перевірити, чи це все-таки має сенс.