Изображения и графика . В этих случаях необходимо предоставить Тогда мы могли бы сгруппировать качественный альтернативный текст! описывающий то! что изображение или графика хотят передать. Если единственная цель изображения — декоративная! мы можем использовать атрибут: Aria-hidden = «true».
Видео : важно добавить Список телефонных номеров Telegram в Ираке звуковую дорожку с субтитрами диалогов.
Улучшение доступности веб-сайтов — субтитры к видео
Пример доступного видео
Чтобы добавить субтитры к видео в HTML
вы можете использовать этот элемент <track>вместе с расширением <video>. Этот элемент <track>используется для указания файла субтитров в формате WebVTT (текстовые дорожки веб-видео)! который будет связан с видео. Вот пример того! как добавить дорожку субтитров в HTML:
</video>
В приведенном выше коде <video>в атрибут включен элемент Как генерировать лиды без ограничения контента controlsдля отображения элементов управления воспроизведением видео. Далее источник видео добавляется с помощью элемента <source>! указывающего путь к видеофайлу и его MIME-тип.
Затем добавляется элемент <track>дорожки субтитров . Атрибут srcуказывает путь к файлу субтитров в формате WebVTT. Атрибуту kindприсвоено значение «subtitles»! чтобы указать! что это дорожка субтитров. Атрибут srclangопределяет язык субтитров (в данном случае «es» для испанского). Атрибут labelпредоставляет описательную метку для субтитров.
Убедитесь! что текст достаточно контрастен с фоном! чтобы его можно было прочитать.
Как сделать ваш сайт удобным для использования
С точки зрения доступности! «пригодность к использованию» страницы означает! что она спроектирована и разработана таким образом! чтобы все пользователи могли эффективно и без ненужных трудностей перемещаться по сайту и использовать его . В этом разделе мы уделим особое внимание интерактивным элементам или тем! которые имеют прямое отношение к нашим пользователям.
Когда мы говорим о людях с функциональным разнообразием! обычно на ум приходят глухие или слепые люди! которые используют ассистивные технологии для облегчения доступа к веб-сайту. Однако очень распространенным типом инвалидности является двигательная инвалидность! поэтому для навигации по веб-сайту очень важно иметь хорошую HTML-разметку и уметь использовать клавиатуру! помимо других действий.
В этом модуле веб-доступности мы сосредоточимся на трех основных элементах любого веб-сайта! чтобы вы могли увидеть их на примерах: меню! формы и кнопки.
Меню навигации
Ниже приведены некоторые важные рекомендации по навигации по меню:
Семантические теги . Используйте правильный HTML асб-библиотека и семантические теги для структурирования вашего меню. Используйте такие элементы! как <nav>! <ul>! <li>и <a>правильно и последовательно.
Читабельный текст . Убедитесь! что текст меню достаточно контрастен с фоном! чтобы его можно было прочитать. Используйте цвета! которые контрастируют друг с другом! и избегайте комбинаций! которые затрудняют чтение! особенно для людей с нарушениями зрения.