Typograficzne rekomendacje zaliczają się do najwyższego, najbardziej surowego poziomu AAA standardu WCAG. Większość projektów dąży do spełnienia wymagań poziomu AA. To może oznaczać, że kwestia typografii będzie lekceważona w trakcie zarówno planowania, jak i testowania dostępności strony internetowej. A szkoda!
Wzorce projektowe dostępnych komponentów
Lubię automatyzować procesy, ułatwiać sobie życie, mądrze zarządzać czasem i energią. Lubię pracę kreatywną, efektywną, która mnie rozwija. Nie lubię nudnego klepania kodu i nie lubię wynajdowania koła na nowo. Dlatego jestem zwolennikiem szablonów wszelakich. Zamiast rozkminiać dokumentację za każdym razem, kiedy chcemy stworzyć dostępny modal, proponuję skorzystać z… gotowców, sprawdzonych szablonów pełnych dobrych praktyk.
SODAR, czyli 2022 State of Digital Accessibility report
Ostatnio wpadłam na ciekawy raport – SODAR z listopada 2022 roku. To wyniki ankiety przeprowadzonej wśród bardzo zróżnicowanej grupy pracowników IT liczącej 1020 osób. Wśród nich byli zarówno testerzy, audytorzy, projektanci, twórcy treści internetowych, programiści i inni ludzie pracujący nad tworzeniem produktów cyfrowych.
Lista nieoczywistych narzędzi do testowania dostępności stron internetowych.
5 lat temu (!) podzieliłam się z Wami listą podstawowych narzędzi do testowania dostępności stron internetowych. Odświeżyłam ją delikatnie, a przy okazji podrzucam jej kontynuację – listę mniej oczywistych narzędzi ułatwiających tworzenie dostępnych stron internetowych.
Jak śledzić aktywny element na stronie?
Przychodzę do Ciebie z niewielką wskazówką o tym, jak ułatwić sobie testowanie dostępności strony za pomocą klawiatury. Otóż czasami nasz focus ginie, np. znajdując się na elemencie umieszczonym poza ekranem. Bywa, zdarza się, kolega mówił, że zna kogoś, kto… Jak sobie sprawnie radzić z tym problemem?
Sposoby na ukrywanie elementów w drzewie dostępności i/lub DOM.
Dzisiaj podzielę się z Tobą krótkim przewodnikiem po ukrywaniu elementów aplikacji. Ukrywaniu wizualnym, w drzewie DOM lub też ukrywaniu przed technologiami asystującymi – w drzewie dostępności.
Dostępne etykiety elementów interaktywnych.
Popularne dobre praktyki poprawiające dostępność elementów dla czytników ekranu jednocześnie sprawiają, że te elementy są niedostępne w oprogramowaniach do sterowania głosem. Sprawdźmy więc, jak prawidłowo uzupełniać owe nieszczęsne etykiety?
Czy strona może być… zbyt dostępna?
Wczoraj czytałam Julce na dobranoc bajkę o królu Midasie. Zakończyła się słowami „we wszystkim trzeba mieć umiar”. Czy aby na pewno? A jeśli chcę zrobić stronę czytelną dla jak największej liczby osób, jeśli chcę wykorzystać maksymalnie każdy ze znanych mi sposobów na poprawę jej dostępności? Czy w tym przypadku również powinnam zachować umiar?
Czy powinno się używać tagów HTML w celach stylistycznych?
Daj sobie minutę, aby spojrzeć na poniższą tabelkę. Daj sobie 2 minuty, aby ją zrozumieć. Zapraszam ciebie do krótkiej dyskusji na temat stylowania za pomocą HTMLa.
Skeumorfizm w projektowaniu stron internetowych (i nie tylko)
Czy front-end developer powinien znać sposoby projektowania stron internetowych? W teorii to robota web designera. A w praktyce… sami wiecie Czasami trzeba dopasować wielkość czcionek, innym razem namalować całą makietę. A zawsze, ale to zawsze – trzeba mieć na oku głównego designera i jego pomysły. Ostatecznie znajomość sposobów projektowania pozwala spojrzeć na projekt z szerszej perspektywy i jest co najmniej przydatna w codziennej pracy.