Потрібно розробити односторінковий сайт для благодійного фонду. Потрібно, щоб він проходив тест на Accessibility на 100%. Також, щоб він був зручний для людей з проблемами зору...
На цю тему є така стаття - https://dou.ua/forums/topic/48744/
Інші вимоги
Чеклист соответствия WCAG 2.0 AA
1. Воспринимаемость (Perceivable)
• Весь нетекстовый контент имеет текстовые альтернативы (например, alt у изображений, ARIA-метки для иконок).
• Все видео с аудиосопровождением имеют субтитры.
• Аудиоконтент сопровождается текстовой транскрипцией.
• Информация не передаётся исключительно с помощью цвета (цвет дублируется текстом, иконкой и т. д.).
• Контраст между текстом/графикой и фоном составляет не менее 4.5:1 (3:1 для крупного текста).
• Текст можно увеличить до 200% без потери функциональности и читаемости.
• Используется корректная иерархия заголовков (H1 → H2 → H3 и т. д.).
• Контент читается логично при линейной навигации (например, с клавиатуры или скринридером).
2. Управляемость (Operable)
• Все интерактивные элементы доступны с клавиатуры (без использования мыши).
• Есть видимый фокус при навигации с клавиатуры.
• Навигация последовательна на всех страницах (однотипные элементы располагаются одинаково).
• Не используется контент, который мигает более 3 раз в секунду.
• Присутствуют механизмы пропуска повторяющегося контента (например, «Пропустить к основному содержимому»).
• У всех кнопок и ссылок — понятное и уникальное описание действия.
• Есть возможность управления всплывающими окнами и модальными элементами с клавиатуры.
3. Понятность (Understandable)
• Язык страницы указан через lang атрибут (например, <html lang="en">).
• Формы содержат подписи (label) и инструкции, а ошибки валидации — пояснения.
• Элементы интерфейса ведут себя предсказуемо (например, ссылка не начинает скачивание файла без предупреждения).
• Пользователь может отменить, повторить или подтвердить важные действия.
4. Надёжность (Robust)
• HTML-код валиден (проверен через W3C Validator).
• Используются стандартные HTML-элементы и атрибуты (без избыточной кастомизации).
• Все элементы управления доступны с помощью вспомогательных технологий (скринридеры, voice control и т. д.).
• Применяется семантическая разметка для навигации, форм, таблиц и т. д.