Poznaj „Inclusive Components”: dostępne, kuloodporne wzorce front-end

Dostępność front-endu jest nadal nieco tajemnicza. Jak budujemy dostępne przyciski i listy rozwijane? A co z podpowiedziami, zakładkami i powiadomieniami przyjaznymi dla klawiatury? A może inkluzywne akordeony, suwaki, tabele danych i modal ? Wymyślmy to razem. Poznaj Inclusive Components , nasz nowy podręcznik do tworzenia w pełni dostępnych produktów cyfrowych. Pobierz bezpłatny przykładowy plik PDF (1,1 MB).

O książce

W swoim sercu, Inclusive Components to szczegółowy, praktyczny podręcznik do tworzenia w pełni dostępnych interfejsów. Książka analizuje 12 typowych wzorców interfejsów — akordeony, tabele, modalności , powiadomienia, tabulatory, przełączniki i wszystko pomiędzy — przez pryzmat włączenia. Rezultatem są dostępne i solidne komponenty , które tworzymy, podłączamy i używamy codziennie.

Heydon Pickering, doświadczony programista front-end, skupiający się na dostępności, od lat pisze o dostępnych rozwiązaniach. Połączyliśmy siły z Heydonem, aby stworzyć książkę zawierającą wspólne wyzwania i rozwiązania, które dopracowywał przez te wszystkie lata.

W przypadku każdego komponentu szczegółowe badania są skrupulatnie zilustrowane, a wszystkie rozwiązania są dostępne jako kuloodporne fragmenty kodu , które można od razu zastosować w Twojej pracy. Bonus: nauczysz się tworzyć własne, dostępne komponenty z myślą o inkluzywnym projektowaniu — wszystko w jednej książce. Przejdź do spisu treści ↓

332 strony . Wysokiej jakości twarda oprawa z szytą oprawą i wstążką. EBook jest dostępny w formacie PDF, ePUB, Amazon Kindle. Napisany i zaprojektowany przez Heydona. Pobierz przykładowy plik PDF (1,1 MB).

Spis treści

Każdy rozdział zajmuje się pojedynczym komponentem, odnoszącym się do tego, jak różne i wrażliwe osoby mogą czytać i wchodzić z nim w interakcje oraz jak można je lepiej przystosować. Pobierz przykładowy plik PDF (1,1 MB).

O autorze

Heydon Pickering (@heydonworks) pracował z The Paciello Group, BBC, Smashing Magazine i Bulb Energy jako projektant, inżynier, pisarz, redaktor i ilustrator. Został nominowany do nagrody Projektanta Roku w The Net Awards.

Heydon wcześniej napisał Inclusive Design Patterns, który sprzedał się w ponad 10 000 egzemplarzy. Dochód z tego tytułu został przekazany ACLU i Demokratycznym Socjalistom Ameryki, aby pomóc tym organizacjom w walce z faszyzmem i tworzeniu bardziej integracyjnego społeczeństwa.

Oto, co podzielił się Heydon, gdy zapytano go, dlaczego zdecydował się napisać tę książkę:

„Kilka lat temu znudziło mi się projektowanie stron internetowych. Potem pojawił się responsywny design, który stawił mi nowe wyzwania. To sprawiło, że moje życie i praca znów stały się interesujące. Potem odkryłem świat dostępności w sieci i mój entuzjazm został ponownie odnowiony. Niektórzy ludzie myślą, że korzystam z dostępności sieci, ponieważ czuję się moralnie zobowiązany lub że czułbym się winny, gdybym tego nie zrobił.

Chociaż mocno wierzę, że wszyscy ludzie powinni mieć dostęp do sieci, jestem również wdzięczny za wyzwania związane z dostępnością sieci, które napotkałem i które omówiłem w tej książce, za stymulowanie mnie i nadanie mojej pracy nowej głębi.

Napisałem tę książkę, ponieważ chcę, abyście wiedzieli, jak fajnie może być uczynić interfejsy bardziej dostępnymi, a także, jak bardzo można to osiągnąć. Dziękuję za przeczytanie tego i mam nadzieję, że również książkę.”

Referencje

„Inclusive Components to bardzo głębokie i dokładne wyjaśnienie rozwoju dostępnych komponentów z przykładami ze świata rzeczywistego. Heydon Pickering pokazuje kilka alternatywnych podejść i wyjaśnia zalety i wady każdego z nich. To także przyjemność czytać!”

— Artem Sapegin, programista front-end, Wayfair

„Inclusive Components to mnóstwo praktycznych i kompleksowych porad dotyczących tworzenia przystępnego interfejsu użytkownika. To moje źródło informacji po oficjalnej dokumentacji WCAG i ARIA. Uważam, że jest to niezwykle pomocne przy tworzeniu naszego systemu projektowania!”

— Sarah Federman, starszy programista front-end

„To, co Heydon osiąga dzięki swojej pracy nad komponentami włączającymi, to pragmatyczny, przyjazny i przystępny zestaw przewodników, które pomagają generować nie tylko dostępne komponenty, ale także odporne i progresywne punkty wyjścia, które pomogą ci budować lepsze strony i aplikacje internetowe w ogólny. Właśnie z tego powodu często opisuję tę pracę jako kluczowy materiał do nauki”.

— Andy Bell, niezależny projektant i programista

Dlaczego ta książka może być dla ciebie

Diabeł tkwi w szczegółach i często rzeczy, które robisz w dobrych intencjach, mogą nieświadomie narzucać bariery dostępności. Inclusive Components jest dla każdego programisty front-end , który chce dowiedzieć się, jak wykrywać i rozwiązywać potencjalne problemy z dostępnością w swojej pracy. Książka nauczy Cię:

1. Jak używać elementów <button> , jak stosować style do przycisków przełączania i jak je opisywać.
2. Jak tworzyć listy zarządzane, które umożliwiają użytkownikom tworzenie i usuwanie treści — w sposób włączający.
3. Jak rozwiązać i rozwiązać problemy z dostępnością za pomocą menu nawigacyjnych i podmenu (tzw. „rozwijanych”).
4. Jak tworzyć dostępne i przyjazne dla klawiatury podpowiedzi i podpowiedzi.
5. Jak stworzyć motyw „tryb ciemny” , który będzie zarówno dostępny, jak i możliwy do utrzymania w dłuższej perspektywie.
6. Jak zbudować dostępny suwak treści, aby zapobiec szkodom dla osób wrażliwych na ruch.
7. Jak tworzyć włączające powiadomienia z aktywnymi regionami, aby komunikować się z użytkownikami jednocześnie za pośrednictwem kanałów wizualnych i dźwiękowych.
8. Jak tworzyć tabele danych , które są semantycznie poprawne, responsywne i można je sortować.
9. Jak tworzyć dostępne okna dialogowe i modalne okna dialogowe z myślą o wydajności i projektowaniu integracyjnym.
10. Jak tworzyć i grupować karty inkluzywne (np. dla teaserów).

Szczegóły techniczne

• ISBN: 978-3-945749-82-1 (druk)
• Wysokiej jakości twarda oprawa, szyta oprawa, wstążkowy znacznik strony.
• EBook jest dostępny w formacie PDF, ePUB i Amazon Kindle na stronie Heydon.
• Bezpłatna wysyłka pocztą lotniczą na cały świat z Niemiec. (Sprawdź czas dostawy.)
• Dostępny jako eBook i druk + eBook.

Sprawy społeczności ️

Za pomocą Inclusive Components staraliśmy się stworzyć bardzo ukierunkowany podręcznik z odpowiednimi, długowiecznymi rozwiązaniami i strategiami tworzenia przystępnych i integracyjnych interfejsów.

Mamy nadzieję, że dzięki książce Heydona będziesz w stanie podejmować lepsze decyzje dotyczące projektowania i kodowania podczas tworzenia interfejsów. Być może stanie się nawet jednym z tych podręczników, do których będziesz sięgać za każdym razem, gdy będziesz musiał zbudować jeden z tych wspólnych komponentów interfejsu użytkownika.

Stworzenie książki zajmuje sporo czasu i nie moglibyśmy tego zrobić bez wsparcia naszej wspaniałej społeczności . Ogromne podziękowania dla członków Smashing za ich nieustanne wsparcie w naszych przygodach. W rezultacie eBook jest i zawsze będzie bezpłatny dla członków Smashing . Ponadto członkowie otrzymują przyjazną zniżkę przy zakupie kopii drukowanej.

Pozostańcie miażdżeni i dziękujemy wszystkim za nieustające wsparcie!

Więcej rozbijających książek

Promowanie najlepszych praktyk i dostarczanie praktycznych wskazówek, jak radzić sobie z codziennymi wyzwaniami związanymi z kodowaniem i projektowaniem, zawsze było (i będzie) w centrum wszystkiego, co robimy w Smashing. W ciągu ostatnich kilku lat mieliśmy szczęście współpracować z kilkoma utalentowanymi, troskliwymi ludźmi ze społeczności internetowej, aby opublikować ich bogate doświadczenie jako książki, które przetrwają próbę czasu. Alla, Adam i Andy to tylko niektóre z tych ludzi. Czy sprawdziłeś już ich książki?