Потрібно розробити односторінковий сайт для благодійного фонду. Потрібно, щоб він проходив тест на 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 тощо).
• Застосовується семантична розмітка для навігації, форм, таблиць тощо.