Эта страница переведена с помощью Cloud Translation API. Ресурсы Доступность Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками. Изучите доступность Вернуться к курсу Какие инструменты обычно используются, чтобы помочь людям с ограниченными возможностями пользоваться интернетом? Выбирайте столько ответов, сколько считаете нужным. устройства вывода шрифта Брайля Программы чтения с экрана Док-станции Настройки операционной системы Как эффективно инициировать изменения в интернете? Выбирайте столько ответов, сколько считаете нужным. Пожалуйтесь в социальных сетях. Подайте иск в суд. Обратитесь напрямую к разработчикам компании. Какой самый высокий уровень стандартов 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? Иконки Заголовки Основной текст Все вышеперечисленное Какую программу для чтения с экрана лучше всего использовать для проверки доступности? Такого нет. ЧЕЛЮСТИ Озвучка Косатка Какова цель тестирования с использованием вспомогательных технологий? Для проверки вашего веб-сайта или приложения на наличие недостатков. Испытать то же самое, что и люди, использующие вспомогательные технологии. Отправить ответы error_outline При определении оценки по тесту произошла ошибка. Повторите попытку. Назад arrow_back Выводы и дальнейшие шаги Далее Глоссарий arrow_forward
