Być może zauważyliście, że od jakiegoś miesiąca na blogu nie pojawił się żaden nowy wpis. Na facebooku też zrobiło się cicho. Dziś chciałabym trochę się usprawiedliwić. I przy okazji wylać z siebie kilka refleksji ostatnich tygodni. Przejście na L4 w ciąży było dla mnie trudną decyzją. Miałam nadzieję pracować aż do porodu, jednak plany planami, […]
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.
Flexbox: prezentacja + źródła nauki
Dziś dzielę się z Wami moją prezentacją o flexboxie. Przygotowałam ją w celu przedstawienia podstawowych informacji: czym jest flexbox, jakie daje możliwości, czy warto z niego skorzystać. Przyznaję się bez bicia – nie jest ona najświeższej daty. Mimo wszystko uważam ją za uniwersalną pigułkę bazowej wiedzy – dlatego też puszczam ją w świat. Usunęłam z […]
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.
W pigułce: tree shaking.
Pojęcie tree shaking. Kojarzycie? Jeśli gdzieś Wam dzwoni, ale nie wiecie, w którym kościele – zapraszam do lektury
35 platform z darmowymi kursami programowania online
Dziś krótko, zwięźle i na temat. Bez owijania w bawełnę. Bez zbędnych komentarzy. Podrzucam Wam prostą listę 35 miejsc w Internecie, gdzie możecie za darmo nauczyć się programowania w JS, a także teorii związanej z szeroko pojętym web developmentem.
W pigułce: progressive enhancement vs. graceful degradation
Progressive enhancement oraz graceful degradation to dwa często spotykane obok siebie pojęcia. W języku polskim czasami są tłumaczone kolejno jako progresywne ulepszanie oraz wdzięczna degradacja. Jednak co to właściwie oznacza?
Stylujemy rodzica w CSS :focus-within, :has(), pointer-events
Często podczas stylowania mamy do czynienia z sytuacją, kiedy rodzic musi zareagować na zmiany w dziecku. Proste – coś dzieje się na danym elemencie, a my chcemy, aby na tę akcję odpowiedział element nadrzędny. Łatwo się mówi.