Доступность
Как мы создали этот сайт, чтобы им могли пользоваться все, что мы проверили, что ещё предстоит улучшить и как сообщить нам о барьере. Это перевод: при расхождениях между версиями действует итальянское заявление.
Наши обязательства
Atelier Rodighiero.Design — подразделение Rodighiero.Design, посвящённое виллам на озёрах. Студия работает по принципу Design for All: проект удачен, когда им могут пользоваться, понимать его и получать от него удовольствие как можно больше людей, во всём многообразии их способностей, возраста и обстоятельств.
Тот же принцип мы применяем к этому сайту. Доступность была требованием с первого наброска, а не дополнением задним числом.
Статус соответствия
Сайт спроектирован в соответствии с Web Content Accessibility Guidelines (WCAG) 2.2 (открывается в новой вкладке) уровня AA — критериями, на которые ссылается европейский стандарт EN 301 549.
- Статус
- Частично соответствует
- Причина
- Ручное тестирование с программами экранного доступа продолжается; известные ограничения описаны ниже.
- Ориентир
- WCAG 2.2, уровень AA
Мы публикуем это заявление добровольно, следуя структуре шаблона AgID, используемого государственными учреждениями Италии.
Известные ограничения
- Языки. Сайт написан ателье на итальянском, английском, немецком и русском; при расхождениях действует итальянский текст. Смена языка открывает соответствующую страницу без служб машинного перевода.
- Личный архив клиента. Со страницы Client Login вы переходите в облако студии (cloud.rodighiero.design), где вводите имя пользователя и пароль. Это отдельный от сайта сервис на базе программы Nextcloud: его доступность зависит от этой программы и не охватывается настоящим заявлением.
- Внешние сайты. Ссылки на Rodighiero.Design и другие сайты ведут к контенту, который не охватывается настоящим заявлением.
Как устроен сайт
- Упорядоченная структура заголовков и обозначенные области страницы, чтобы пользователи программ экранного доступа легко ориентировались.
- Контрастность текста не ниже 4,5:1, проверенная в светлой и тёмной темах; текст поверх фотографий лежит на вуали, рассчитанной так, чтобы оставаться читаемым даже на ярком небе.
- Полная навигация с клавиатуры, всегда видимый индикатор фокуса и ссылка для перехода к содержимому.
- Свободное масштабирование до 400% без потери содержимого; масштабирование браузера никогда не блокируется.
- Написанные вручную альтернативные тексты для каждой фотографии вилл, описывающие, что на ней видно.
- Учёт настроек устройства: уменьшение движения и тёмная тема применяются автоматически.
- Предсказуемые ссылки: страницы сайта открываются в той же вкладке; внешние сайты — в новой вкладке, что отмечено стрелкой ↗ и озвучивается программами экранного доступа. При желании в настройках можно открывать всё в той же вкладке.
- Вступительные слайд-шоу с фотографиями и видео всегда имеют кнопку паузы; видео беззвучные и декоративные. Всё останавливается кнопкой «Остановить анимацию» или настройкой уменьшения движения на вашем устройстве.
- На страницах вилл каждая фотография открывается в увеличенном виде в окне на переднем плане: клавиши со стрелками или две кнопки по бокам переходят к предыдущему или следующему изображению, Home и End — к первому и последнему, Esc закрывает окно и возвращает к исходному изображению; на телефоне листайте пальцем. У каждого изображения есть своё описание для программ экранного доступа; с функцией «Описания изображений» описание выводится и на самом изображении.
- На сайте нет форм: вы пишете в ателье из своей почтовой программы готовым сообщением.
- Никаких автоматических виджетов коррекции поверх страницы: сайт изначально создан доступным.
Настройки доступности
Элемент «Доступность» в меню открывает панель с несколькими настройками: крупный текст, интервалы текста, удобочитаемый шрифт, высокая контрастность, выделение ссылок, описания изображений, остановка анимации и открытие внешних сайтов в той же вкладке. Выбор сохраняется на этом устройстве и отменяется кнопкой «Сбросить».
На той же панели функция «Чтение вслух» заставляет синтезированный голос вашего устройства читать страницу блок за блоком: заголовки, абзацы, пункты списков и изображения с их описаниями. Панель внизу позволяет останавливать и возобновлять чтение и переходить по абзацам или разделам. Команда появляется, только если на вашем устройстве есть голос на языке страницы; качество голоса зависит от операционной системы.
Те же настройки, включённые в параметрах доступности операционной системы или браузера, действуют на всех сайтах.
Работа с сайтом с клавиатуры
Любая часть сайта доступна и управляема без мыши. Команды — обычные для веба:
- Tab и Shift + Tab — переход вперёд и назад по ссылкам и кнопкам в порядке их появления; первая ссылка — «Перейти к содержимому», она пропускает шапку.
- Enter — открыть ссылку, Enter или Пробел — нажать кнопку.
- Стрелки вверх и вниз , Пробел и клавиши листания — прокрутка страницы.
- Esc — закрыть меню, панель «Доступность», выбор языка, окно изображения и панель чтения.
Некоторые браузеры, особенно на Mac, по умолчанию с помощью Tab переходят только по кнопкам и полям и пропускают ссылки. Это настройка браузера, которую меняют один раз для всех сайтов:
- Safari на Mac: в Safari откройте «Настройки», «Дополнения» и включите «Выделять каждый объект веб-страницы клавишей Tab». Либо Option + Tab переходит к любому элементу.
- Chrome: в настройках, в разделе «Внешний вид», параметр, при котором Tab выделяет и ссылки; обычно он уже включён.
- Firefox на Mac: следует системной настройке; в «Системных настройках», «Клавиатура» включите «Навигацию с клавиатуры».
- Edge и Firefox в Windows: работают как есть, без изменения настроек.
Текст можно увеличить в любом браузере сочетанием Cmd или Ctrl и +; сайт перестраивается без потери содержимого до 400%.
Как мы проверяли
- Автоматическая проверка с помощью axe-core (WCAG 2.2 AA и лучшие практики) всех 17 страниц на экранах компьютера и телефона, в светлой и тёмной темах, с открытыми меню, панелью «Доступность», выбором языка и окном изображения и со всеми включёнными настройками: 330 проверок, ошибок не найдено.
- Измерение контрастности текста поверх вступительных фотографий и видео в самой светлой точке каждого изображения, на компьютере и телефоне: весь текст выше 4,5:1.
- Проверка страниц шириной от 320 до 1280 пикселей с крупным текстом, интервалами, удобочитаемым шрифтом и включёнными описаниями изображений: без горизонтальной прокрутки, описания есть на всех изображениях.
- Проверка навигации с клавиатуры и масштабирования текста.
- Ещё предстоит: проверки с программами экранного доступа VoiceOver и NVDA и тестирование с участием людей с инвалидностью.
Заявление подготовлено , обновлено
Сообщить о барьере
Если какая-то часть сайта для вас недоступна, напишите нам. Каждое сообщение помогает нам улучшить сайт для всех.
По возможности укажите:
- страницу, на которой возникла проблема;
- что вы пытались сделать;
- ваше устройство, браузер и используемые вспомогательные технологии, если они есть.
Мы отвечаем в течение 10 рабочих дней.
Написать сообщение или написать на atelier@rodighiero.design