Dzisiaj chciałabym z Tobą porozmawiać o dostępności elementu span. Jak można go popsuć, zapytasz, przecież to tylko span… Otóż weźmy na warsztat bardzo specyficzny przypadek, kiedy otaczamy tagiem span jedynie część słowa. Pamiętaj, diabeł tkwi w szczegółach.
3 praktyki programisty, które mordują dostępny Internet – część 2
Wracam na bloga po długiej przerwie ze słodko-gorzkim tematem. Powiem Ci o rzeczach oczywistych, a jednocześnie bolesnych. Uśmiechniesz się pod nosem nie raz, myśląc „banał”. Jednak niepokorne myśli odlecą ku wspomnieniom ukrytych, niechlubnych praktyk. W końcu wiedziałeś o zagrożeniu, ale nic z tym nie zrobiłeś. Bo to, bo siamto, zawsze znajdzie się wymówka. Prawda?
Dostępność w praktyce dla programisty
Prezentacja o dostępności internetowej dla programistów, w praktyce. Krótko, zwięźle i na temat. Bez owijania w bawełnę.
3 praktyki programisty, które mordują dostępny Internet – część 1
Dlaczego nie piszemy stron zgodnych z wytycznymi WCAG? Czy jest to kwestia czasochłonności? Braku wiedzy? A może Twojej wypłaty? Lenistwa?
Skup się na focusie
Mam dla was kolejną w tym tygodniu ciekawostkę z dziedziny dostępności. Tester Kazik zgłasza 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?
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
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.
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.