Mam dla was kolejną w tym tygodniu ciekawostkę z dziedziny dostępności. Tester Kazik zgasza błąd. Wyobraźcie sobie takie flow – klikasz na przycisk, który otwiera popupa. Cośtam sobie robisz w tym okienku, po czym je zamykasz. Iiiii… zauważasz focus na przycisku, który otwierał modala. Tester Kazik mówi, że jemu się to nie podoba, ponieważ stylowanie […]
“Dostępny” ENTER na formularzach
Taka sytuacja. Zgłoszony został bug w aplikacji. Mamy formularz i po kliknięciu ENTER system chce wyjść z formularza, zamiast go submitować. O co chodzi!? [tu pomyśl] Już wiecie? No ja nie wiedziałam. Cały przypadek został odkryty w wielkim, dosyć skomplikowanym formularzu Angulara Materiala. Sprawa ani trochę nie wyglądała sympatycznie. Jednak po uproszczeniu zawiłego kodu… źródło […]
A11Y: atrybut alt + ściąga do pobrania
Każdy developer wie, że osadzając jakikolwiek obrazek na stronie internetowej, należy określić dla niego atrybut alt. Po co? Głównie ze względu na kwestię dostępności witryny. Czytniki ekranu dla osób niewidomych nie opiszą automagicznie treści jakiegokolwiek obrazka. One czytają właśnie atrybut alt.
A11Y: checklisty dostępnej strony
Dostępność stron internetowych to niekończący się temat rzeka. Stworzenie dostępnej strony wymaga nie tylko wczucia się w użytkowników innych niż my sami. Chcąc nie chcąc takie wyzwanie to również tona solidnej wiedzy, teorii i praktyki, zakazów i zaleceń. Nie jest łatwo podczas pracy pamiętać o wszystkich istotnych kwestiach. Z pomocą przychodzą nam… checklisty. Krótsze lub […]
Podstawowe narzędzia do testowania dostępności strony.
Generalnie istnieją 2 sposoby badania dostępności stron internetowych: przy użyciu narzędzi automatycznych oraz za pomocą audytu przeprowadzonego przez zespół ekspertów i osoby niepełnosprawne. W trakcie pracy nad stroną audyt w najlepszym wypadku wykonywany jest kilkukrotnie. Natomiast podczas codziennej pracy developerzy na bieżąco muszą sprawdzać dostępność za pomocą… no właśnie – czego? W tym wpisie chciałabym przedstawić kilka narzędzi przydatnych dla osób pracujących nad dostępnymi stronami.
A11Y: podstawowe pojęcia
Kiedy mówimy o dostępności stron internetowych, trafiamy na kilka istotnych skrótów. Każdy frontowy programista kojarzy pojęcia “WCAG”, “ARIA”, jednak nie zawsze potrafi je poprawnie rozszyfrować. W tym artykule chciałabym uporządkować znaczenia najważniejszych skrótów z dziedziny dostępności i pokazać ich miejsce w ekosystemie a11y.