YourWorldTime

Доступность

Сайт ориентируется на WCAG 2.2 уровня AA. Те части, которые поддаются автоматической проверке, проверяются при каждой сборке, и сборка падает, если они ухудшились.

Что требует сборка

  • Контраст цвета. Каждое сочетание текста проверяется против отношения 4,5:1, а каждый индикатор фокуса — против 3:1, и в светлой теме, и в тёмной. Палитра читается из таблицы стилей, а не дублируется в тесте, поэтому изменение цвета само запускает проверку.
  • Семантика разметки. Линтер применяет правила доступности к каждому компоненту: пропущенные подписи, недопустимый ARIA и неинтерактивные элементы с обработчиками роняют сборку.
  • Никакого горизонтального переполнения, в том числе в арабской раскладке справа налево, — проверяется в настоящем браузере.

Проектные решения

  • Цвет никогда не единственный сигнал. Рабочие часы в планировщике несут не только заливку, но и кромку; предупреждения о переводе стрелок — это слова, а не просто янтарный оттенок.
  • Результаты объявляют себя сами. Каждая область результата помечена aria-live="polite", так что перевод зачитывается при изменении, а не требует поиска.
  • У каждого поля есть настоящая подпись. Нигде подсказка внутри поля не заменяет подпись.
  • Движение считается с вашими настройками. Если задано prefers-reduced-motion, анимация и плавная прокрутка отключаются.
  • Всё работает без JavaScript. Каждое смещение, каждая дата перехода, каждая справочная таблица и каждое объяснение лежат в заранее собранной странице. Скрипты нужны только живым часам и интерактивным инструментам, а элементы управления, которые без них не работали бы, скрыты, а не показаны мёртвыми.
  • Время набрано моноширинным шрифтом с табличными цифрами, чтобы столбцы совпадали, а бегущая цифра никогда не сдвигала текст рядом.

Известные ограничения

  • Суточная полоса в планировщике встреч — широкая таблица. Она прокручивается по горизонтали внутри собственного контейнера, а не перестраивается, потому что перестроенная полоса перестаёт читаться как форма. Та же информация есть текстом в сводке над ней.
  • Автоматические проверки ловят меньшую часть проблем доступности. Если здесь что-то у вас не работает — это дефект, и мы хотели бы о нём знать.

Как сообщить

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