Благодаря работе @pmusaraj и моей собственной, в Discourse теперь появилась возможность выбрать палитру с более высоким контрастом цветов прямо из мастера настройки.
Доступны как светлая, так и темная версии (они являются последними двумя вариантами в списке). Существующие сайты могут получить доступ к этим цветам, перейдя по адресу community.yoursite.com/wizard/steps/color или выбрав их в качестве базовых палитр при создании новой через admin > customize > colors.
После создания эти палитры будут отображаться в разделе admin > customize > colors. Если вы не используете их в качестве цветов по умолчанию для вашего сайта, вы также можете разрешить пользователям выбирать эти палитры.
При установке как выбираемые пользователем, отдельные пользователи могут выбрать свою цветовую палитру в разделе интерфейса своих настроек (community.yoursite.com/my/preferences/interface).
Если вы столкнетесь с какими-либо проблемами с контрастностью этих палитр, пожалуйста, сообщите нам, чтобы мы могли продолжать соответствовать стандартам, установленным WCAG!
Было бы здорово, если бы стандартная цветовая схема Discourse соответствовала требованиям WCAG. Можете ли вы прокомментировать, почему это пока не так?
Поскольку Discourse изначально не разрабатывался с учётом цветов с более высоким контрастом, вероятно, потребуется внести более существенные изменения, выходящие за рамки только цветов, чтобы учесть эти различия. Реализация этого в качестве первого шага позволит внедрить более доступные цвета уже сегодня.
В качестве простого примера можно привести способ отображения разницы между прочитанными и непрочитанными темами. По умолчанию мы делаем это, снижая контраст после прочтения темы:
При соблюдении стандартов WCAG нам приходится увеличивать контраст заголовков прочитанных тем, и в результате разница в контрасте между прочитанными и непрочитанными темами становится незначительной… поэтому, думаю, в долгосрочной перспективе нам стоит рассмотреть иной подход, отличный от изменения контраста, для различения этих двух состояний.
Это феноменально, спасибо. От имени некоторых моих пользователей с нарушениями зрения, которые жаловались на это, это очень ценно. Я сразу же включил это.
После прочтения первого поста у меня сложилось впечатление, что новые цвета нужно выбрать в мастере, чтобы добавить их в список. Запустив мастер и дойдя до страницы «Цвета», я искал способ выбрать все цвета, так как хотел добавить новые цвета в список. Оказалось, что моё понимание было неверным. Судя по тому, как выбираются цвета на странице «Цвета», можно выбрать только одну цветовую схему. Теперь я запутался.
Что происходит при выборе схемы на странице «Цвета»? Устанавливается ли это значение по умолчанию для всех?
Почему в мастере можно выбрать только одну цветовую схему? Вероятно, ответ такой же, как на вопрос 1.
Поскольку я пишу это, следуя первому посту в процессе работы, я оставил настройки на странице «Цвета» без изменений.
Перехожу к разделу admin > customize > colors. После некоторых экспериментов выяснил, что:
Выберите New (Новый).
Для Base palette (Базовая палитра) откройте выпадающий список, который теперь включает WCAG Light и WCAG Dark.
Это даёт возможность выбрать нужные элементы.
Таким образом, я выбрал WCAG Light, после чего появилось диалоговое окно для имени палитры цветов и выбора цветов. Как в примере, ввёл имя WCAG Light, выбрал опцию Color scheme can be selected by users (Цветовая схема может быть выбрана пользователями) и нажал Save (Сохранить).
Переходя к адресу community.yoursite.com/my/preferences/interface, я не нашёл раздела Color Scheme (Цветовая схема).
Кроме того, на нашем сайте есть Hamburger Theme Selector (Выбор темы через меню-гамбургер). Я думал, что эти варианты появятся там автоматически, но, похоже, мне нужно создать новую Base Theme (Базовую тему), чтобы их использовать.
Это не жалоба, а просто обратная связь от человека, который впервые читает этот пост и пробует всё на практике.
Я посмотрел ваш сайт, но не вижу, чтобы опция «Пользователи могут выбирать цветовую схему» была включена ни для одной из схем. Возможно, вы не поставили галочку, чтобы сохранить выбор?
После добавления нескольких дополнительных цветов, доступных для выбора пользователями, опция интерфейса изменилась, предоставив мне выбор как для обычного, так и для тёмного режима:
Не могли бы вы подробнее объяснить, что это означает? Я собираюсь настроить свой первый форум и хочу кастомизировать цветовую схему, а также обеспечить автоматическое переключение в тёмный режим в зависимости от настроек системы пользователя.
Стоит ли мне использовать эти новые схемы в качестве основы для кастомизации цветов?
Каковы текущие шаги для создания пользовательской цветовой схемы с учётом недавних изменений в способе построения схем для поддержки тёмного режима (обсуждалось в недавних темах) и этих новых доступных схем?
Итак, когда выбираются эти палитры WCAG, загружается дополнительный CSS (найден здесь), чтобы изменить цвета различных элементов (обычно для использования переменной цвета с более высоким контрастом, чем та, которую мы используем по умолчанию). Я полагаю, что CSS загружается на основе названия палитры цветов…
Итак, если вы хотите изменить эти палитры и сохранить некоторые улучшения контраста из пользовательского CSS, я думаю, вам просто нужно не менять название (правильно ли я понимаю, @pmusaraj?).
Или же вы можете скопировать CSS по ссылке выше и использовать его в своей теме (хотя вы не получите обновлений, которые мы вносим).
Нет, CSS, специфичный для WCAG, включается, если текущая схема является производной от одной из двух базовых схем WCAG. Таким образом, вы можете назвать новую схему как угодно, но если она создана на основе базовой схемы WCAG, в неё будет добавлен дополнительный CSS.
Отлично, что появилась эта новая функция! Любопытно: соответствует ли Discourse сейчас полным рекомендациям WCAG или ещё предстоит проделать некоторую работу?
Ещё предстоит немного работы, но не так уж много. Мы уже на 99% готовы и в настоящее время активно сотрудничаем с консультантом по доступности, чтобы устранить последние пробелы.
Следя за этой темой, я рад узнать, что поддерживается WCAG 2.0. Возможно, я упустил это, но не вижу упоминания о субтитрах. Поддерживает ли Discourse субтитры для видеофайлов? Есть ли в Discourse механизм для публикации видео с субтитрами?
