Доступность помогает вам открыть ваш контент для более широкой аудитории, поэтому больше людей смогут получить доступ к вашему сайту. Вот отличный ресурс, который поможет вам начать работу список элементов управления доступом создан Консорциумом Всемирной паутины (W3C). В этой статье мы выделим несколько важных проверок, поэтому обязательно прочтите и остальную часть контрольного списка. Давайте оптимизируем ваш сайт для каждый посетитель!

Что такое доступность и почему это важно?

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

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

Укажите текстовый эквивалент

Для каждого нетекстового элемента необходимо предоставить текстовый эквивалент. Это касается таких вещей, как изображения, а также всего: от областей карты изображений и анимированных GIF-файлов до отдельных аудио- и видеофайлов. Это можно сделать с помощью alt Или longdesc теги, например.

Для видео это можно сделать, добавив к видео субтитры. Если вы загружаете свои видео на YouTube, вы можете разрешить YouTube автоматически создавать субтитры. Тем не менее, полезно просмотреть их и проверить, верны ли они.

То же самое касается TikTok и Instagram Reels. Большинство социальных сетей предлагают автоматические субтитры, поэтому обязательно используйте их! И не забудьте изменить теги alt или субтитры при изменении нетекстовой части.

Обратите внимание на цвета и контраст.

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

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

Мерцающий

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

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

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

Пользователи клавиатуры обычно используют язык клавиша для навигации по интерактивным элементам, таким как ссылки, кнопки и поля ввода текста. Зрячий пользователь клавиатуры (тот, кто может видеть) должен видеть, что он сосредоточился на чем-то с помощью язык ключ. Этот фокус обычно обозначается рамкой или выделением вокруг элемента. Поэтому убедитесь, что на вашем сайте это тоже четко показано!

Попробуйте использовать сайт только с вкладками! Посмотрите, легко ли это, а если нет, обязательно исправьте это.

Разрешить пользователям контролировать сроки

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

Вот почему вы должны разрешить пользователям контролировать таймауты или, по крайней мере, предупреждать их как минимум за 20 секунд до истечения их времени. Если возможно, позвольте им получить продление.

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

Контрольный список гласит: используйте самый ясный и простой язык, соответствующий содержанию сайта. Не пытайтесь все усложнить. И будьте осторожны с сокращениями (программы чтения с экрана их не понимают) и идиоматическими выражениями! Хотя это может иметь смысл для вас как носителя языка, это не всегда хорошо переводится. Например, если бы мы написали «теперь обезьяна вылезает из рукава», что является голландской идиомой, вы, вероятно, не подумали бы, что мы имеем в виду, что кто-то наконец показывает, как он выглядит на самом деле.

Понятное письмо, очевидно, полезно не только для доступности вашего сайта, но и для вашего SEO и пользовательского опыта в целом. Чтобы помочь вам, мы создали в нашем плагине анализ читабельности. Этот анализ поможет вам писать более качественные тексты. Он сканирует ваш текст и сообщает, например, если ваши абзацы слишком длинные или вы используете слишком много пассивного залога.

Помогите своим пользователям избежать ошибок

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

Расскажите своим пользователям, что они сделали не так, и дайте им понятный совет, как сделать это правильно. Не используйте сложный язык. Что, если кто-то выберет неправильный вариант? Если возможно, убедитесь, что пользователи могут отменить свои действия. В противном случае дайте им такую ​​возможность в конце опроса/викторины/и т. д. просмотреть и подтвердить или исправить свои ответы.

Подробнее: Написание доступного контента: 4 проверки, которые можно выполнить с помощью Yoast SEO и редактора блоков »

Что делать, если вы не можете редактировать свой сайт?

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

Вывод: приступайте к работе!

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

Продолжайте читать: Простые в использовании инструменты обеспечения специальных возможностей »