A11y-руководство по навигации сайта для пожилых людей

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

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

Требования к содержанию (обязательно для каждого раздела):
- Для каждого раздела привести:
  1) Краткое объяснение важности (1–2 абзаца).  
  2) Чёткие лучшие практики — 6–10 пунктов, каждый пункт короткий и практический (например, конкретные атрибуты, размеры, тексты, CSS‑правила).  
  3) 2–4 примера реализации: минимум один пример «реального» сайта (название и URL) или, если реального URL нет, понятный макет‑пример (что показано на экране и почему это хорошо).  
  4) Типичные ошибки/ловушки — 3–6 пунктов.  
  5) Небольшие примеры кода/разметки (HTML/CSS/ARIA/JS, 3–8 строк) иллюстрирующие ключевые приёмы (размеры кликабельных областей, aria‑атрибуты, skip link, фокусные состояния и т. п.).  
  6) Короткий чек‑лист для быстрой проверки (3–6 пунктов).

Структура руководства (обязательные разделы; порядок обязателен):
1. Ясная маркировка  
2. Большие кликабельные области  
3. Последовательные схемы навигации  
4. Использование вспомогательных технологий (screen readers, keyboard nav, ARIA)  
5. Реальные примеры (анализ 3–5 сайтов: что сделано правильно, что можно улучшить)  
6. Дополнительные соображения (контраст, размер шрифта, читаемость, настройка размера текста и контраста)

Требования к стилю и формату вывода:
- Язык: русский.  
- Тон: профессиональный, практический, без излишней академичности. Пиши короткими абзацами и маркированными списками.  
- Общий объём: примерно 1000–1600 слов. Каждый из разделов 120–250 слов; раздел «Реальные примеры» до 300 слов.  
- Формат вывода: плоский текст с явными заголовками в виде "1. Ясная маркировка" и т. д.; внутри разделов используйте маркированные списки и короткие код‑блоки (обозначенные тройными обратными кавычками или явно помеченные как пример кода).  
- Включите конкретные числовые рекомендации там, где это применимо (например: минимальный размер кликаемой цели 44×44 px; минимальный размер шрифта 16px; желательный контраст текста к фону не менее 4.5:1 для основного текста и 3:1 для крупного; понятные aria‑атрибуты и примеры).  
- Примеры кода должны быть минимальны и понятны: HTML‑фрагмент для навигации с aria, CSS‑правила для размеров кнопок и состояния :focus, пример "skip to content".  
- В разделе «Реальные примеры» укажите 3–5 сайтов (по возможности известные организации) и кратко опишите: что хорошо, что плохо и что можно улучшить.

Дополнительные ограничения:
- Не уходите в общие рассуждения — давайте практику и применимые решения.  
- Не используйте сложную техническую лексику без кратких пояснений.  
- Не требуйте в руководстве сторонних инструментов с платной подпиской; при упоминании инструментов предпочитайте бесплатные или общедоступные (например, инструменты проверки контраста, Lighthouse, WAVE).  
- Не включайте длинные академические цитаты или ссылки на недоступные ресурсы.

Ожидаемый результат:
- Готовое руководство в указанной структуре, соответствующее объёму и формату, с практическими рекомендациями, примерами кода и чек‑листами. Оно должно быть сразу пригодно для передачи команде разработчиков и дизайнеров.