Potrzebne jest opracowanie strony internetowej typu one-page dla fundacji charytatywnej. Musi ona przejść test dostępności na 100%. Powinna być również wygodna dla osób z problemami ze wzrokiem...
Na ten temat jest taki artykuł - https://dou.ua/forums/topic/48744/
Inne wymagania
Lista kontrolna zgodności WCAG 2.0 AA
1. Postrzegalność (Perceivable)
• Cała treść nie tekstowa ma tekstowe alternatywy (na przykład, alt dla obrazów, etykiety ARIA dla ikon).
• Wszystkie filmy z dźwiękiem mają napisy.
• Treść audio jest wspierana przez transkrypcję tekstową.
• Informacje nie są przekazywane wyłącznie za pomocą koloru (kolor jest powielany tekstem, ikoną itp.).
• Kontrast między tekstem/grafiką a tłem wynosi co najmniej 4.5:1 (3:1 dla dużego tekstu).
• Tekst można powiększyć do 200% bez utraty funkcjonalności i czytelności.
• Używana jest poprawna hierarchia nagłówków (H1 → H2 → H3 itd.).
• Treść jest czytelna logicznie przy liniowej nawigacji (na przykład, z klawiatury lub czytnika ekranu).
2. Obsługiwalność (Operable)
• Wszystkie interaktywne elementy są dostępne z klawiatury (bez użycia myszy).
• Jest widoczny fokus podczas nawigacji z klawiatury.
• Nawigacja jest spójna na wszystkich stronach (jednorodne elementy są rozmieszczone w ten sam sposób).
• Nie używa się treści, która miga więcej niż 3 razy na sekundę.
• Istnieją mechanizmy pomijania powtarzającej się treści (na przykład, „Przejdź do głównej treści”).
• Wszystkie przyciski i linki mają zrozumiałe i unikalne opisy działań.
• Istnieje możliwość zarządzania oknami pop-up i elementami modalnymi z klawiatury.
3. Zrozumiałość (Understandable)
• Język strony jest określony przez atrybut lang (na przykład, <html lang="pl">).
• Formularze zawierają etykiety (label) i instrukcje, a błędy walidacji mają wyjaśnienia.
• Elementy interfejsu zachowują się przewidywalnie (na przykład, link nie rozpoczyna pobierania pliku bez ostrzeżenia).
• Użytkownik może anulować, powtórzyć lub potwierdzić ważne działania.
4. Solidność (Robust)
• Kod HTML jest poprawny (sprawdzony przez W3C Validator).
• Używane są standardowe elementy i atrybuty HTML (bez nadmiernej personalizacji).
• Wszystkie elementy sterujące są dostępne za pomocą technologii wspomagających (czytniki ekranu, kontrola głosowa itp.).
• Stosowana jest semantyczna struktura dla nawigacji, formularzy, tabel itp.