#accessibility

0
3
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
3cdb571b-705d-4792-b1b0-47c58a4cfab0
Wrzoo userbar
2
owczareknietrzymryjski

@Wrzoo fajna ta okładka, klimatyczna

512fdf88-66f1-4030-a6f7-1501480486b8
Wrzoo

@owczareknietrzymryjski xD

fc55e424-f790-4a25-922a-8a8f6e716ae6

Zaloguj się aby komentować

#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
b6447ebe-3f41-422a-a6f0-f5344095d759
Wrzoo userbar
14
Felonious_Gru

@Wrzoo poproszę wpis a potwierdzaniu anulowań, anulowaniu anulowań i anulowaniu potwierdzeń

Pan_Buk

@Wrzoo To czego ja nienawidzę na stronach internetowych, to wyskakujące okienka z jakże interesującymi mnie informacjami! Nie tylko informacje o cookies (dziękuję Unio!), ale co mnie obchodzą godziny otwarcia biblioteki w jakimś Pcimiu Dolnym. I zamiast przeczytać co mnie interesuje, ja szukam iksa, żeby zamknąć to okienko. Mam dwie addonki blokujące cookies, a mimo to gdzieś zawsze trafiają się okienka, które muszę zamykać. Albo okienko "Już wychodzisz? Sprawdź jeszcze naszą ofertę..."

Wrzoo

@Pan_Buk nie mogłabym się zgodzić bardziej. 🥲

Sosnowiczanin

Co do A11Y i alt tekstach przypomniałaś mi jak kiedyś dostałem zlecenie na stronę fundacji, czasy pierwszych jQuery i zachłyśnięcia się web 2.0, może to nie było już tak kolorowe jak czasy stron na tabelach I Geocities ale jeszcze nie czasy bootstrapa i każda strona wygląda identycznie.


No ale do rzeczy miałem pociąć stronę z projektu Photoshopa i przygotować mocno pod SEO, pierdyliard tagów, alt tekstów, bo PageRank czuje dobrze człowiek xD


Wszystko by było dobrze, strona wstępne zaakceptowana przez klienta, zostaje tylko usunąć lorem ipsum i uzupełnić treści i brać się za SEO.


Przychodzi kolejny mail od klienta: niestety nie mogę zaakceptować projektu strony, stronę "widziała" nasza pani dyrektor i powiedziała tylko że ta strona to gówno i jeden wielki bełkot i burdel.


Próbuje wytłumaczyć klientowi że treści uzupełniamy to lirum epsum zniknie i niech zaktualizuje przeglądarkę


To był błąd, po prostu strona miała najrbane tagów, zanim dyrektor na czytniku dotarł do tekstu właściwego to czytal teńme tagi do usranego

Wrzoo

@Sosnowiczanin xDDD piękne!

Zaloguj się aby komentować

Deykun

Mine was from Australia checking expirations on her food and the dates are backwards from America and the lady was disgusted with my ignorance

2ec9da9f-5d96-4a0f-ab0a-e0d7c126528b
Deykun

My first call was helping someone set the numbers on their insulin pump. I was stressedddd

c42531db-79ee-4154-916d-a092748daef6
Tapporauta

Dobre, uśmiechnąłem się przy każdym bardziej niż powinienem (▀̿Ĺ̯▀̿ ̿)

Zaloguj się aby komentować