Podmiot i zakres deklaracji

Niniejsza deklaracja dostępności dotyczy serwisu internetowego stonepepperkitchen.com prowadzonego przez Stone Pepper Kitchen Ltd., Śląska 1, 41-500 Chorzów, Poland.

Serwis jest stroną informacyjno-kontaktową restauracji Stone Pepper Kitchen Ltd. i nie jest objęty obowiązkowym stosowaniem standardów WCAG na mocy Ustawy z dnia 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych, ponieważ operator nie jest podmiotem publicznym. Niemniej jednak dołożono starań, aby serwis był jak najbardziej dostępny dla wszystkich użytkowników.

Standardy i założenia dostępności

Serwis został zaprojektowany z uwzględnieniem następujących wytycznych i dobrych praktyk:

  • Semantyczny HTML5 — nagłówki tworzą logiczną hierarchię (h1 → h2 → h3), elementy interaktywne są znacznikowane odpowiednio (button, nav, main, footer, article, aside).
  • Role ARIA i atrybuty dostępności — przyciski mają atrybuty aria-label i aria-expanded, dialogi mają role="dialog" i aria-modal, nawigacja jest oznaczona aria-label.
  • Kontrast kolorystyczny — biały tekst na ciemnym tle zapewnia współczynnik kontrastu powyżej 4,5:1 zgodnie z wytyczną WCAG 2.1 AA.
  • Widoczne stany focus — wszystkie interaktywne elementy posiadają wyraźny styl focus (złota obwódka) widoczny przy nawigacji klawiaturą. Styl nie jest usuwany przez outline: none.
  • Responsywność i mobile-first — serwis jest zoptymalizowany dla urządzeń mobilnych, tabletów i komputerów stacjonarnych. Przyciski i linki mają minimalne wymiary 44×44 px (obszar klikalny).
  • Opis alternatywny obrazów — wszystkie obrazy posiadają atrybut alt. Obrazy dekoracyjne mają pusty opis alt (alt="") lub ukryty atrybut aria-hidden="true".
  • Atrybuty wydajnościowe obrazów — każdy obraz posiada atrybuty loading="lazy", decoding="async" oraz jawnie określone wymiary (width, height) zapobiegające przesunięciom treści (CLS).

Nawigacja klawiaturą

Wszystkie interaktywne elementy serwisu można obsługiwać klawiaturą:

  • Klawisz Tab przesuwa fokus między elementami interaktywnymi w logicznej kolejności.
  • Klawisz Enter / Spacja aktywuje przyciski i linki.
  • Klawisz Escape zamyka: podgląd zdjęcia (lightbox), mobilne menu nawigacyjne i baner cookies.
  • Klawisze Strzałka w lewo / Strzałka w prawo przełączają między zdjęciami w otwartym lightboxie.
  • Bramka wiekowa (age gate) posiada pułapkę fokusa — Tab pozostaje wewnątrz dialogu do momentu dokonania wyboru.
  • Lightbox zarządza focusem — fokus jest przenoszony do przycisku zamknięcia przy otwarciu i przywracany do elementu, który lightbox otworzył, po zamknięciu.

Serwis zawiera link „Przejdź do treści" na początku każdej strony, widoczny przy nawigacji klawiaturą, umożliwiający ominięcie menu i przejście bezpośrednio do głównej treści strony.

Formularze i walidacja

Formularz kontaktowy serwisu spełnia następujące wymagania dostępności:

  • Wszystkie pola formularza posiadają etykiety (label) trwale powiązane z odpowiednim polem wejściowym.
  • Pola wymagane są oznaczone atrybutem required.
  • Pola formularza mają atrybuty autocomplete ułatwiające wypełnianie na urządzeniach mobilnych.
  • W przypadku błędów walidacji użytkownik jest informowany o konkretnych problemach z wypełnieniem formularza.
  • Trzyetapowy kreator kontaktu (wizard) prowadzi użytkownika przez wybór tematu przed wyświetleniem formularza, co ogranicza liczbę pól widocznych jednocześnie.
  • Zgoda na kontakt zwrotny jest wymagana i dostępna jako element wyboru z etykietą.

Galeria i lightbox

Galeria zdjęć korzysta z implementacji lightboxa (podgląd zdjęcia) z następującymi cechami dostępności:

  • Dialog lightboxa ma atrybut role="dialog" i aria-modal="true".
  • Otwieranie lightboxa blokuje przewijanie strony (overflow: hidden na body).
  • Fokus jest przenoszony do przycisku zamknięcia przy otwarciu lightboxa.
  • Klawiszem Escape można zamknąć lightbox.
  • Każde zdjęcie w podglądzie ma alternatywny opis tekstowy.
  • Przyciski nawigacji (poprzednie/następne zdjęcie) mają etykiety aria-label.

Znane ograniczenia dostępności

Znamy następujące ograniczenia, które są aktualnie w planie działań naprawczych:

  • Karty menu są dostępne jako obrazy o wysokiej rozdzielczości — nie zawierają tekstowej alternatywy dla treści drukowanych kart. Planowane jest dodanie opisów tekstowych w atrybutach alt.
  • Niektóre animacje dekoracyjne mogą być dezorientujące dla użytkowników z zaburzeniami przedsionkowymi — dostępne jest globalne ustawienie prefers-reduced-motion, które wyłącza animacje.

Kontakt w sprawie dostępności

Jeśli napotkałeś problem z dostępnością serwisu stonepepperkitchen.com lub masz sugestię, jak możemy poprawić dostępność, prosimy o kontakt:

E-mail: [email protected]
Telefon: +48 366 484 185
Adres: Śląska 1, 41-500 Chorzów, Poland

Odpowiemy w ciągu 14 dni roboczych od otrzymania wiadomości. Staramy się rozwiązywać zgłoszone problemy tak szybko, jak to możliwe.