Dostępność FluxCRM

Panel doradcy i Dzwonek są budowane tak, żeby dało się z nich korzystać samą klawiaturą, z czytnikiem ekranu, w trybie wysokiego kontrastu i przy powiększonym tekście. Wybory zapisują się na urządzeniu w oknie „Ustawienia konta”.

Co jest dostępne

• Klawiatura: cały panel działa bez myszy, fokus jest zawsze widoczny, okna (karta szansy, skróty, ustawienia) zatrzymują fokus w środku i po zamknięciu oddają go temu, co je otworzyło. Na początku strony jest link „Przejdź do treści”. Lista skrótów: klawisz ?.
• Czytniki ekranu: przyciski z samą ikoną, pola bez etykiety i okna bez nazwy dostają nazwy dostępne automatycznie; zmiany stanu są zapowiadane komunikatami.
• Kontrast: barwy obu motywów spełniają WCAG 2.1 AA (4,5:1 dla tekstu). Tryb wysokiego kontrastu daje co najmniej 7:1, grubsze obramowania i podkreślone linki. Włącza się ręcznie albo sam, gdy system prosi o wyższy kontrast.
• Rozmiar tekstu: przyciski A- i A+ w nagłówku oraz tryby „Duży” i „Bardzo duży” w ustawieniach konta (panel i Dzwonek).
• Animacje: panel stosuje ustawienie systemu „ogranicz ruch”, a w ustawieniach konta można je ograniczyć ręcznie. Dotyczy to także animacji sterowanych skryptem i płynnego przewijania.
• Języki: polski (domyślny), angielski i ukraiński na ekranie doradcy (Teraz, Kanban, Tabela, karta szansy, skróty, ustawienia konta) i w Dzwonku. Daty, liczby i kwoty mają format właściwy dla języka. Wiadomość klienta można przetłumaczyć na żądanie przyciskiem „Przetłumacz” w karcie szansy (wymaga skonfigurowanego dostawcy modelu). Szablony odpowiedzi mają język: szablony w języku klienta są na początku listy.
• Ikony i przyciski: w ustawieniach konta wybierasz rozmiar „Duży” albo „Bardzo duży” (panel i Dzwonek), a przyciski dostają większe pola dotyku.
• Sygnały zdarzeń: dźwięk, wibracja albo oba. „Tylko wibracja” zastępuje dźwięki wibracją na telefonie (dzwonek nowego klienta, potwierdzenia, wygrana).
• Głos: przycisk „Dyktuj” przy aktywnym polu tekstowym (skrót Alt+Shift+M) wpisuje to, co powiesz, a „Czytaj na głos” w karcie szansy odczytuje jej najważniejsze fakty. Wymaga przeglądarki z rozpoznawaniem i syntezą mowy (Chrome, Edge, Safari); język mowy idzie za językiem interfejsu.
• Skróty klawiszowe dla jednej ręki: okno skrótów (klawisz ?) pozwala wybrać układ dla lewej ręki (mysz w prawej) albo dla prawej (mysz w lewej); układ domyślny działa zawsze.
• Przyciski obok gestów: przeciąganie kart ma odpowiednik w menu etapu i klawiszu e, a gest przyjęcia dzwonka w Dzwonku ma zwykły przycisk.
• Wersja tekstowa bez JavaScriptu na wypadek awarii panelu: api/tekst (po zalogowaniu) pokazuje, kto czeka na nas, zadania na dziś i szanse w toku w zwykłych tabelach. Link do niej jest też w panelu otwartym bez skryptów.

Aplikacja Dzwonek i TalkBack

Dzwonek działa w Chrome na Androidzie, więc TalkBack czyta go przez drzewo dostępności przeglądarki. Każdy przycisk i pole ma nazwę, ekran nowego klienta jest komunikatem natychmiastowym (aria-live), a pola dotyku mają co najmniej 44 px. Testy w przeglądarce sprawdzają to dla ekranów logowania, dzisiejszej listy i ustawień konta.

Audyt i testy z użytkownikami

• Audyt WCAG raz w roku: skrypty axe i kontrastu, test klawiatury i drzewa dostępności (opis w nagłówku fluxcrm/komfort_api.py). Wynik zapisuje polecenie python -m fluxcrm audyt-wcag --wynik ok, a diagnostyka (okno stanu instancji) ostrzega, gdy ostatni audyt jest starszy niż rok.
• Testy z użytkownikami (po zewnętrznej rekrutacji osób korzystających z czytnika ekranu, samej klawiatury albo powiększenia): każda sesja to pięć zadań. Zalogować się samą klawiaturą. Otworzyć szansę z listy „Teraz” i odczytać, kto czeka na odpowiedź. Dodać notatkę i zadanie z terminem. Zmienić etap szansy bez myszy. Znaleźć w ustawieniach konta tryb wysokiego kontrastu i duży tekst. Uwagi z sesji trafiają do zgłoszeń z etykietą „dostępność” i do testów, żeby poprawka nie wracała.
• Materiały wideo ze skryptami nie istnieją; gdyby się pojawiły, każdy film musi mieć ścieżkę napisów (znacznik track z napisami), co pilnuje test plików panelu.

Jak to sprawdzamy

• Skrypt tests/kontrast_css.py liczy kontrast na kolorach z CSS (motyw jasny, ciemny, wysoki kontrast, Dzwonek) i wchodzi w testy.
• Testy w przeglądarce pobierają drzewo dostępności (Chrome DevTools, Accessibility.getFullAXTree) dla głównych ekranów i sprawdzają, że żaden element interaktywny nie jest bez nazwy, a także pułapki fokusu, tryb wysokiego kontrastu, duży tekst, ograniczony ruch i przełączanie języków.

Znane ograniczenia

• Ekrany administracyjne (źródła danych, reguły, katalog, użytkownicy, przydział) są tylko po polsku.
• Pełny panel wymaga JavaScriptu; bez niego działa tylko wersja tekstowa (tylko do odczytu).
• Dyktowanie i odczyt na głos zależą od przeglądarki (Firefox nie ma rozpoznawania mowy). Zewnętrzny audyt WCAG i testy z użytkownikami z niepełnosprawnościami nie zostały jeszcze przeprowadzone; scenariusz sesji jest powyżej.

Zgłoszenie problemu

Napisz do administratora swojej instancji FluxCRM, podając ekran, przeglądarkę i używany czytnik ekranu. Poprawki dostępności dopisujemy do testów, żeby nie wracały.

Wróć do panelu