polite a assertive: wybór pilności
Zdecyduj, czy aktualizacja ma przerwać pracę użytkownika.
polite a assertive: wybór pilności to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Web Accessibility Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Web Accessibility Academy zawiera 4 lekcji w sumie.
Czym jest live region
Live region to element obserwowany przez czytnik ekranu, który odczytuje każdą zmienioną w nim treść bez konieczności przenoszenia tam fokusu przez użytkownika.
Dwa poziomy uprzejmości
Atrybut aria-live ma dwie przydatne wartości, po które będzie się Pan/Pani często sięgać: polite i assertive. Określają one sposób dostarczenia aktualizacji. 🔊
Polite czeka na swoją kolej
Przy wartości polite czytnik ekranu kończy to, co właśnie mówi, a następnie odczytuje aktualizację. Nigdy nie przerywa użytkownikowi w połowie zdania.
<div aria-live="polite">Draft saved</div>Assertive przerywa natychmiast
Przy wartości assertive czytnik ekranu przerywa bieżący odczyt i natychmiast ogłasza aktualizację. Należy używać jej tylko wtedy, gdy czekanie mogłoby zaszkodzić użytkownikowi.
<div aria-live="assertive">Connection lost</div>Polite to domyślny wybór
Niemal zawsze wybieraj polite. Aktualizacje dotyczące zapisywania, sortowania, filtrowania i postępu mogą chwilę poczekać, nie wprowadzając nikogo w błąd.
Zachowaj assertive na prawdziwe sytuacje awaryjne
Używaj assertive tylko w przypadku informacji, które użytkownik musi usłyszeć natychmiast, na przykład o odrzuconej płatności lub zbliżającym się wygaśnięciu sesji.
Istnieje też wartość off
Wartość off informuje czytnik ekranu, aby ignorował zmiany w tym elemencie. Jest to niejawna wartość domyślna elementów, których nie oznaczono jako live.
<div aria-live="off">Silent updates</div>Region musi istnieć wcześniej
Element live powinien znajdować się w DOM-ie przed zmianą tekstu. Czytniki ekranu obserwują istniejące regiony, dlatego należy dodać go jako pusty, a później go wypełnić.
<div id="msg" aria-live="polite"></div>Zmieniaj tekst, nie region
Ogłaszaj komunikat, aktualizując zawartość tekstową wewnątrz istniejącego regionu. Zastąpienie całego regionu może spowodować, że komunikat nie zostanie ogłoszony.
document.getElementById('msg').textContent = 'Saved';Assertive może powodować nakładanie się komunikatów
Jeśli szybko wyślesz kilka aktualizacji assertive, będą wzajemnie ze sobą konkurować, przerywając sobie i nakładając się na poprzedni komunikat. Polite umieszcza je natomiast w kolejce we właściwej kolejności.
Dopasuj pilność do znaczenia
Wybierz poziom, zastanawiając się, jak bardzo przerwanie pomaga użytkownikowi. W przypadku większości aktualizacji: polite. W przypadku błędów i ostrzeżeń, na które użytkownik musi zareagować: assertive.
Szybki test
Dodajesz krótkie potwierdzenie, że lista została posortowana. Który poziom uprzejmości pasuje najlepiej?
Podsumowanie: wybór pilności
Dowiedziałeś się, że polite czeka, a assertive przerywa. Domyślnie wybieraj polite, zachowuj assertive na prawdziwe sytuacje awaryjne i pozostawiaj region w DOM-ie. ✅
Często zadawane pytania
Czy lekcja „polite a assertive: wybór pilności” jest bezpłatna?
Tak — pełny tekst „polite a assertive: wybór pilności” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Web Accessibility Academy, przejdź na CoddyKit PRO. Kurs Web Accessibility Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „polite a assertive: wybór pilności”?
Zdecyduj, czy aktualizacja ma przerwać pracę użytkownika. Ćwiczysz Web Accessibility Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Web Accessibility Academy?
Nie wymagamy żadnego doświadczenia. Web Accessibility Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.
Ile czasu zajmuje lekcja „polite a assertive: wybór pilności”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Web Accessibility Academy?
Tak. Każda lekcja Web Accessibility Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- polite a assertive: wybór pilności
- Role status, alert i log
- Informowanie o toastach, loaderach i licznikach
- Dlaczego regiony live zawodzą i jak to naprawić