Realizacje › Nike Bydgoszcz
Sport i organizacje pozarządowe
Strona internetowa dla stowarzyszenia Nike Bydgoszcz
Dostępna dla każdego, z boccią do zagrania od razu.
Stowarzyszenie Integracyjno-Sportowo-Rehabilitacyjne „Nike Bydgoszcz” prowadzi sekcję boccii dla dzieci i dorosłych z niepełnosprawnościami. Zaprojektowałem i zbudowałem ich stronę od zera: zgodną z WCAG 2.1 AA, z deklaracją dostępności, działem PFRON i grą w boccię, w którą można zagrać myszą, palcem albo samą klawiaturą.
Wyzwanie
Strona dla ludzi, którzy często korzystają z internetu inaczej
Stronę Nike Bydgoszcz odwiedzają zawodnicy na wózkach, rodzice dzieci z niepełnosprawnościami, wolontariusze i instytucje, które dają pieniądze na zajęcia. Część z nich używa czytnika ekranu, porusza się po stronie wyłącznie klawiaturą albo potrzebuje większego tekstu. Dla takiej organizacji dostępność to podstawowy warunek, bez którego strona nie spełnia swojej roli.
Do tego dochodzą przepisy. Stowarzyszenie działające na rzecz osób z niepełnosprawnościami podlega ustawie o dostępności cyfrowej, więc strona musi spełniać WCAG 2.1 AA i mieć deklarację dostępności. Część zajęć finansuje PFRON, a to oznacza obowiązek informacyjny: każde dofinansowane zadanie trzeba opisać i oznaczyć logo Funduszu według jego księgi znaku.
Co zbudowałem
01 · Gra w boccię
Boccia w przeglądarce, w dwóch trybach
Szybka gra w nagłówku strony głównej (3 bile, 1 end) i pełna Boccia Arena z nazwami drużyn, komputerowym przeciwnikiem na 3 poziomach i tabelą wyników. Formaty zgodne z przepisami BISFed: 4 endy w grze indywidualnej, 6 w drużynowej, dogrywka przy remisie.
02 · Sterowanie
Zagrasz myszą, palcem i klawiaturą
Strzałki celują i regulują siłę, spacja rzuca, klawisze Z i X podkręcają bilę. Czytnik ekranu na bieżąco podaje turę i wynik. Na telefonie gra ma pełny ekran i układ poziomy, a pionowy gest nad planszą dalej przewija stronę.
03 · Panel ułatwień
Ustawienia, które zostają
4 rozmiary tekstu, wysoki kontrast, podkreślanie linków, czytelniejsza czcionka Atkinson Hyperlegible i zatrzymanie animacji. Wybór zapisuje się w przeglądarce i działa na każdej podstronie bez mignięcia przy wczytaniu.
04 · Zgodność z ustawą
Deklaracja dostępności i tekst łatwy do czytania
Deklaracja z procedurą żądania dostępności (7 dni na odpowiedź, 2 miesiące na realizację), skargą do RPO i opisem dostępności siedziby. Osobna wersja treści w tekście łatwym do czytania dla osób z niepełnosprawnością intelektualną.
05 · Dział PFRON
Obowiązek informacyjny w jednym miejscu
Podstrony „Projekty” i „Realizacje PFRON” czytają dane z jednego pliku. Oficjalne logo Funduszu z zachowanym polem ochronnym, formuła o dofinansowaniu wpisana raz dla całej strony. Puste pole się nie wyświetla, więc nikt nie wpisuje kwot „na oko”.
06 · Treść dla rodzin
Galeria i strefa dla dzieci
Galeria sama buduje albumy z folderów ze zdjęciami, a lightbox obsługuje klawiaturę i gesty. Strefa dla dzieci tłumaczy boccię w 3 krokach, ma kolorowankę do druku i 8 odpowiedzi na pytania rodziców przed pierwszymi zajęciami.
Jak to wygląda
Pod maską
Lekka strona, którą Google i czytnik ekranu czytają tak samo
Strona to PHP renderowany po stronie serwera, więc wyszukiwarka i asystenci AI dostają gotową treść bez czekania na skrypty. Gra działa na zwykłym Canvas 2D, bez zewnętrznych bibliotek: oba tryby napędza jeden silnik, a zasady bocci są zapisane w jednym miejscu.
- Dane strukturalne SportsOrganization i NGO z numerami KRS, NIP i REGON, FAQPage na stronie głównej i w strefie dla dzieci.
- Mapa strony, plik llms.txt dla asystentów AI i przyjazne adresy bez końcówek .php.
- Link „Przejdź do treści”, widoczny fokus, obsługa ustawienia „ogranicz ruch” w systemie.
- Sprawdzone automatycznie na 8 podstronach i 9 szerokościach ekranu, od 320 do 1920 px: bez przewijania w poziomie.
Pytania o strony dla organizacji
Czy strona stowarzyszenia musi spełniać WCAG?
Stowarzyszenie, które działa na rzecz osób z niepełnosprawnościami albo realizuje zadania ze środków publicznych, podlega ustawie z 4 kwietnia 2019 r. o dostępności cyfrowej. Strona musi wtedy spełniać WCAG 2.1 na poziomie AA i mieć opublikowaną deklarację dostępności.
Co musi zawierać deklaracja dostępności?
Status zgodności z WCAG, listę elementów niedostępnych z uzasadnieniem, datę publikacji i aktualizacji, dane osoby kontaktowej, procedurę żądania zapewnienia dostępności z terminami (7 dni na odpowiedź, do 2 miesięcy na realizację), informację o skardze do Rzecznika Praw Obywatelskich oraz opis dostępności architektonicznej siedziby.
Jak oznaczyć na stronie dofinansowanie z PFRON?
Zleceniobiorca PFRON ma obowiązek informować o dofinansowaniu we wszystkich materiałach dotyczących zadania i pokazywać logo Funduszu w oficjalnej wersji z księgi znaku, bez zmian proporcji i kolorów, z zachowaniem pola ochronnego. Dokładne brzmienie formuły wynika z umowy, dlatego na stronie Nike Bydgoszcz siedzi ona w jednym miejscu i zmienia się na wszystkich podstronach naraz.
Ile kosztuje strona internetowa dla stowarzyszenia?
Stronę wizytówkę robię od 2 500 zł jednorazowo. Zakres taki jak w Nike Bydgoszcz, z grą w przeglądarce, panelem dostępności i działem PFRON, wyceniam indywidualnie po rozmowie o tym, co stowarzyszenie ma już gotowe. Więcej o cenach: ile kosztuje strona internetowa.