Figma Sites is worse than you might have thought

https://youtu.be/ZsFIvULxkHI

#figma #webdev #accessibility #a11y

546 + 1 = 547

Tytuł: Web accessibility. Wprowadzenie do dostępności cyfrowej

Autor: Wojciech Kutyła

Kategoria: Informatyka

Wydawnictwo: Helion | OnePress

Format: książka papierowa

Liczba stron: 232

Ocena: 7/10

Link do LubimyCzytać:

https://lubimyczytac.pl/ksiazka/5184466/web-accessibility-wprowadzenie-do-dostepnosci-cyfrowej

Książka typu "branżowa" — jest to poradnik dotyczący projektowania stron i aplikacji pod kątem accessibility, czyli dostępności. W świetle dyrektywy EAA (European Accessibility Act), która wchodzi w życie już w tym roku, książka może mieć kluczowe znaczenie dla "spóźnialskich" w temacie dostępności.

Nie jest to jednak książka dająca gotowe rozwiązania i wskazująca, co i jak konkretnie ma wyglądać. Ma ona na celu głównie zmianę sposobu myślenia osób zajmujących się tworzeniem produktów cyfrowych (programistów, designerów, UX-owców itp.) tak, aby wziąć pod uwagę dostępność już na samym początku procesu projektowego oraz w trakcie dokonywania wszelkich iteracji.

Jako wprowadzenie jest bardzo dobra. Mi brakło trochę mięska, ale autor podpowiada kierunki, gdzie można owe mięsko uzyskać.

Minusem tej książki są linki w przypisach. Autor zdecydował się każde ze źródeł przekierować przez swój skracacz linków, przez co nie jesteśmy w stanie poznać kontekstu danego przypisu. Przykładem będzie tu gwiazdka przy słowie "yolo". Zaintrygowana, co może się kryć pod tym linkiem, przepisałam go ręcznie na telefonie i okazało się, że... przekierowuje on po prostu do hasła "YOLO" na Wikipedii. Mogłabym uniknąć straty czasu na przepisywanie tego linka, gdyby autor umieścił w przypisie URL bezpośrednio z Wikipedii (albo chociaż informację o tym, do czego dany link odnosi).

Prywatny licznik (od początku roku): 19/52

Opublikowano za pomocą https://bookmeter.xyz

#bookmeter #czytajzhejto #ksiazki #accessibility #ux

#uxplakaljakuzywal

Dzisiaj temat z pogranicza UX writingu i UX designu, czyli ikonki i etykiety.

Jako ikonkę mam tu na myśli piktogram reprezentujący jakąś funkcję lub informację, w interfejsach często będący przyciskiem; za etykietę zaś uznaję towarzyszący ikonce tekst, wyjaśniający działanie danego przycisku.

Kierując się chęcią stworzenia minimalistycznego interfejsu, designerzy czasem decydują się umieścić w nim samą ikonkę bez towarzyszącej jej etykiety.

Jest to zrozumiałe, gdy korzystamy z tych piktogramów, które są przez użytkowników trwale kojarzone z jednym konkretnym działaniem (np. lupa, dyskietka, iks).

Gorzej, gdy ikonka może być interpretowana na wiele sposobów. Wówczas użytkownicy nie wiedzą, czego spodziewać się po akcji, którą wywołuje dany przycisk. Zwiększają się ich poziomy stresu i napięcia i mniej chętnie eksplorują daną stronę lub aplikację.

Dobrą praktyką UX jest upewnienie się, że każdej ikonce towarzyszy etykieta, która krótko wyjaśnia, czego możemy się spodziewać po naciśnięciu przycisku lub do jakiej podstrony zostaniemy przekierowani.

Jeśli piktogram jest oczywisty — jak na przykład wspomniana już lupka — to można pominąć etykietę.

Jeżeli natomiast nie mamy miejsca na etykietę i jesteśmy zmuszeni dać samą ikonkę, zadbajmy o to, by:

• piktogram jak najlepiej obrazował działanie przycisku;

• etykieta pojawiała się w formie tooltipa po najechaniu kursorem na ikonkę;

• działanie przycisku zostało wyjaśnione w trakcie onboardingu.

Nie zapominajmy przy tym o dostępności — elementy strony, w tym każdy znajdującyc się na niej przycisk, powinny mieć Alt Text, dzięki któremu osoby korzystające choćby ze screen readerów mogły zapoznać się z działaniem każdego elementu.

#UX #uxwriting #Dostępność #accessibility #webdesign

Ale fajny wątek

:person_with_probing_cane:

Źródło: https://www.tiktok.com/@annaconda309/video/7373888196888759594

#niewidomi #accessibility #niepelnosprawnosc #deykuntiktok