У каждого свои предпочтения и потребности, и Joomla позаботится обо всех них.

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

Эти дополнения могут быть полезными, но имейте в виду, что сами по себе они не делают сайт доступным!

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

В Joomla 4 можно изменить настройки бэкенда для каждого пользователя: каждый пользователь может адаптировать бэкэнд к своим потребностям.Настройки специальных возможностей можно найти в профиле пользователя (Пользователи -> Управление) и в пользовательском меню в правом верхнем углу вашего бэкенда.

 

Существует четыре различных параметра, которые можно использовать по отдельности или в комбинации.Монохромный цвет изменит цвета бэкенда с синего на черный/белый:

High Contrast удалит часть фона и сделает контраст ярче:

 

Highlight Links добавляет подчеркивание и границы ко всем ссылкам в бэкенде:

Увеличить размер шрифта изменяет базовый размер шрифта на 18 пикселей (стандартный размер шрифта в браузерах в основном составляет 16 пикселей).

Для пользователей: Плагин Skip-to-navigation

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

 

Это помогает пользователям клавиатуры переходить непосредственно к региону сайта. 

Для пользователей: плагин специальных возможностей

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

 

Плагин добавляет кнопку внизу страницы, для открытия/закрытия функций вы можете использовать горячую клавишу, CTRL+ALT+A в Windows или CTRL+OPTION+A в MacOS.

 

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

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

Скриншот Firefox

 

Существует функция изменения оттенков серого на странице, которую можно использовать в Edge или Chrome, но она отключена в Firefox.

Край скриншота

 

Для некоторых функций есть специальные горячие клавиши:

Модуль или функция	горячая клавиша
Переключить меню	CTRL+ALT+А
Серые оттенки	CTRL + ALT + G
Подчеркивание ссылок	CTRL + ALT + U
Большой курсор	CTRL+ALT+С
Руководство по чтению	CTRL+ALT+R
Текст в речь	CTRL+ALT+Т
Речь в текст	CTRL+ALT+С

Скриншот демо-страницы Cassiopeia с активированным руководством по чтению

 

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

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

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

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

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

Для пользователей: Язык деталей в TinyMCE

Что это такое?

Тег, который помечает часть текста как "другой язык". Он полезен для поисковых систем или программ чтения с экрана, чтобы они знали, что должны изменить свой язык или произношение. Представьте, что программа чтения с экрана использует английское произношение для такой фразы, как "honni soit qui mal y pense" - звучит неловко!

Как настроить?

В плагине TinyMCE вы можете определить языки, которые вы используете в своих текстах. 

 

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

Как использовать в редакторе?

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

 

Теперь эта часть текста помечена как немецкая, программа чтения с экрана соответственно изменит произношение, и поисковые системы тоже поймут ваш текст.

Для авторов и редакторов: проверка доступности — jooa11y 

Помните эту статью Брайана Тимана, объявляющую о новом и захватывающем усовершенствовании Joomla: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Теперь он у нас на борту! 

Этот плагин помогает предоставлять доступный контент на вашем сайте.

Где вы можете найти его?

Это системный плагин, его имя jooa11y, у вас есть этот плагин с Joomla версии 4.1.0, он включен по умолчанию. 

 

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

Кому это выгодно?

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

Авторы контента на вашем сайте, потому что они могут создавать безбарьерный контент.

Агентства и веб-разработчики - у них есть продукт, который позволяет предоставлять безбарьерный контент

Как это использовать?

Напишите любую статью и сохраните или откройте любую существующую статью. 

Активируйте кнопку «Проверка доступности» на панели инструментов, и проверка доступности сразу укажет в окне предварительного просмотра, есть ли нарушения известных правил. 

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

Как это работает?

Вы наверняка помните известное правило «Контрастность цвета текста и цвета фона должна иметь коэффициент контрастности > 4,5»?

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

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

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

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

 

В правом нижнем углу значок проверки дает первую информацию.Он показывает количество проблем, если проблемы были найдены.Нажатие кнопки переключает подробную информацию в тексте.

Давайте пройдемся по шагам: 

Чекер был найден

• Ошибки контраста в двух местах - это ошибки.
• Ссылка с target=_blank. Это может быть правильным и преднамеренным, но в целом это не очень хорошая практика, и поэтому отображается предупреждение. 
• Изображение без alt-текста - это ошибка. 

Примечания

Все настройки и плагины, представленные здесь, не решают проблемы доступности на вашем сайте.Чтобы сделать сайт доступным, вам нужна правильная семантическая структура HTML и хороший CSS.Ядро Joomla помогает вам с доступными структурами в различных представлениях, такими как правильные метки и поля ввода в формах. 

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

Возможности для совершенствования

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

Спасибо

Эта статья является совместной продукцией с Кристианой Майер-Стадтерр . Проверьте эту ссылку для других статей Кристиана .

Мы благодарим Стефана Вайду за его полезные комментарии.