WordPress 6.9 przynosi sporo poprawek związanych z dostępnością. Brzmi dobrze, ale bez fanfar: aktualizacja nie jest magiczną różdżką, która naprawi całą stronę firmową. Usprawnienia dotyczą przede wszystkim rdzenia WordPressa, panelu administracyjnego i edytora blokowego. Publiczna witryna nadal może mieć problemy wynikające z motywu, wtyczek, formularzy, page buildera, treści albo własnych komponentów.

Dlatego warto rozdzielić dwie rzeczy. Pierwsza to to, co faktycznie poprawiono w WordPressie 6.9. Druga to sprawdzenie, jak po aktualizacji zachowuje się konkretna strona: czy da się ją obsłużyć klawiaturą, czy fokus jest widoczny, czy formularz jasno pokazuje błędy i czy menu nie urządza użytkownikowi toru przeszkód. Bez technobełkotu — właśnie tym zajmiemy się poniżej.

WordPress 6.9 a dostępność — bez technobełkotu

Najkrócej: WordPress 6.9 zawiera pakiet poprawek dostępności w WordPress Core i Gutenbergie. Oficjalny materiał zespołu WordPress Core opisuje 33 usprawnienia i poprawki w samym rdzeniu oraz 44 poprawki i usprawnienia w Gutenbergie. Dotyczą one między innymi obsługi klawiatury, widoczności i zarządzania fokusem, komunikatów dla czytników ekranu, przycisków, menu, formularzy logowania i biblioteki mediów.

Dla właściciela firmy oznacza to przede wszystkim wygodniejszą i bardziej przewidywalną pracę z częścią panelu. Nie oznacza natomiast, że każda publiczna strona po aktualizacji jest automatycznie dostępna albo zgodna z WCAG. To trochę jak wymiana sprawnego elementu w samochodzie: dobrze, że działa lepiej, ale nie jest to jeszcze pełny przegląd całego auta.

Co dokładnie poprawiono w WordPressie 6.9?

Zmiany nie ograniczają się do jednej opcji w ustawieniach. WordPress 6.9 porządkuje wiele drobnych, ale ważnych zachowań interfejsu. W praktyce chodzi o to, aby użytkownik nie gubił się podczas przechodzenia po elementach, widział, gdzie aktualnie znajduje się fokus, oraz otrzymywał zrozumiałe informacje o stanie operacji.

Panel, Customizer i media

W Customizerze poprawiono między innymi dostępność przycisku powrotu oraz zachowanie fokusu przy zmianie logo lub ikony witryny. Uporządkowano także sposób oznaczania elementów, które wizualnie przypominają obszary przeciągania, choć w praktyce są przyciskami. Niby szczegół, ale właśnie z takich szczegółów składa się codzienna obsługa panelu.

Usprawnienia obejmują również bibliotekę mediów. Poprawiono widoczność fokusu przy przyciskach oraz komunikaty dla czytników ekranu, między innymi w sytuacji błędu przesyłania obrazu. Jeżeli regularnie dodajesz zdjęcia, grafiki albo logo, te zmiany mogą przełożyć się na bardziej czytelne zachowanie panelu.

Gutenberg i praca z blokami

W edytorze blokowym poprawiono między innymi zachowanie podmenu po użyciu klawisza Escape, ograniczono przypadki utraty fokusu przy obsłudze przycisków oraz poprawiono etykiety formularzy. Zmieniono też style widocznego fokusu. To ważne podczas pracy bez myszy, bo użytkownik powinien wiedzieć, który element właśnie obsługuje.

Warto jednak pamiętać, że poprawka w Gutenbergie nie oznacza automatycznej poprawki w każdym dodatku do edytora. Własne bloki, page buildery i rozwiązania dostarczane przez wtyczki mogą zachowywać się inaczej.

Dlaczego sama aktualizacja nie załatwia dostępności?

Bo strona firmowa to nie tylko WordPress Core. Na jej działanie wpływają motyw, wtyczki, page builder, własne bloki, formularz kontaktowy, popupy, menu, treści i ustawienia wizualne. Problem może tkwić w zbyt słabym kontraście, nieczytelnych nagłówkach, braku etykiety pola formularza, nieopisanym obrazie albo elemencie, którego nie da się uruchomić bez myszy.

Standardy dostępności WordPressa odnoszą się do WCAG 2.2 na poziomie AA dla kodu zintegrowanego z ekosystemem WordPressa. Nie jest to jednak obietnica, że każda witryna zbudowana na WordPressie spełnia te wymagania. Lista zmian w wersji 6.9 nie zastępuje testów konkretnej strony, a już na pewno nie jest certyfikatem ani formalnym audytem.

Przed aktualizacją warto wykonać kopię zapasową i, jeśli jest taka możliwość, sprawdzić zmianę na środowisku testowym. Po aktualizacji nie zatrzymuj się na panelu. Najważniejsze pytanie brzmi: czy osoba odwiedzająca publiczną stronę może bez problemu znaleźć informacje, skontaktować się z firmą albo przejść przez proces zakupu?

Szybki test klawiaturą: 10 minut i już wiadomo sporo

Nie potrzebujesz od razu skomplikowanych narzędzi, żeby wychwycić część oczywistych problemów. Otwórz stronę i odłóż mysz. Następnie używaj klawiszy Tab oraz Shift+Tab. Wszystkie funkcje dostępne za pomocą myszy powinny być możliwe do obsłużenia również z klawiatury.

Prosta kolejność testu

1. Przejdź przez stronę klawiszem Tab i sprawdź, czy fokus jest cały czas widoczny.
2. Użyj Shift+Tab, aby cofnąć się do wcześniejszych elementów. Zobacz, czy kolejność jest logiczna, a nie przypadkowa.
3. Aktywuj przyciski klawiszami Enter i Spacja, zależnie od rodzaju elementu.
4. Otwórz menu, elementy rozwijane i popupy. Sprawdź, czy można je zamknąć klawiszem Escape.
5. Zobacz, czy fokus nie zostaje uwięziony w jednym fragmencie strony i czy można przejść dalej.

Zacznij od strony głównej, potem sprawdź menu główne i mobilne, najważniejsze przyciski oraz link prowadzący do kontaktu. Jeżeli fokus znika na jasnym tle, przeskakuje bez sensu albo nagle nie wiadomo, gdzie jesteś, to już jest sygnał do dalszej pracy. Automatyczny skaner może znaleźć część problemów, ale nie zastąpi takiego ręcznego testu.

Formularz kontaktowy pod lupą

Formularz kontaktowy jest miejscem, w którym dostępność spotyka się z biznesem. Jeśli ktoś nie może poprawnie wypełnić formularza, firma może po prostu nie dostać wiadomości. Dlatego sprawdź go bez myszy, od pierwszego pola aż po komunikat po wysłaniu.

• Każde pole powinno mieć zrozumiałą etykietę, poprawnie powiązaną z tym polem.
• Do każdego pola trzeba móc dotrzeć klawiaturą i przejść do kolejnego w logicznej kolejności.
• Po wysłaniu formularza z brakującymi albo błędnymi danymi komunikat powinien jasno wyjaśniać, co trzeba poprawić.
• Po poprawnym wysłaniu użytkownik powinien wiedzieć, że formularz został przyjęty.
• Błąd nie powinien być sygnalizowany wyłącznie kolorem.

Nie zakładaj, że poprawki formularzy w Gutenbergie naprawiły formularz kontaktowy używany na Twojej stronie. Może on pochodzić z innej wtyczki, page buildera albo własnego rozwiązania. Tu liczy się zachowanie konkretnego wdrożenia, nie sam numer wersji WordPressa.

Co przetestować na stronie firmowej po aktualizacji?

Po aktualizacji przejdź przez elementy, z których użytkownik naprawdę korzysta. Nie chodzi o odhaczanie technicznej listy dla sportu, tylko o sprawdzenie drogi od wejścia na stronę do kontaktu lub zakupu. W pierwszej kolejności skontroluj:

• menu główne i mobilne oraz wszystkie elementy rozwijane;
• linki, przyciski i wyszukiwarkę;
• formularz kontaktowy, logowanie i komunikaty błędów;
• popupy, bannery cookies i elementy, które pojawiają się nad treścią;
• multimedia, zdjęcia i alternatywne opisy obrazów;
• nagłówki, kontrast tekstu i widoczność fokusu;
• całą ścieżkę kontaktu lub zakupu, jeśli strona prowadzi sprzedaż.

Sprawdź zarówno widok desktopowy, jak i mobilny. Menu może działać poprawnie w jednym miejscu, a w drugim blokować fokus albo wymagać najechania myszą. Jeżeli korzystasz z niestandardowego motywu, wielu wtyczek lub page buildera, zachowanie może różnić się od tego w „czystym” WordPressie.

Warto też przejść przez biblioteki mediów i panel administracyjny, szczególnie jeśli kilka osób w firmie samodzielnie publikuje treści. Poprawki w WordPressie 6.9 mogą ułatwić pracę, ale nadal trzeba pilnować sposobu dodawania nagłówków, obrazów i opisów.

Kiedy wystarczy szybki test, a kiedy potrzebny jest audyt?

Ręczny test klawiaturą to dobry pierwszy krok. Potrafi szybko pokazać problemy z widocznością fokusu, kolejnością elementów, menu, popupami i formularzem. Nie odpowie jednak na wszystkie pytania. Nie sprawdzi całego doświadczenia użytkownika i nie potwierdzi formalnej zgodności z WCAG.

Automatyczne narzędzia również mogą pomóc znaleźć część błędów, ale ich wynik trzeba interpretować ostrożnie. Przy prostej stronie firmowej można zacząć od ręcznej kontroli najważniejszych ścieżek. Przy rozbudowanej witrynie, sklepie, niestandardowym motywie albo wielu wtyczkach potrzebna może być szersza weryfikacja, także z użyciem czytnika ekranu lub audytu specjalistycznego. Zakres zależy od złożoności strony i ryzyka, a nie od samego faktu aktualizacji.

WordPress 6.9 poprawia ważne elementy rdzenia i Gutenberga, ale dostępność strony firmowej trzeba sprawdzić w realnym wdrożeniu. Zacznij od klawiatury, widocznego fokusu, menu, formularzy i ścieżki kontaktu. Dopiero potem oceniaj, czy potrzebna jest dokładniejsza analiza. Masz stronę, sklep albo materiały graficzne, które proszą się o ogarnięcie? Napisz do INB Marketing i zobaczymy, co da się z tym sensownie zrobić.