Szkoła w Czarnym Borze

Wyzwanie

Strona placówki publicznej musi uwzględniać wymagania dostępności cyfrowej. Przy projektowaniu trzeba więc zadbać o to, by z treści mogły korzystać także osoby z niepełnosprawnościami.

Jednocześnie strona szkoły i przedszkola powinna być przyjazna dzieciom i rodzicom. Wyzwaniem było połączenie wymagań dostępności z czytelną nawigacją i ciepłą oprawą graficzną.

Rozwiązanie

Zaprojektowałem i zbudowałem stronę od podstaw na autorskim sCMS. Rozwiązania wspierające dostępność uwzględniłem w kodzie i układzie serwisu, bez korzystania z zewnętrznej nakładki.

• Motywy sezonowe: Oprawa graficzna zmienia się automatycznie wraz z porami roku.
• Dostępność: Semantyczny HTML, odpowiedni kontrast, obsługa klawiaturą i widoczne oznaczenie aktywnego elementu.
• Przejrzysta nawigacja: Łatwy dostęp do aktualności, rekrutacji, dokumentów, planu lekcji, rozkładu jazdy, kontaktu i BIP.

Dostępność

Założeniem projektu było spełnienie wymagań WCAG 2.1 na poziomie AA. Na stronie opublikowano także deklarację dostępności. Dodatkowo uwzględniłem wybrane kryteria WCAG 2.2:

• 2.5.8 — minimalny rozmiar celu: Wymagania dotyczące rozmiaru przycisków i odnośników lub odstępów między nimi, z wyjątkami określonymi w kryterium.
• 2.4.11 — niezasłonięty element aktywny: Element wybrany za pomocą klawiatury nie może być całkowicie zasłonięty przez inne elementy interfejsu.

Efekt

Placówka otrzymała stronę z przejrzystą nawigacją i sezonową oprawą graficzną. Rodzice mogą znaleźć potrzebne dokumenty i informacje w jednym miejscu. Własny system sCMS pozwala utrzymywać serwis bez instalowania i aktualizowania wtyczek.