Изучите доступность

Какие инструменты обычно используются, чтобы помочь людям с ограниченными возможностями пользоваться интернетом?

Выбирайте столько ответов, сколько считаете нужным.

устройства вывода шрифта Брайля

Программы чтения с экрана

Док-станции

Настройки операционной системы

Как эффективно инициировать изменения в интернете?

Выбирайте столько ответов, сколько считаете нужным.

Пожалуйтесь в социальных сетях.

Подайте иск в суд.

Обратитесь напрямую к разработчикам компании.

Какой самый высокий уровень стандартов WCAG?

Уровень AAA

Уровень А

НАЛИВАТЬ

Какие есть примеры работоспособных устройств?

Выбирайте столько ответов, сколько считаете нужным.

Все видео имеют элементы управления.

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

Все активные элементы поддерживают клавиатуру и сенсорный экран.

Используется простой язык.

Какой из следующих вариантов является наилучшим способом создания доступной кнопки?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

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

Укажите основной lang для элемента <html> , а также дополнительные языки для элементов, содержащих контент на другом языке.

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

Включите все языки в элемент <html> . Например <html lang="en,lt,pl,pt">

Какой пример CSS-стиля `:focus` наиболее доступен на белом фоне?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

Какова цель ссылки для пропуска?

Помогите пользователю клавиатуры пропустить избыточные или бесполезные группы ссылок.

Помогите пользователю клавиатуры пропустить неинтересный контент.

Как лучше всего изменить стиль элемента с помощью JavaScript?

Используйте JavaScript для переключения класса элемента и добавьте этот стиль в таблицу стилей CSS.

Используйте JavaScript для применения динамических стилей непосредственно к HTML-элементу.

Могут ли все действия JavaScript поддерживать использование клавиатуры?

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

Да, но вам, возможно, придётся немного поработать.

Нет, поддержку пользователей клавиатуры можно обеспечить только с помощью семантического HTML.

Как сделать сложные изображения доступными для всех?

Выбирайте столько ответов, сколько считаете нужным.

Пояснение следует добавить позже в статье.

Добавьте подробный альтернативный текст с полным описанием.

Добавьте к изображению атрибут aria-describedby .

Для более подробных объяснений воспользуйтесь ссылкой.

Одного цвета недостаточно для идентификации элементов пользовательского интерфейса в документации. Что еще поможет читателям определить эти элементы?

Шаблон

Текст

Значок

Все ответы верны.

Что мы можем создать, что будет отражать настройки операционной системы для управления движением?

@prefers-reduced-motion

JavaScript переключатели

Для обеспечения читаемости текста мне всегда следует использовать высокий контраст между текстом и фоном.

ЛОЖЬ

Истинный

Какие шрифты лучше всего подходят для людей с ограниченными возможностями?

Доступные шрифты.

Системные шрифты, такие как Arial и Verdana.

Это не имеет значения.

Какой из следующих вариантов ввода данных в форму является наиболее доступным?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

Всегда ли доступные компоненты остаются доступными для пользователей?

Нет, сначала необходимо протестировать компоненты.

Да, вы можете использовать эти компоненты без дополнительных работ.

Какие виды тестирования следует провести, чтобы убедиться в доступности вашего сайта?

Выбирайте столько ответов, сколько считаете нужным.

Автоматизированное тестирование

Ручное тестирование

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

тестирование вспомогательных технологий

Оценочное тестирование.

Какие ошибки выявляются при автоматизированном тестировании?

Выбирайте столько ответов, сколько считаете нужным.

Инклюзивный язык

Отсутствует альтернативный текст

Проблемы цветового контраста

Метки описательной формы

Ошибки ARIA

Какие элементы должны соответствовать стандартам цветового контраста WCAG?

Иконки

Заголовки

Основной текст

Все вышеперечисленное

Какую программу для чтения с экрана лучше всего использовать для проверки доступности?

Такого нет.

ЧЕЛЮСТИ

Озвучка

Косатка

Какова цель тестирования с использованием вспомогательных технологий?

Для проверки вашего веб-сайта или приложения на наличие недостатков.

Испытать то же самое, что и люди, использующие вспомогательные технологии.

Какие инструменты обычно используются, чтобы помочь людям с ограниченными возможностями пользоваться интернетом?

Как эффективно инициировать изменения в интернете?

Какой самый высокий уровень стандартов WCAG?

Какие есть примеры работоспособных устройств?

Какой из следующих вариантов является наилучшим способом создания доступной кнопки?

Какой пример CSS-стиля :focus наиболее доступен на белом фоне?

Какова цель ссылки для пропуска?

Как лучше всего изменить стиль элемента с помощью JavaScript?

Могут ли все действия JavaScript поддерживать использование клавиатуры?

Как сделать сложные изображения доступными для всех?

Одного цвета недостаточно для идентификации элементов пользовательского интерфейса в документации. Что еще поможет читателям определить эти элементы?

Что мы можем создать, что будет отражать настройки операционной системы для управления движением?

Для обеспечения читаемости текста мне всегда следует использовать высокий контраст между текстом и фоном.

Какие шрифты лучше всего подходят для людей с ограниченными возможностями?

Какой из следующих вариантов ввода данных в форму является наиболее доступным?

Всегда ли доступные компоненты остаются доступными для пользователей?

Какие виды тестирования следует провести, чтобы убедиться в доступности вашего сайта?

Какие ошибки выявляются при автоматизированном тестировании?

Какие элементы должны соответствовать стандартам цветового контраста WCAG?

Какую программу для чтения с экрана лучше всего использовать для проверки доступности?

Какова цель тестирования с использованием вспомогательных технологий?

Какой пример CSS-стиля `:focus` наиболее доступен на белом фоне?