Dostępność
Jak budujemy z myślą o użytkownikach klawiatury, czytników ekranu, słabowidzących i korzystających z prostych urządzeń. Uczciwy, datowany przegląd.
Nasze zobowiązania
- Pełna nawigacja klawiaturą. Każda kontrolka generatora, każdy modal i każdy przepływ eksportu są dostępne bez myszy.
- Widoczne stany fokusa. Aktywne pola, przyciski i linki mają wyraźną ramkę fokusa. Nie polegamy wyłącznie na kolorze.
- Etykiety przy każdym polu. Pola formularzy mają powiązane elementy
<label>lub atrybutyaria-label. Tekst placeholder nigdy nie jest jedyną etykietą. - Regiony na żywo ARIA dla podglądu QR i powiadomień. Czytniki ekranu słyszą komunikaty "QR wygenerowany" i powiadomienia toast w momencie ich pojawienia się, nie tylko po przeniesieniu na nie fokusa.
- Tekstowe alternatywy dla przycisków tylko z ikonami.
aria-labelna każdym przycisku z samym SVG. - Znaczenie statusu niezależne od koloru. Odznaki skanowalności i chipy zgodności łączą kolor z glifem i etykietą tekstową.
- Wyraźne nazwy formatów eksportu. Przyciski pobierania podają "Pobierz PNG", "Pobierz SVG" itp., a nie tylko "Pobierz".
- Duże obszary dotykowe na urządzeniach mobilnych. Elementy interaktywne mają co najmniej 44 × 44 piksele CSS na wskaźnikach zgrubnych, zgodnie z WCAG 2.5.8.
- Respektowanie preferencji ograniczonego ruchu. Przejścia są wyłączone przy ustawieniu
prefers-reduced-motion: reduce.
Gdzie jeszcze mamy braki
- Pokrycie testami czytników ekranu jest nierówne. Generator był testowany z VoiceOver (macOS/iOS) i NVDA. JAWS i TalkBack wymagają więcej czasu.
- Kreator wizytówek jest z założenia sterowany myszą (przeciąganie do pozycji, podgląd na kanwie). Alternatywy klawiaturowe istnieją dla każdej kontrolki, ale pętla informacji zwrotnej na żywo jest nadal przede wszystkim wizualna.
- Złożone przepływy generatora (CSV wsadowy, kreator wieloetapowy) mogłyby mieć lepszą strukturę linków pomijających. Zaplanowane.
- Nasza macierz zgodności jest obecnie prezentowana jako tabele HTML. Nagłówki kolumn dla czytników ekranu działają, ale chcielibyśmy dodać dłuższe opisy podsumowujące dla każdego wiersza.
Testowane przeglądarki i technologie wspomagające
Ostatni pełny przegląd: kwiecień 2026. Między przeglądami przeprowadzamy wyrywkowe testy po istotnych zmianach interfejsu.
| Przeglądarka | AT | Platforma | Status |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | Przetestowana, działa |
| Firefox | NVDA | Windows 11 | Przetestowana, działa |
| Chrome | NVDA | Windows 11 | Przetestowana, działa |
| Chrome | ChromeVox | ChromeOS | Sprawdzana wyrywkowo |
| Chrome | TalkBack | Android 14, 15 | Sprawdzana wyrywkowo |
| Edge | Narrator | Windows 11 | Sprawdzana wyrywkowo |
| Safari | JAWS | Windows 11 | Jeszcze nie testowana |
Mapa klawiatury
- Tab / Shift+Tab: przejście do przodu / do tyłu przez elementy z fokusem.
- Enter / Spacja: aktywacja przycisków i przełączników.
- Klawisze strzałek: poruszanie się między opcjami w grupie radio (selektor typu, selektor szablonu, pasek zakładek).
- Escape: zamykanie modali (Kreator wizytówek, preflight, usługi druku, kadrowanie obrazu).
- Home / End w menu z przewijaniem, skok do pierwszego / ostatniego elementu.
Zgłaszanie problemów
Jeśli coś jest niedostępne klawiaturą, błędnie oznaczone lub niemożliwe do użycia w Twoim środowisku, napisz na hello@abundera.ai. Podaj przeglądarkę, system operacyjny, technologię wspomagającą i konkretny przepływ. Błędy dostępności traktujemy priorytetowo.