Пожалуйста, выберите направления перевода

Исходный язык

Язык перевода

Выбрать

Возможность выбора нескольких языков
Применить

Популярные

Все языки

  • Абхазский
  • Азербайджанский
  • Албанский
  • Амхарский
  • Английский
  • Арабский
  • Армянский
  • Африкаанс
  • Баскский
  • Башкирский
  • Белорусский
  • Бенгальский
  • Бирманский
  • Болгарский
  • Боснийский
  • Венгерский
  • Вьетнамский
  • Гаитянский креольский
  • Голландский
  • Греческий
  • Грузинский
  • Гуджарати
  • Датский
  • Зулу
  • Иврит
  • Индонезийский
  • Ирландский
  • Исландский
  • Испанский
  • Итальянский
  • Йоруба
  • Казахский
  • Каннада
  • Каталанский
  • Киргизский
  • Китайский
  • Корейский
  • Коса
  • Курдские
  • Кхмерский
  • Лаосский
  • Латышский
  • Литовский
  • Македонский
  • Малайский
  • Малаялам
  • Мальтийский
  • Маратхи
  • Молдавский
  • Монгольский
  • Немецкий
  • Непальский
  • Норвежский
  • Панджаби
  • Персидский
  • Польский
  • Португальский
  • Пушту
  • Румынский
  • Русский
  • Сербский
  • Сингальский
  • Словацкий
  • Словенский
  • Сомалийский
  • Суахили
  • Тагальский
  • Таджикский
  • Тайский
  • Тамильский
  • Татарский
  • Телугу
  • Тигринья
  • Турецкий
  • Туркменский
  • Узбекский
  • Украинский
  • Урду
  • Уэльский
  • Финский
  • Французский
  • Хинди
  • Хорватский
  • Чеченский
  • Чешский
  • Чувашский
  • Шведский
  • Эстонский
  • Японский
Применить

Веб-доступность

Copyright 2013 - WebAIM

Оригинал статьи на английском языке: https://webaim.org/intro/

Содержание статьи

Вступление

Большинство людей сегодня вряд ли могут представить себе жизнь без Интернета. Некоторые утверждают, что ни одно другое изобретение не было более революционным со времен изобретения печатного станка Гутенберга в 1400-х годах. Сегодня один клик мышкой и весь мир у вас под рукой, то есть, если вы можете использовать мышь... и видеть экран... и различать звуки... другими словами, если у вас нет никакой инвалидности.

Это вступление поможет вам понять, как люди с ограниченными возможностями используют Интернет, понять разочарование, которое они испытывают, когда они не могут получить доступ к контенту, а также то, что вы можете сделать, чтобы сделать ваши сайты более доступными.

Веб предлагает беспрецедентные возможности.

мужчина читает газету

Интернет - одна из лучших вещей, которые когда-либо случались с людьми, имеющими ограниченные возможности. Возможно, вы и не задумывались об этом, но всё, что вам нужно сделать, это поразмышлять о днях, предшествующих эпохе интернета, чтобы понять, почему это так. Вот пример - как до интернета слепые люди читали газеты? Чаще всего они просто этого не делали: аудиозаписи и распечатки Брайля были слишком дорогими, к примеру версия Брайля газеты Sunday New York Times была бы слишком громоздкой, для того, чтобы быть практичной. В лучшем случае они могли попросить члена семьи или друга прочитать им газету. Этот метод работает, но делает слепых людей зависимыми от других.

посетители интернет-кафе

Большинство газет теперь публикуют свой контент в Интернете, в формате, который может быть прочитан скринридерами - программами, которые используют слепые люди. Эти программы читают электронный текст вслух, поэтому слепые люди могут использовать компьютеры и через них получать доступ к любому текстовому контенту. Внезапно слепым людям больше не нужно полагаться на других, чтобы прочитать газету. Им больше не нужно ждать дорогих аудиозаписей или громоздких распечаток Брайля. Они просто открывают веб-браузер и слушают, как их скринридер читает им газету; они делают это самостоятельно, когда захотят, и сразу же, как только контент опубликован.

мужчина в инвалидной коляске за компьютером

Точно так же люди с ограниченными физическими возможностями, люди, которые не могут держать газету или переворачивать страницы, могут получить доступ к онлайн-газетам через свой компьютер, используя некоторые вспомогательные технологии, адаптирующие компьютерный интерфейс к существующим ограничениям. Иногда адаптация проста, например, когда человек держит стек (специальную палочку) во рту и использует её для ввода команд с клавиатуры. В других случаях адаптация более сложна, например, при использовании специальных клавиатур или программного обеспечения для отслеживания движения глаз, которое позволяет людям управлять компьютером движениями глаз и ничем более.

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

Недостатки интернета

человек в инвалидной коляске перед лестницой

Несмотря на огромный потенциал Интернета для людей с ограниченными возможностями, этот потенциал по-прежнему в значительной степени не реализуется. Например, навигация по некоторым сайтам возможна только с помощью мыши, и лишь незначительный процент видео и прочего мультимедийного контента снабжен субтитрами для глухих людей. Что делать, если доступ к интернет-ресурсу возможен только с помощью мыши? Что делать людям, если они не могут использовать мышь? Что, если веб-разработчики используют графику вместо текста, учитывая тот факт, что скринридеры могут читать только текст и не могут распознавать графику?

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

Люди с ограниченными возможностями в Интернете

Хотя оценки различаются, большинство исследований показывают, что около одной пятой части населения (20%) имеет то или иное ограничение возможностей. Не у всех этих людей есть инвалидность, которая затрудняет доступ к Интернету, но это все же значительная часть населения. Со стороны компаний было бы неразумно преднамеренно отсекать 20, 10 или даже 5% потенциальных клиентов. Для школ, университетов и государственных учреждений во многих странах это не только неразумно, но и зачастую нарушает закон.

Важная заметка:

Основные категории инвалидности (ссылки ведут на страницы оригинального сайта на английском языке):

  • Зрение (слепота, слабое зрение, дальтонизм)
  • Слух (глухота, слабый слух)
  • Движения (невозможность использования мыши, медленная скорость взаимодействия, ограниченная возможность контроля движений)
  • Когнитивные (сложности в обучении, концентрации, трудности в запоминании большого количества информации)

Каждая из этих категорий инвалидности требует определенного типа адаптации при разработке веб-контента. Чаще всего эта адаптация приносит пользу практически всем, а не только людям с ограниченными возможностями. Полезные иллюстрации, правильно организованный контент и четкая навигация способны принести пользу большинству посетителей. Например, субтитры являются необходимостью для глухих пользователей, но они также могут быть полезны и другим, включая всех тех, кто просматривает видео без звука.

Помните о веб-доступности:

Углубите своё понимание веб-доступности с точки зрения пользователя. Это 11 минутное Yotube видео (на английском языке) содержит обзор сложностей, с которыми сталкиваются пользователи с ограниченными возможностями в Интернете, а также некоторые из целей веб-доступности.


Читать транскрипт (на английском языке)

Опыт учащихся с ограниченными возможностями:

Учащиеся в следующем Youtube видео рассказывают о своем опыте работы в Интернете и веб-доступности.


Читать транскрипт (на английском языке)

Реализация веб-доступности

Прежде чем кто-либо сможет сделать свой сайт доступным, он должен понять, что такое веб-доступность, быть приверженным её принципам, а также понять, как это можно реализовать на практике.

Приверженность и контроль

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

Лидерство. Понимание сути вопросов является важным первым шагом, но оно не решает проблему, особенно в крупных организациях. Если руководство организации не выражает приверженность доступности Интернета, вероятность того, что веб-контент организации будет доступным невысока. Лишь немногие разработчики делают свой контент доступным, в то время, как большинство не задумывается об этом, потому, что от них этого и не ожидается.

Политики и процедуры. Даже когда руководители выражают свою приверженность идее, если идея не подкрепляется четкой политикой, то она теряется среди повседневных задач. Наилучший подход для крупной организации заключается в создании внутренней политики, в которой излагаются конкретные стандарты, процедуры и методы контроля соблюдения.

Обучение и техническая поддержка

Некоторые веб-разработчики опасаются, что создание доступных веб-сайтов окажется дорогостоящей и трудоемкой. Эти опасения в значительной степени напрасны - преимущества обеспечения доступа большему количеству людей почти всегда перевешивают время, требуемое опытному разработчику для реализации этой доступности. Разработчик может изучить основы веб-доступности всего за несколько дней, в то время, как для любого технического навыка, зачастую требуются месяцы освоения.

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

Законы и стандарты

Если вы проживаете в Соединенных Штатах, то к применимым законам относятся: Закон об американцах с инвалидностью (ADA) и Закон о реабилитации 1973 года (разделы 504 и раздел 508). Многие международные законы также касаются доступности.

The Web Content Accessibility Guidelines (WCAG) предоставляет собой набор международных руководящих принципов. Они разрабатываются Всемирным веб-консорциумом (W3C), руководящим органом сети. Эти руководящие принципы являются основой большинства законов о веб-доступности в мире. Версия 2.0 этих руководств, опубликованная в декабре 2008 года, основана на четырех принципах:

  • Достижимость (Perceivable): доступность для восприятия (зрение и слух в первую очередь) либо через браузер, либо с помощью вспомогательных технологий (например, скринридеров, экранных увеличителей и так далее);
  • Возможность взаимодействия (Operable): пользователи могут взаимодействовать со всеми элементами управления и интерактивными элементами с помощью мыши, клавиатуры или вспомогательного устройства;
  • Понятность (Understandable): контент ясен и не содержит путаницы и двусмысленности;
  • Надёжность (Robust): широкий спектр технологий (включая старые и новые юзер-агенты, а также технические средства реабилитации) могут получить доступ к контенту

Читать больше о Web Content Accessibility Guidelines (WCAG) 2.0

Читать больше о принципах Web Content Accessibility Guidelines (WCAG) 2.0

Принципы доступного дизайна

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

Предоставляйте соответствующий альтернативный текст

Альтернативный текст предоставляет текстовую альтернативу нетекстовому контенту на веб-страницах. Это особенно полезно для людей, которые слепы и полагаются на экранное устройство для прочтения содержания веб-сайта.

Создавайте уместную структуру документов

Заголовки, списки и другие структурные элементы отражают смысл и структуру веб-страниц. Они также могут облегчить клавиатурную навигацию по странице.

Добавляйте заголовки таблицам данных

Онлайн таблицы используются для компоновки и организации данных. Таблицы, которые используются для организации табличных данных, должны иметь соответствующие заголовки таблиц (элемент <th>). Ячейки данных должны быть связаны с соответствующими заголовками, что облегчает пользователям экранного чтения навигацию и понимание таблицы данных.

Убедитесь, что пользователи могут заполнять и отправлять все формы

Убедитесь, что каждый элемент формы (текстовое поле, флажок, раскрывающийся список и так далее) имеет label и корректно связан с ним. Также убедитесь, что пользователь может отправить форму и исправить какие-либо ошибки, например, если не заполнены все обязательные поля.

Убедитесь, что ссылки имеют смысл даже вне контекста

Каждая ссылка должна иметь смысл, если текст ссылки читается сам по себе. Пользователи скринридеров могут читать списки ссылок на веб-страницах. Следует избегать фраз типа «нажмите здесь» или «больше».

Субтитры или транскрипты для мультимедиа

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

Убедитесь в доступности содержимого, отличного от HTML, включая файлы PDFдокументы Microsoft Wordпрезентации PowerPoint и контент Adobe Flash.

В дополнение ко всем другим принципам, перечисленным здесь, документы PDF и другие материалы должны быть как можно более доступными. Если нет возможности сделать их доступными, подумайте об использовании HTML или, по крайней мере, предоставьте доступную альтернативу. Документы в формате PDF также должны содержать ряд тегов, чтобы сделать их более доступными. Отмеченный тэгами файл PDF выглядит точно также, но он почти всегда более доступен человеку, использующему устройство чтения с экрана.

Позвольте пользователям пропускать повторяющиеся элементы на странице

Следует предоставить метод, который позволяет пользователям пропускать навигацию и другие элементы, которые повторяются на каждой странице. Обычно это достигается путем предоставления ссылки «Перейти к основному контенту» или «Пропустить навигацию» в верхней части страницы, которая переходит к основному содержимому страницы.

Не полагайтесь только на цвет, чтобы передать смысл

Использование цвета может улучшить понимание, но не используйте только лишь цвет для передачи информации. Эта информация может быть недоступна для дальтоников и для пользователей со скринридерами.

Убедитесь, что контент ясно написан и легко читается

Есть много способов сделать ваш контент более понятным. Корректно пишите, используйте четкие шрифты и используйте заголовки и списки соответствующим образом.

Сделайте доступным JavaScript

Убедитесь, что обработчики событий JavaScript независимы от устройства (например, они не требуют использования мыши), а также проверьте, что функционирование вашей страницы не зависит полностью от JavaScript.

Придерживайтесь стандартов в дизайне

HTML-совместимые и доступные страницы более надежны и обеспечивают лучшую поисковую оптимизацию. Каскадные таблицы стилей (CSS) позволяют отделять контент от оформления, что обеспечивает большую гибкость и доступность вашего контента.

Этот список не включает все проблемы веб-доступности, но, используя приведенные выше основные принципы, вы обеспечите большую доступность вашего веб-контента для каждого посетителя.

Заключение

Интернет предлагает множество возможностей для людей с ограниченными возможностями, он предлагает независимость и свободу. Однако, если веб-сайт не создан с учетом веб-доступности, он может исключить ту часть людей, которая могла бы извлечь максимум из Интернета. Большинство людей не собирается отсекать людей с ограниченными возможностями, по мере того, как организации и дизайнеры будут осознавать и реализовывать веб-доступность, их контент будет становиться доступным всё большему числу людей.

Похожие материалы