Ulepszenia UX dla dostępności klawiatury

W jaki sposób możemy zapewnić przystępne środowisko dla użytkowników korzystających tylko z klawiatury i technologii pomocniczych bez wpływu na wrażenia innych użytkowników? Uprzejmie poprosiliśmy Aarona Pearlmana, głównego projektanta UX w Deque Systems, o podzielenie się praktycznymi narzędziami i technikami, które zapewnią naszym użytkownikom wszechstronne i przystępne doświadczenie.

W ramach naszego Smashing Membership co tydzień prowadzimy Smashing TV, serię webinariów na żywo. Bez puchu — tylko praktyczne, dające możliwość działania webinaria z pytaniami i odpowiedziami na żywo, prowadzone przez szanowanych praktyków z branży. Rzeczywiście, program telewizyjny Smashing wygląda już dość napięty i jest bezpłatny dla członków Smashing Members, wraz z nagraniami — oczywiście .

Mamy nadzieję, że webinarium spodoba Ci się tak samo jak nam!

Aaron Pearlman: Powinieneś widzieć mój ekran. Dobra, w tej chwili, pozwól mi po prostu… No to idziemy, bardzo dobrze. Witam wszystkich. Tak jak powiedziałem, jestem Aaron Pearlman, główny projektant doświadczeń użytkownika w firmie Deque. I myślę – Uh, pozwól mi się ruszyć – Zoom ma tendencję do umieszczania trochę interfejsu użytkownika na drodze, więc przepraszam, jeśli wyglądam, jakbym gorączkowo się poruszał i mam nadzieję, że się nie wyświetla. Dlatego dzisiaj porozmawiamy o typach optymalizacji, które można wprowadzić dla użytkowników korzystających tylko z klawiatury i technologii wspomagających. Jak wspomniałem przed chwilą, tego rodzaju optymalizacje, tego typu rzeczy nie przeszkodzą nikomu w korzystaniu z twojego… nie będą też nieużywane przez innych ludzi. Po prostu są to rzeczy, które będą bardziej korzystne dla użytkowników, którzy dominują w systemie z technologią wspomagania tylko użytkownika klawiatury.

Aaron Pearlman: Dla tych, którzy nie wiedzą, co to oznacza, czym jest technologia wspomagania użytkownika tylko z klawiaturą — użytkownik korzystający tylko z klawiatury to ktoś, kto zwykle używa klawiatury do poruszania się po systemie. Będą więc często używać tabulatora i Shift oraz klawiszy strzałek do przechodzenia przez system, więc koncentracja jest dla nich bardzo ważna. Może się okazać, że ta jedna osoba może mieć problemy z umiejętnościami motorycznymi, może mieć również wady wzroku, użytkownicy korzystający tylko z klawiatury, a następnie użytkownicy technologii wspomagających również używają klawiatury do poruszania się po systemie, mogą korzystać z innych technologii wspomagających, takich jak ekran mierniki takie jak VoiceOver, czytnik Braille'a lub coś w tym rodzaju.

Aaron Pearlman: A więc na tym się skupiamy — nasi użytkownicy tego typu, ponieważ duża część osób niepełnosprawnych ma tendencję do wpadania w ten obóz. To nie znaczy, że wszyscy. Z pewnością istnieje mnóstwo różnych niepełnosprawności i stopni pomiędzy nimi, ale w tym celu właśnie na tym się dzisiaj skupimy.

Aaron Pearlman: A więc mały przegląd tego, co zamierzamy omówić: porozmawiamy trochę o procesie projektowania, z dużą ilością, być może, wykonując trochę ćwiczeń typu rzeczy, które może wejść, a może nie, zanim przejdziemy do linków pomijania. A następnie pomiń linki będą jedną z funkcji, które omówimy, sposobami optymalizacji modalności i radzenia sobie z fokusem. To będą trzy duże kategorie, które omówimy, a kiedy skończymy, będziemy mieli czas na pytania.

Aaron Pearlman: Na początek pomyślałem, że moglibyśmy trochę omówić proces projektowania UX. Brałem udział w różnych warsztatach i tak dalej. Zauważyłem, że istnieje mnóstwo różnych osób z wielu różnych dyscyplin, nie każdy jest projektantem doświadczeń użytkownika, więc mogą nie być tak zaznajomieni z procesem, który stosuje wielu projektantów UX. Pomyślałem więc, że pokrótce to omówimy, nie będziemy nad tym spędzać ogromnej ilości czasu, ale uważam, że warto to krótko omówić. Również dlatego, że będzie to również wiązało się z przystępnym projektowaniem. Tak więc większość projektów UX przechodzi przez proces zwany odkrywaniem, nie zawsze nazywa się to odkrywaniem, czasami nazywa się to szybkim tworzeniem pomysłów, szybką iteracją. Wiele osób ma na to różne nazwy, ale chodzi o to, że jest to część procesu projektowania, w której odbywa się wiele procesów produkcyjnych.

Aaron Pearlman: Często zbieramy różne pomysły i wymagania, dużo badamy i syntetyzujemy to z celami organizacji i filtrujemy to z wszystkimi tymi informacjami i to, co z tego wynika, jest zazwyczaj artefakty, które pozwalają nam zbudować system, który zamierzamy stworzyć lub funkcje, które tworzymy. Zwykle takie są — nie zawsze — ale zwykle są to takie rzeczy, jak prototypy, czasami zobaczysz modele mentalne, które również z nich wyjdą. Ale prototyp na pewnym poziomie wierności, który jest odzwierciedleniem tego, jak docelowy użytkownik zamierza osiągnąć swoje cele. TLDR polega na tym, że powtarzamy projekt, a my testujemy z użytkownikami i powtarzamy, testujemy z użytkownikami, powtarzamy, testujemy z użytkownikami, aż w końcu to zostanie zbudowane.

Aaron Pearlman: Myślisz, że to ważne, czy rozważania dotyczące dostępności są takie, że chcemy myśleć o dostępności i robić ją w trakcie całego procesu projektowania. A różne poziomy wierności mogą zasługiwać na myślenie o różnych rodzajach rzeczy, to naprawdę zależy. Nie zajmę się zbytnio tym tematem, ale ogólnie chcemy włączyć te heurystyki i metody, a wraz z projektantami zamierzamy z czasem zwiększać nasze możliwości dostępności, tak jak rozwijamy naszą zdolność bycia dobrym projektant doświadczenia użytkownika na przestrzeni czasu. Nie ma na początku oczekiwania, że ​​pójdziesz i przeczytasz WCAG 2.1, potem przeczytasz specyfikację ARIA, a potem skończysz i nie będziesz popełniał więcej błędów, lub nie przegapisz niczego, jeśli chodzi o twoje projekty i projektowanie przystępne. Niekoniecznie jest to rozsądne z punktu widzenia wyobraźni.

Aaron Pearlman: Po prostu wiedz, że z czasem będziesz się uczyć. Z pewnością wciąż popełniam błędy w dostępności i we wszystkim, nad czym pracuję i chodzi tylko o to, by być lepszym. Tak więc [niesłyszalne], ponieważ zawsze projektuję w przystępny sposób. Tak więc jedna mała wtyczka, która jest istotna dla tego, nad czym będziemy dzisiaj pracować, nazywa się Trane. To nasza w pełni dostępna biblioteka wzorów w Deque, używamy jej do tworzenia własnych produktów. Jest to front-end framework HTML, CSS i JavaScript, całkiem podobny do Bootstrap, jeśli kiedykolwiek używałeś czegoś takiego. Mamy też bibliotekę React, która również jest siostrzaną biblioteką. Nasz zespół rozwija się w reakcji. Ale dzisiaj przyjrzymy się kilku rzeczom jako przykładom. Ale to jest open source, jest dostępne, link do niego będzie na końcu tej talii, który udostępnię wszystkim.

Aaron Pearlman: I możesz korzystać z tego za darmo, zdobywać gałęzie i korzystać z nich do woli lub wnosić w to wkład. Chcielibyśmy również zobaczyć wkład w to. Więc tylko mała wtyczka, ale będziemy się do niej odnosić, kiedy będziemy przez nią przechodzić. Tak więc pierwszą rzeczą, na którą się przyjrzymy, są linki pomijania. A dla tych, którzy mogą nie wiedzieć, czym jest łącze pomijania, łącza pomijania to małe łącza, które zwykle pojawiają się jako pierwsza zakładka w aplikacji internetowej lub witrynie internetowej. A to, na co pozwalają, to omijanie części witryny. Dlaczego chcesz to zrobić?

Aaron Pearlman: Cóż, jeśli masz stronę internetową, która ma naprawdę bogate menu, może to być duże menu billboardowe lub po prostu zawiera wiele rzeczy, jeśli jesteś użytkownikiem tylko klawiatury lub technologii wspomagającej, kiedy do tego dojdziesz strona internetowa i VoiceOver zaczynają czytać, a nawet nie, może jesteś widzącym użytkownikiem, po prostu używasz tylko klawiatury, będziesz musiał przechodzić przez wszystkie te różne elementy, aby przejść do do zawartości lub do obszaru roboczego, który chcesz rozpocząć, niezależnie od wykonywanej tam aktywności. I tak, to, co pozwala na pominięcie łącza, to zwykle ominięcie, zazwyczaj nawigacji, aby dostać się do obszaru roboczego tej aplikacji.

Aaron Pearlman: Czasami może być wiele linków i zazwyczaj widzisz tylko jeden, ale mamy kilka przykładów. Pokażę Ci również przykład, w którym możesz użyć wielu linków do pomijania. Pomyślałem więc, że moglibyśmy przyjrzeć się kilku różnym typom linków do pominięcia lub kilku różnym typom linków umożliwiających pominięcie, a następnie przyjrzymy się innej stronie, która nie ma linku umożliwiającego pominięcie, i może porozmawiamy trochę o tym, gdzie może się tam przydać. Na pierwszym, którym się przyjrzymy, mam nadzieję, że widzisz mój ekran. Pierwszym, któremu przyjrzymy się, jest ten link do pomijania, którego używamy na deque.com i co to jest, nazwałbym to elementem przemieszczenia, ponieważ przesuwa stronę. Kiedy więc wchodzę tutaj, widzę, że jest tam link do pomijania i powie mi, abym przejść do treści.

Aaron Pearlman: A kiedy to wybiorę, odeśle mnie do treści poniżej i nazywam to przemieszczeniem, ponieważ dosłownie wstawia się i chowa, wstawia się tam i przemieszcza. To był link do pominięcia, którego zdecydowaliśmy się użyć w naszych treściach, ale jest on bardzo powszechny. Zobaczysz, że wstawia się na górze strony internetowej lub aplikacji internetowej. Następnym, któremu przyjrzymy się, jest strona, z której na pewno wielu z was korzystało lub używało dość często. To Amazon, przyjrzymy się ich linkowi do pominięcia. Kiedy tam wejdę, jeśli spojrzysz w lewy górny róg, zobaczysz, że jest nałożone, to jest styl nakładki, bardzo, bardzo często nakłada się na treść, więc często pomija to, co jest za nim, aby wyświetlić tam przejście do głównej zawartości.

Aaron Pearlman: Plusy i minusy między przemieszczeniem a nakładaniem są znikome. Jeśli stwierdzisz, że treść jest czymś, czego nigdy nie chcesz zaciemniać, możesz chcieć coś wstawić i po prostu użyć, przemieszczenie i odwrotnie, to nie ma znaczenia, to też w porządku. Jeśli projektujesz treści czytane od prawej do lewej, takie jak treści w języku arabskim, możesz umieścić link do pominięcia w prawym górnym rogu, może to na to zasłużyć. To naprawdę sprowadza się do tego, co jest właściwe. Ale ostatecznie ta dyskrecja będzie należała do projektanta w ich zespole. Oto przykład dwóch linków pomijających, które były pojedynczym linkiem pomijającym, i pomyślałem, że pokażę ci jeden, w którym istnieje wiele opcji wewnątrz tego linku.

Aaron Pearlman: Podniosę ten przykład z naszej biblioteki wzorów. Teraz dla tego konkretnego przykładu nie projektowałbym czegoś, co miałoby wiele linków do pomijania, ponieważ tak naprawdę nie zasługuje na to, ale zrobiliśmy to tylko w celu zademonstrowania tego. Więc przejdę do zakładki iw lewym górnym rogu użyjemy nakładki, która pokazuje dwa linki pomijania tutaj. A to są tabulatory wewnątrz tego miejsca, więc jeśli ponownie nacisnę tabulator, przejdziemy do następnego, a jeśli zniknę, to zniknie. Jeśli ponownie wejdę w zakładkę, opuści to i przejdzie do nagłówka u góry. Zamierzam przesunąć tabulator do tyłu, przesunąć tabulator do tyłu, abyśmy mogli zobaczyć, że możemy się tu wchodzić i wychodzić.

Aaron Pearlman: A potem pójdę dalej i wejdę do jednego z nich tylko po to, abyś mógł go zobaczyć. A co się dzieje w tym momencie, kiedy go wybieram, wysyła mnie do obszaru roboczego i faktycznie skupia ten obszar roboczy. To, co zobaczysz w przypadku wielu aplikacji internetowych, to fakt, że w rzeczywistości nie pokazują one samego fokusa. Chcieliśmy pokazać, że w naszych aplikacjach nie jest to, że tak powiem, skupienie elementów, ale jest to coś, co może zająć Centrum. A następnie od tego miejsca skupimy się, a następnie możemy przejść do różnych elementów w środku, na których skupiają się wszystkie elementy, które są w środku, [niesłyszalne 00:12:28] elementy. Oto przykłady kilku różnych sposobów pomijania linków.

Aaron Pearlman: Jak powiedziałem, jest przykład w bibliotece wzorców, możesz go używać, mamy też jego wersję, myślę, że tutaj zawiera błędy. Mamy również przykład pojedynczego linku do pomijania i możesz go również użyć. Mamy więc tutaj kilka różnych przykładów. Ale to są przykłady typowych sposobów używania linków do pomijania. Są one korzystne przede wszystkim dla osób, które używają klawiatury tylko do przechodzenia przez system, gdy w wyniku tego korzystają z technologii systemowej.

Aaron Pearlman: Ale czasami mogą istnieć inne przypadki, w których link pomijania może być potencjalnie korzystny. Widziałem, że może to być potencjalnie korzystne. Możesz sobie wyobrazić przypadek, w którym duży obszar roboczy Twojej witryny może być zbiorem wyników wyszukiwania i robi leniwy wynik, w którym przewiniesz na dół, a następnie załaduje więcej wyników i przewiniesz na dół, a to „ Jeśli załaduję więcej wyników, przewiniesz na dół i załaduje więcej wyników.

Aaron Pearlman: Cóż, jak dochodzisz do stopki? I miałem ten problem właściwie już wcześniej, kiedy korzystałem z wyszukiwarek i nigdy nie mogłem dostać się do stopki. A to, co byłoby miłe, to link do pomijania, który pozwoliłby mi przejść do stopki, ponieważ szukałem informacji w stopce. Są więc sposoby, dzięki którym pomijanie linków może być w tym korzystne. To nie jedyny sposób na rozwiązanie tego problemu. Oczywiście możesz również użyć klawiszy sprzętowych lub menu skrótów. Istnieje wiele różnych technik pozwalających na osiągnięcie tych celów, ale w tej właśnie pomijanie linków jest bardzo dobre [niesłyszalne 00:14:13]. Podczas projektowania linku do pominięcia należy pamiętać o tym, że zazwyczaj będzie to pierwsza zakładka w aplikacji internetowej Twojej witryny.

Aaron Pearlman: I jest to często miejsce, w którym się go znajduje, więc jeśli krzyczę lub używam tylko klawiatury, mogę natychmiast do niego dotrzeć. To pierwsza rzecz, jaką mogę zrobić, kiedy wchodzę. Jeśli więc jest to aplikacja internetowa, której często używam, mogę przejść do tego, co próbuję zrobić. Powinien być również przedstawiony wizualnie tam, gdzie powinien znajdować się w informacji, w zasadzie w sztucznej inteligencji, aby można było umieścić linki do pomijania i inne części aplikacji, tak jakbym mógł umieścić jeden tutaj, gdybym chciał, znaleźć długi przewijanie strony stosu i chciałem to zrobić, i chciałem mieć w czymś link do pomijania. Jestem prawie pewien, że możesz zakotwiczyć w różnych tego typu rzeczach, ale powinno to być wizualnie reprezentowane tam, gdzie powinno być, wewnątrz aplikacji.

Aaron Pearlman: Ogólnie rzecz biorąc, jest to niezwykle rzadkie. Większość linków do pominięcia znajduje się zawsze na pierwszych przystankach tabulacji. Generalnie nie rób tego. Myślę, że technicznie możesz, ale powiedziałbym, że nie. I ostatnią rzeczą jest to, że jest to element interaktywny i jest to kontrast kolorów z przeszłości, więc upewnij się, że tak jest, jeśli zdecydujesz się użyć jako obrazu lub czegoś w nim, zrobiłbym to, ale jeśli tak, to musi mieć wraz z odpowiednią dostępną nazwą. Ogólnie rzecz biorąc, większość ludzi używa tekstów i linków, więc zostanie to oznaczone jako link. Tylko upewnij się, że przepuszcza kontrast kolorów, aby [niesłyszalny 00:16:07]. Bardzo dobre. To wszystko, co mamy do pomijania linków.

Aaron Pearlman: Jest to dość zwięzły, ale bardzo powszechny wzór, który można zobaczyć wszędzie i można go uczciwie dodać. Dodanie do aplikacji internetowej jest dość proste, ale może mieć duże znaczenie dla osób korzystających z klawiatury lub technologia systemowa. Więc pozwól, że zamknę to i przejdźmy do optymalizacji modalnych. Zdecydowałem się to zrobić, ponieważ mody są bardzo, bardzo, bardzo, bardzo powszechne w większości aplikacji internetowych i pojawiają się na wielu różnych forach, na wiele różnych sposobów ich kształtowania i tworzenia.

Aaron Pearlman: Ale niektóre typowe rzeczy, które widzę, pojawiają się w większej liczbie rzeczy, które możemy poprawić, dopóki nie pojawią się pewne optymalizacje, które możemy zrobić, aby zapewnić lepsze wrażenia dla użytkowników korzystających tylko z klawiatury i technologii wspomagających. Ogólnie uważam, że twój modalny jest znacznie lepszy. Jedną z rzeczy, które pomyślałem, że pokażę tutaj naprawdę szybko, jest jedna ważna rzecz, którą musi zrobić Modal, to musi być w stanie uwięzić w nim skupienie. Chciałem pokazać przykład… to właśnie tutaj. Nawiasem mówiąc, uwielbiam dryblować, więc to nie jest wykop na nich. To prawdopodobnie tylko małe niedopatrzenie. Używałem ich przez cały czas jako wspaniałej strony i mam na niej wspaniałe rzeczy.

Aaron Pearlman: Więc jeśli miałbym wejść w logowanie, ups, przepraszam, zarejestruj się. Oto modalny tutaj i coś, co może się czasem zdarzyć. Jeśli zauważysz uważnie, wciskam tab, tab, tab, tab, tab, tab. Jak widać za ekranem, trochę trudno to zobaczyć. Widać, że skupienie nie zostało do końca uwięzione w Modalu i czasami może się to zdarzyć. Więc gdybym był użytkownikiem, który używa technologii wspomagającej lub tylko klawiatury, bardzo trudno byłoby mi do tego wrócić.

Aaron Pearlman: To coś, co zdarza się bardzo, bardzo, bardzo, bardzo często iz pewnością może się zdarzyć, kiedy wstawiasz różne interesujące rzeczy do Modalu. Więc coś, czego chcemy się upewnić, i powód, dla którego o tym mówię, powód, który jest w rzeczywistości bardzo, bardzo ważny, jest taki, że kiedy przywoływany jest modalny, musi on jakoś ogłosić się osobie, która go wywołała, wiedz co w zasadzie po prostu otworzyli, ale w rzeczywistości otworzyli właściwą rzecz.

Aaron Pearlman: A zatem sposób, w jaki może się ogłosić, polega na tym, że albo ciało modalności musi być skoncentrowane, albo potencjalnie nagłówek modalności może być skoncentrowany, abyśmy mogli powiedzieć osobie, która wywołuje modalny, że to co się dzieje. Jeśli więc mają głos, używają na przykład VoiceOver, który powie im, na co patrzą. Pomyślałem więc, że podam kilka przykładów sposobów, w jakie ciało może być skoncentrowane, a następnie przykład tego, jak model może zamiast tego skupić główkę i co możemy z tym zrobić.

Aaron Pearlman: Zamierzam otworzyć to bardzo szybko tutaj. Bardzo dobre. A więc moda, którą mają do tego, myślę, że jest to strona z ubraniami tutaj. A to, co się wydarzyło, to skupienie ciała i mogę to najlepiej pokazać przez… Zamierzam włączyć VoiceOver naprawdę szybko. Podniosę to.

VoiceOver: VoiceOver w Chrome.] Bonobos, [niesłyszalne 00:20:10]-

Aaron Pearlman: I nie będziesz mógł tego usłyszeć-

VoiceOver: Google Chrome, [email protected]

Aaron Pearlman: Ale będziesz mógł to zobaczyć.

VoiceOver: zamknij kartę, karta jest pusta, grupa ma fokus klawiatury. Jesteś obecnie w grupie w otwieraniu karty, zamknij kartę, Twoja karta jest pustą grupą. Jesteś obecnie w grupie w treści internetowej, VoiceOver jest wyłączony.

Aaron Pearlman: Więc właśnie tam, kiedy to skupiłem, odczytał trochę wszystkiego, co działo się na twojej karcie, a twoja karta jest pusta, ponieważ kupowanie było skupione w tym momencie. I to jest całkowicie uzasadnione. To doskonale słuszny sposób skupiania się na modalnościach. To nie jest żaden problem. A następnie stamtąd możesz przeglądać wszystko, co jest w środku. Innym powszechnym sposobem wywołania modalnego jest skupienie się na nagłówku.

Aaron Pearlman: I właśnie to, co robimy w modach, których używamy w naszych aplikacjach, to skupianie się na nagłówku. Więc zamierzam wywołać modalne i jak widać tutaj, fokus jest tutaj, gdzie jest napisane modalne z formą, fokus jest dokładnie tam, na nagłówku. Właściwie zamiast wskazywać to jako indeks, programowo skupiamy się na tym. Powodem, dla którego programowo skupiamy się na tym, że gdy przechodzę przez to tabulatorem, jest teraz przejście do przycisku zamykania, również w nagłówku, a następnie do pierwszego elementu interaktywnego, który jest polem do następnego pola, do następnego pola, do kolejne pola, ponownie tabulatorem do zapisu, ponownie tabulatorem do anulowania.

Aaron Pearlman: I od tego momentu, kiedy nacisnąłem tabulator, gdyby ten nagłówek był tabulatorem, trafiłby tam, ale zdecydowaliśmy się tego nie robić. Zamiast tego podchodzimy do końca, a powodem, dla którego to robimy, jest to, że ktoś używał Voice Over, ponieważ być może widzieliście, co było pisane i trafiało do moich uszu w tym samym czasie, było to naprawdę trochę rozprasza, ponieważ mówi bardzo szybko, jest trochę gadatliwy. A więc jedną z optymalizacji, które chcieliśmy wprowadzić, było sprawienie, by było trochę mniej gadaniny. Więc tak, ogłaszamy to, to idzie, programowo skupiamy modalne na formie, kiedy po raz pierwszy tam dotrą, aby dać im znać, że modalny, który wywołali, jest w rzeczywistości tym, na czym się obecnie skupiają.

Aaron Pearlman: Ale nie musimy ogłaszać tego raz za razem, jeśli oni mieliby przechodzić przez te zmiany, przechodząc przez ten modalny. Jest to więc niewielka optymalizacja, która prawdopodobnie byłaby całkowicie niewidoczna dla większości wymienionych użytkowników korzystających wyłącznie z myszy. Ale ta mała optymalizacja, możesz sobie wyobrazić, jeśli często używałem modów do częstego wypełniania formularzy i byłem użytkownikiem, który używał tylko klawiatury lub technologii wspomagającej, że optymalizacja z czasem się sumuje. Tak więc mały mały użytkownik doświadcza rzeczy, które możemy zrobić, a które mogą znacząco wpłynąć na ogólną troskę, jaką możemy poświęcić naszym projektom, tak aby były one najczęstszym doświadczeniem, jakie możemy zapewnić.

Aaron Pearlman: Mówiąc o radzeniu sobie z fokusem, ostatnim, którym się zajmiemy, jest samo zajmowanie się fokusem. I widzieliśmy jeden z przykładów, co może się stać, jeśli koncentracja może zostać utracona w niektórych rodzajach obsługi? Ale zamiast być czymś, co może być poważnym problemem, sposób, w jaki radzisz sobie z koncentracją, może znacząco zmienić doświadczenie, jakie miałaby dana osoba. Tak naprawdę zasadą dotyczącą obsługi fokusu, zwłaszcza w przypadku dwóch przypadków, którym teraz przyjrzymy się, czyli usuwania i dodawania elementów do przestrzeni roboczej lub czegokolwiek, nad czym pracujesz, jest to, że… To zdecydowanie może zmienić sposób, w jaki ktoś współdziała z nim. Dlatego chcemy, aby był zgodny z oczekiwanymi doświadczeniami, jakie miałby ktoś, kto jest użytkownikiem korzystającym z tylko myszy lub widzącym, powinienem powiedzieć, użytkownikiem korzystającym tylko z myszy.

Aaron Pearlman: W tym przypadku przyjrzymy się… ponieważ tutaj przyjrzymy się… OK, pozwólcie, że to przeciągnę. Poczekaj sekundę. Będę musiał na jakiś czas to stąd zabrać. No to jedziemy. Więc nie powinieneś być w stanie zobaczyć przykładu modalnego, który zaprojektowałem, w rzeczywistości jest to pojedynczy modalny, mamy dwa rodzaje tego obrazu i tylko jeden pokazuje tylko to, co jest pod zakładką, a nie robi naprawdę , naprawdę źle lub po prostu podzieliłem to, żebyś mógł zobaczyć, co było poniżej w folde. A po prawej stronie, jeśli spojrzysz, znajduje się ikona kosza na śmieci, na której aktualnie się skupiasz. I tak, kiedy klikamy tę ikonę kosza, zakładając, że nie ma okna dialogowego, które mówi: „Czy na pewno chcesz to usunąć?”

Aaron Pearlman: Załóżmy, że tak nie jest. Prawdziwe pytanie brzmi zatem, co dzieje się z koncentracją? Ponieważ kiedy ta ikona kosza zostanie trafiona lub wybrana, usunie instrukcje, które są tutaj, a także usunie się. Więc gdzie idzie skupienie? Więc my, projektanci, chcemy wybrać miejsce, na które ma się zwrócić fokus, ponieważ w przeciwnym razie przeglądarki, które wybierają, na to ma tendencję do rzucania rzeczy na ciało. Więc w tym przypadku, gdy naprawdę chcemy skupić się na tym, aby skupić się na następnym elemencie, na który można się skupić, niekoniecznie… tym, co nazwałbym analogiem do tego, który będzie skupiał się na następnym koszu na śmieci, koszu na śmieci instrukcje, aby zamiast tego skupiać instrukcje na sobie.

Aaron Pearlman: Powodem, dla którego chcielibyśmy to zrobić, jest to, że możesz sobie wyobrazić, że ktoś przypadkowo uderzył, używając tylko swojej klawiatury, tylko wcisnął Return, a potem ponownie. Usunąłby po prostu dwa zestawy instrukcji zamiast jednego. Chcielibyśmy, aby zapobiec temu tylko użytkownikowi myszy, dosłownie mając te rzeczy fizycznie daleko od siebie. Ale chcemy też być w stanie temu zapobiec, ponieważ skupiają się na tym, czego używają do przemierzania tego. Pomyślałem więc, że pokażę inny przykład tego, co robimy, gdy usuwamy ostatni element w całej sekcji tutaj.

Aaron Pearlman: Teraz mamy instrukcje gotowania, ostateczną instrukcję dla pierwszej instrukcji, gdzie skupia się tutaj? Teraz w tym konkretnym przypadku będzie on podążał za tym, czym był poprzedni, czyli przejdzie do następnego punktu skupienia, ale zostanie ponownie wypełniony, co jest składnikiem pierwszym z tego samego powodu, z którego nie chcielibyśmy rzucać ponownie do kosza, ponieważ wtedy, gdy ktoś ponownie naciśnie przycisk wybierz ponownie lub ponownie naciśnie przycisk powrotu, bylibyśmy… Przypadkowo usunęliby dwie rzeczy, których nie zamierzali, nie chcieli.

Aaron Pearlman: Z tego samego powodu niekoniecznie chcielibyśmy wrzucić to do jednego z tych linków tutaj, ponieważ mielibyśmy odwrotny problem, ponieważ przypadkowo dodawaliby również różne rzeczy. I niekoniecznie chcemy, aby trafił do ciała, ponieważ idziemy do ciała, a użytkownik Voice Over, użytkownik Technologii Asystenta, po prostu znowu zacznie gadać o modalu lub zamiast pozwalać ci na dalszą interakcję i rób to, co zamierzałeś zrobić.

Aaron Pearlman: I wreszcie, ostatni przykład, który mam tutaj, to co robimy, kiedy zamierzamy usunąć ostatni element w tym przypadku, w trybie modalnym tutaj, nic nie zostało. Gdzie mam to wysłać? A to zdecydowanie zależy od uznania projektantów, dokąd ma się udać. Nie, to nie będzie niedostępne, jeśli zdecydujesz się wysłać go do ubrania lub wysłać, aby skupić się może na anulowaniu. Niekoniecznie czyni to niedostępnym, po prostu tak naprawdę sprowadza się do tego, czego byś się spodziewał? Jakie informacje chciałbyś przekazać? Jaką narrację chcesz przekazać temu użytkownikowi i gdzie zdecydujemy się ją wysłać, gdy zdecydujemy się odesłać ją z powrotem do nagłówka, aby poinformować użytkownika, że ​​nadal są w trybie modalnym, nadal tam są, mamy” t zamknął je na nich, na przykład tam.

Aaron Pearlman: A więc to właściwie zmiana programowa, ponieważ jak powiedziałem, to nie jest straszny głos. To nie jest tak straszny element skupiający jak ten. Dlatego programowo przenosimy uwagę na to w tym konkretnym przykładzie. Oto kilka fajnych przykładów tego, co być może zrobić z koncentracją, gdy usuwasz przedmioty. Pomyślałem więc, że możesz… Pokażę przykład tego, co robisz, gdy dodajesz przedmiot. Mam tutaj przykład na to, jak szybko zachować skupienie.

Aaron Pearlman: I właśnie tutaj, uderzymy w to, dodaj kolejny… możesz po prostu skupić się tutaj, dodać kolejny składnik i skupić się, a następnie przenieść się na właściwy składnik w tym przypadku, pole, które dodałeś z dwóch powodów, jednego, ponieważ zakłada się, że dodając następne pole, z którym chcieliśmy wchodzić w interakcję, byłoby to oczekiwane zachowanie, gdybym był użytkownikiem korzystającym tylko z myszy. Dodałbym to prawdopodobnie po to, abym mógł zacząć wpisywać do niego tekst.

Aaron Pearlman: I znowu, niekoniecznie chcielibyśmy skupiać się na innym składniku z tego samego powodu, dla którego, gdyby ponownie trafili na powrót, nie chcielibyśmy dodawać dwóch składników zamiast jednego. Powinien to być problem odwrotny do poprzedniego przykładu. I ostatni, ostatni przykład, który chciałem pokazać, ponieważ myślę, że warto go pokazać, jest… właściwie mam ten przykład, mogę go trochę podciągnąć. Ale mogę to opisać całkiem, całkiem trafnie w ten sposób, jeśli masz, co robisz, gdy wywołujesz modalny? Na przykład, zapisałeś coś, modalny odchodzi, gdzie teraz jest skupienie i co robimy, ale zasada jest taka, że ​​chcesz odesłać to z powrotem do dowolnego elementu [niesłyszalne 00:31:03] dostaje.

Aaron Pearlman: Więc jeśli wyobrazisz sobie, że masz mały ołówek edycyjny i wybierasz go, otwierasz modalne, wypełniasz go, klikasz Zapisz, chciałbyś skierować uwagę z powrotem na ten interaktywny element, który zwykle jest … lub my. Może się zdarzyć, że zechcesz wysłać go w inne miejsce. Jeśli jest to czarodziej, a potem idzie gdzie indziej, znowu w gestii projektanta, do tego, co narracja, którą próbujesz nam powiedzieć, dokąd iść. Ale dla rzeczy, które są podobne do tego… przykładu, który właśnie opisałem, co jest bardzo powszechne. Przywołujesz modalny lub coś z nim robisz i w wyniku tego zostaje to odrzucone, a kontekst niekoniecznie się zmienia.

Aaron Pearlman: I nie chcesz odsyłać tego skupienia z powrotem tam, gdzie było. Powodem tego jest to, że użytkownik korzystający z klawiatury lub technologii wspomagającej może wrócić do miejsca, w którym się znajduje. Ponieważ pamiętaj, że są w tej przestrzeni i ta przestrzeń jest nieco liniowa, jeśli chodzi o to, jak przemierzają, a zwłaszcza gdy używasz miasta, aby przejść przez wszystko. Więc myślę, że jesteśmy w około 40 minutach, prawie w czasie dla wszystkich przykładów i rzeczy, które miałem. Więc przekażę to z powrotem Scottowi.

Scott: Dzięki Aaron. To było całkiem niesamowite i mamy wiele pytań od uczestników, a także kilka od indywidualnych, którzy nie mogli dziś dotrzeć, ponieważ podróżuje. Więc Poan, który regularnie uczestniczy w naszych webinariach, pyta: „Kiedy usuwasz elementy, czy nie powinniśmy mieć potwierdzenia działania i przenieść tam punkt skupienia, a następnie przejść do następnego elementu?”

Aaron Pearlman: czy podczas usuwania elementu powinieneś mieć … czy masz na myśli toast, czy też mówisz, że powinieneś mieć aktywny region, który informuje cię, co się dzieje? Jeśli przenosisz nacisk, aby usunąć element, taki jak te, które właśnie pokazałem w tym konkretnym przypadku, wywołanie tego usunięcia na przykład powinno wystarczyć, aby poinformować ich, że faktycznie został usunięty.

Aaron Pearlman: Powinno zniknąć. Ponadto, jeśli używają Voice Over, to również to odbierze. Jeśli wchodzisz w interakcję z czymś i wprowadzasz zmiany gdzie indziej, na przykład tak, jak coś zrobiłeś, a potem na przykład zmieniło to pewne metryki, prawdopodobnie będziesz chciał użyć aktywnego regionu, który robi coś grzecznie, aby im na to pozwolić wiem, że to się stało. To jest coś, co jest poza zasięgiem tego, gdzie konkretnie pracujesz. Mam nadzieję, że to odpowiedź na twoje pytanie. Może to być nurkowanie w coś bardziej technicznego. Być może będę musiał trochę pogłębić niektóre z nich, jeśli zamierzamy przejść do głębokich technicznych aspektów implementacji.

Scott: Idealnie.

Aaron Pearlman: Mój programista, więc nie kierują twoim przyjazdem, ale generalnie tak jest. Przykład, który pokazałem, powinien być odpowiedni. Jeśli chcesz, ponieważ jest to usunięcie, możesz mieć część tymczasową, w której rzucasz ostrzeżenie i mówisz: „Czy na pewno chcesz, aby to usunął?” W którym przypadku po prostu wzmacniasz to, co się dzieje.

Scott: Świetnie. Więc tak, postaraj się, aby pytania były skoncentrowane na doświadczeniu użytkownika. Więc z punktu widzenia doświadczenia użytkownika, jak zarządzałbyś fokusem dla wiadomości z powiadomieniami?

Aaron Pearlman: Skup się na powiadomieniu? Mogę ci jeden pokazać, jeśli chcesz zobaczyć.

Scott: Jasne.

Aaron Pearlman: Możemy wybierać losowo, ponieważ zdarza się, że mamy tosty, które są powiadomieniami. Więc zamierzam tutaj wznieść toasty. Więc to jest teraz skoncentrowane. This toast is evoked and it is being focused right now and you can actually, as you can see, you can tab into the clause right here. So, it depends. So, if I finished something and I wanted to notify them that it's been finished and I toasted it, then I want to focus it so that they can see that it's been … that I'm communicating that information to them. So you want to shift focus to it.

Scott: Melanie is asking, “Do you have any tips for tips or resources for navigating slideshows?”

Aaron Pearlman: For navigating slideshows?

Scott: [crosstalk 00:36:00]. Very specific.

Aaron Pearlman: Yes. So navigating slideshows. We don't use them very often, so I'm going to answer this as best as I can. So one slideshows especially ones that are like carousels, they need to have a control so that you can stop them. I think that's an accessibility need, is that they have to have some control and a mechanism so that they can be stopped. Anything that's an animation wise can't animate for more than five seconds at a time and then the animation has to stop.

Aaron Pearlman: That may not be relevant to what you're doing, but it is moving. And those controls then need to be focusable most carousels have … A lot of fancy new ones. we'll have menus that can come up when they get hovered over or focused on, just consider that all those controls need to be traversable, and then their very image heavy. A lot of carousels and slideshows need to be, so that you're going to need to have proper alternative texts on them. Just the things that you would expect.

Aaron Pearlman: Off the top of my head, I don't know of any fully accessible carousel that I can think of. But let me see if I can find a better example and I will try and pass it along through smashing and have that available if I can find it. It's a great question because they come up a lot. I ended up tending to solve that problem in a slightly different way because I think they're tricky, but that doesn't mean that they can't be done.

Scott: Rebecca is asking, “Can you give a use case for skip links?” And then similar early related, Patricia's asking, “Do you know how to solve the issue with skip links in Safari plus the VoiceOver?” [crosstalk 00:38:18]. Again, maybe more technical than user experience related.

Aaron Pearlman: Yes. The second one, I'm not entirely sure what actually is going on that, that there may be an issue there. Again, I can try and see if that's something that our developers have encountered before and how they've gotten around it. So we'll make a note of that and I'll try and circle back. But for the first one what's a use case for Skip links? I want to avoid giant banner menus and I want to get straight to a sale that I heard that there is today and I don't want to have to do that.

Aaron Pearlman: If I was a sighted a mouse only user, I would just visually ignore it and then go move my mouse over and just click on the sale item. If I'm a keyboard only ora assisted technology user, I would have to tab through all of that menu, potentially bunch of banner items as well before I could finally get to the workspace. that has maybe the sale items. So that would be a great use for a Skip link to get right to the content. Skip to main content is a phrase you see very, very common. Skip to main content.

Scott: Okay. That's a good, good point. And I think in terms of all the user related questions from the attendees that covers them. We do have some general questions that we like to ask. So, low hanging fruit for people that are trying to build an accessible website. If somebody wants to put together a site in a few hours and make sure it's accessible, what are some the easy things that just they can check off the list right away.

Aaron Pearlman: Sure. So some things that you can do immediately with any site or application that you're working on, you can review your font choices for things like color contrast, there are plenty of color, if you put in color contrast, selector, picker or something like that, you'll get it and you'll just put it in the Hex value or the RGB value of what your font is and then what the background, whatever element the background color is sitting on and make sure that it's meeting at 4.5 to one.

Aaron Pearlman: So that's one that you can do immediately. Check your color Palette, you want to do color contrast where I see that color contrast fails a lot is when people use the endless shades of gray to have various levels of first class, second class, third class elements and things like that. Just make sure that if it's an interactive element that it's a passing color contrast.

Aaron Pearlman: Another thing, check your the images that are important, that are non decorative images. Make sure that they have all texts. Just one that you can add immediately. And then check your review, your heading structure, make sure that your h1 tags, h2 tags, h3 tags, h4 tags and so on. They all make sense with the structure of it and make sure that the content is properly paired with those heading tags.

Aaron Pearlman: That's things that you can do immediately. And then also you can just, this is a small blog but you can download AX, that's our accessibility engine. It's totally free. It's a little extension for chrome and Firefox and just hit the run button and see what you find. It's a lot of things that you can help alleviate immediately or change immediately. You can also turn on VoiceOver, for example, if you're on a Mac and start to go through your site and see what it sounds like for somebody who uses just a technology. It's a great thing that we can do immediately.

Scott: Okay. Janat, has a question here. So what is it about accessibility that interests you and how did you know you've been doing design and UX for so long, but you've only been doing accessibility for smaller period of time, so that catch your attention?

Aaron Pearlman: It had been something that had been on the purview of some of the design that I had done in a later part of my design career till I got here. In my design career, I've always wanted to work on things that I felt in some way tried to make the world a slightly better place and I felt that working. And accessibility was one way to make … Very much believe in the core value of universal design or more importantly adapted design. Design that adapts itself to two different types of individuals to provide what we call GQ like digital equality. We want everyone to be able to use everything as best as we can possibly provide that universal experience that we can have. I don't know as a person that very much appeals to me. And so it was just a good fit to learn design. That's really cool.

Aaron Pearlman: Designing accessibly is a one way street. Like once you start to design accessible, you never don't not design accessible anymore. It's like UX designers don't design unless you're being tongue in cheek, you're not going to design something to have a really poor user experience. It's going to be part of your vernacular from that point forward. And once you begin to design accessibly, it never goes away. I can't like not think about accessibility as I do designing and that's a really, really cool thing.

Aaron Pearlman: It also affords you to start to think about things that you didn't think you had access to. Like, did you know that your focus on your page, you can design focus to look differently for different elements on the page? That blew my mind when I found that out and I thought that was so cool that gave me a little bit more control, I knew you could create really cool Hover States, but I didn't know focus was a state that you had full control over as well.

Scott: Our industry there's always a new trend that's just kind of how it goes, that's the web. Are there any design trends right now that you know that are inhibiting accessibility? And if so, is there any recommendations you can make to avoid that?

Aaron Pearlman: I don't know if there's anything that's super trendy right now when I look at different sites and web applications that couldn't be designed excessively. I think there are pitfalls that that we've been falling into longer than any one trend as existed or at least has existed for some time. I just mentioned one, what I call the endless shades of gray. That's one. In general, just being mindful of the contrast for your text. It is rampant.

Aaron Pearlman: It is by an order of magnitude, the most accessibility issues, if you were to like run an engine against it, like AX, it'll be color contrast almost always. So just being really, really, really mindful of that regardless of where your text is on the page. Again, I mentioned it again, just being careful with your images. If you have an image that's conveying important information to a sited user, that information needs to be conveyed to the user. That is user as well.

Aaron Pearlman: And what I mean by information that's conveyed is if what's being conveyed is that the person is doing something that's, you wouldn't necessarily describe it as a man standing. It could be that they're playing baseball. Maybe that's the important part. So make sure that the, that the, the alternative text matches with the intended information that's trying to be conveyed, received out a lot too. Even when all texts is there, it just doesn't accurately describe what is trying to be portrayed.

Aaron Pearlman: And then the other one too is progressive disclosure menus, many times you see on Hover Menus and stuff like that. They don't do a great job of being evoked on focus as well. And they don't always do a good job of … So that is a trend I do see. I do see a lot of menus coming up on Hover, when you hover over something you get the secondary menu that was hidden before that now finds itself to the front.

Aaron Pearlman: Also making that be able to Hover or a mechanism that allows you to evoke it and that will properly capture focus inside there so that you can use it. Those are a few things off the top of my head that I can say I would see a lot.

Aaron Pearlman: So as a graphic designer, you obviously work with development teams and a lot of the times when we're doing wireframes and design of the onset of the project, they're inherently not inaccessible. It doesn't really become an issue, it seems until it comes to the development stage and people start taking that design and turning it into code. So how do you work with developers to make sure that the design that is being made from the start is going to be accessible when they're done with it. Do you do audits throughout the process, at the end of the process? Like what's the workflow with developers?

Aaron Pearlman: Sure. So the workflow for our development team is going to be, I think somewhat similar to a lot of other organizations. We work in scrum, so we work in sprints and scrum and I'll go through a discovery process. They're going to be privy to that, they're not going to see it when the design is fully finished.

Aaron Pearlman: They're going to see it throughout the design. I'll have opportunities to talk with them a little bit about what the intent of the design is. They will probably set in on some of the user research that I've done, some of these ability testing that I've done. So, hopefully at that point nothing's really new to them that I'm not going to get any 11th hour that we can't even do this thing. I still have to deal with all the other things outside of accessibility that every other designer has to deal with, like is this feasible? Is it valuable? Is it all of those things that we have to deal with.

Aaron Pearlman: With regards specifically to accessibility, sometimes I will annotate the designs in a particular way that will indicate where tab focus should go. At the end of the slide deck that I have, there's a great resource that one of the designers from Adobe put together. I know there's like a pdf, there may be. There's like a sketch file as well in there, there may be an XD file as well.

Aaron Pearlman: I don't think, maybe just sketch. But it shows you like all of these different ways that you can annotate things like, accessible names, tab order and basically are little objects that you can place on your design to indicate some of those things as you go through. It's a really, really wonderful resource. It's all included in here as well. That's a great way of saying, “Here's part of my prototype and here's the expected tab, order for it.” So that you have that as part of your artifact as part of the digital documentation or annotation that goes along with it.

Aaron Pearlman: A więc jedną z rzeczy, którą robimy, jest to, że dość mocno opatruję moje projekty. Wszystko od rozmiaru tego, jak pewne rzeczy mają być, po kody szesnastkowe lub wartości RGBA dotyczące tego, jak ma wyglądać i czuć. Ale są też adnotacje dotyczące ułatwień dostępu, które możesz do niego dodać.

Aaron Pearlman: A potem po prostu komunikowanie się, przeglądanie kompilacji w miarę ich przechodzenia, upewnianie się, że takie rzeczy, jak zrobienie jakichś niestandardowych ognisk, które te niestandardowe skupiają, wyglądają świetnie, sprawdzają kontrast kolorów, upewniają się, że przechodzą, że czcionka wybory, które miałeś, są pewne czcionki, które mają większą wagę i są większe. Ich kontrast kolorystyczny nie musi być 4,5. W rzeczywistości może być trochę niższy, ale po prostu będziesz chciał mieć oko na te rzeczy. Tak samo, jakbyś miał oko na rzeczy związane z wrażeniami. Będziesz chciał mieć oko na te rzeczy, na które zwracałeś uwagę i które zostały opatrzone adnotacjami w swoich projektach.

Scott: Więc zostało nam kilka minut. Więc zadam jeszcze jedno pytanie. Niektórzy uważają, że dostępność może stłumić kreatywność w całym procesie projektowania. Czy to jest coś, z czym się spotkałeś? Jak myślisz, jak kreatywność pasuje do projektu z ułatwieniami dostępu?

Aaron Pearlman: Jasne. To była jedna z moich początkowych reakcji na potrzebę przystępnego projektowania. Ktoś w zasadzie założył mi kajdanki i powiedział: „Jest o wiele mniejsze pudełko, w którym musisz umieć pracować”. To prawda, że ​​projektowanie w przystępny sposób oznacza, że ​​wyzwań może być więcej, ponieważ jest więcej zasad, których trzeba przestrzegać. Ale w końcu stwierdziłem, że wrażenia są lepsze, a ja nie… Kiedy usunąłem to mylące i zacząłem robić coraz bardziej przystępne projekty, które były dostępne w WCAG 2.0 AA, zauważyłem, że mogę zrobić wszystko co chciałem zrobić.

Aaron Pearlman: Po prostu musiałbym czasami wyrazić lub rozwiązać problemy w nieco inny sposób niż robiłem to wcześniej. Myślę, że wiele osób myślą o przystępnym projektowaniu… podam bardzo konkretny przykład. Kiedy myślą o projektowaniu ułatwień dostępu, myślą: „No cóż, na przykład nie mogę wykonać wszystkich tych wymyślnych wizualizacji. Nie będę w stanie zrobić wszystkich tych rzeczy, ponieważ nie będą one dostępne, ponieważ jeśli dana osoba nie może ich zobaczyć, nie będę w stanie tego zrobić.

Aaron Pearlman: Projektowałem wizualizację, która była po prostu podstawowa, po prostu rodzaj wykresu liniowego, a pod nim był wykres liniowy, na osi x był chyba czas, a na osi y był używany lub coś w tym rodzaju że. I był tam ten miły, mały gradient, który schodził z niego, i były jakieś lekkie linie, które szły za nim, aby wyznaczyć miesiące i czas. A kiedy rozmawiałem z jednym z moich ekspertów w tej dziedzinie o udostępnieniu go, okazało się, że jestem pewien, że po prostu powie „Nie”. Ale powiedział, że tak naprawdę muszę zrobić tylko kilka rzeczy, aby ten naprawdę ładnie wyglądający wykres był dostępny. Po pierwsze, ta linia na górze musi przekazywać kontrast kolorów, ponieważ to właśnie przekazuje informacje o trendzie w czasie.

Aaron Pearlman: Gradacja pod spodem to tylko dekoracja i o ile nie przerywa przejścia kontrastu kolorów tego i linii osi y i x, co skończyło się w porządku. Te linie za nim były w porządku, ale skończyłem na dodaniu znaczników na dole, aby to wskazać. A potem, kiedy najechałem i skupiłem się nad, ponieważ czasami możesz najechać kursorem i doda kropkę do części wykresu liniowego, po prostu upewniając się, że sama kropka przekaże kolor. kontrast. Zrobiłem to, robiąc coś w rodzaju pączka, w którym umieszczasz białą kropkę z inną kropką, albo powinienem powiedzieć, że ma to również duże pociągnięcie na zewnątrz.

Aaron Pearlman: A potem dodałem tam trochę leczenia, które przyniosłoby te linie, które zostały wyblakłe z powrotem do przodu. I to wszystko przepuszcza kontrast kolorów i skończyło się dobrze. To były naprawdę ładne wizualizacje, które minęły. Teraz przyznane, nie zagłębiam się we wszystkie dostępne nazwy i jestem w stanie to zrobić. Wiele bibliotek się tym zajmuje. Odłóż to na bok, przynajmniej nazywamy kontrast, ponieważ myślę, że wielu projektantów z tym boryka się. Możesz to zrobić.

Aaron Pearlman: Chodzi po prostu o to, aby być naprawdę uważnym na tego typu rzeczy, zdobyć więcej przykładów, po prostu próbować i próbować różnych rzeczy, i mieć innych ludzi, z którymi możesz przedstawiać te pomysły, przerzucać je tam iz powrotem i sprawdzać ponownie, po prostu naprawdę Zrób to. Nie sądzę, że to naprawdę hamuje cokolwiek. To tylko sprawia, że ​​​​musisz pomyśleć trochę jaśniej o tym, jak to zrobisz, i upewnić się, że patrzysz przez pryzmat tego, jak dana osoba zaangażowała się w to, jeśli miała słaby wzrok lub jeśli nie mogła. w ogóle go widzieć lub nie słyszeć, jeśli tworzysz aplikację multimedialną.

Scott: Jeszcze jedno pytanie, ale myślę, że powinniśmy go poruszyć. Na jakim etapie procesu zaczynasz myśleć o dostępności? Zakładam przez cały proces.

Aaron Pearlman: Tak, tak jest przez cały proces. Będę trochę bardziej niż… Wiem, komu to mówię i brzmi to trochę nonszalancko. Tak więc na początku, kiedy robisz takie rzeczy jak prototypowanie o niskiej wierności, będziesz myślał o takich rzeczach, jak niektóre rzeczy w kolejności tabulacji. Będziesz myślał o nagłówkach i strukturze, o takich rzeczach. To są rodzaje ułatwień dostępu, o których myślisz. Później, gdy wierność będzie coraz wyższa, będziesz myśleć bardziej o rzeczach, takich jak wybrane przez Ciebie kolory i palety, być może dostępne nazwy, tekst alternatywny dla wszystkiego, co może na to zasługiwać, o czym być może myślisz, Jeśli na przykład robisz jakieś niestandardowe skupienia, prawdopodobnie od tego momentu zaczniesz o tym myśleć.

Aaron Pearlman: To nie znaczy, że nie możesz o tym myśleć, kiedy robisz low fidelity, ale ogólnie oznacza to, że kiedy przechodzę przez mój proces, te rzeczy zwykle należą do tych kategorii. Cały czas myślisz o dostępności, ale nie zawsze myślisz o tym wszystkim, ponieważ jesteś w sprawach o niższej wierności i myślisz, i tylko myślisz o pomysłach, i po prostu pracując nad pomysłami, pozwól tym kreatywnym rzeczom przejść, gdy staniesz się bardziej dostrojony do dostępności, po prostu w jakiś sposób wkradnie się do środka i będzie mniej świadomych rzeczy.

Scott: Tak. Słusznie. Cóż, przy tej notatce, skończył nam się czas, Aaron. Bardzo dziękuję za poświęcony czas i—

Aaron Pearlman: To było świetne. Świetnie się bawiłem.

Scott: Myślę, że będziesz na kilku następnych konferencjach Smashing.

Aaron Pearlman: Będę na tym w Nowym Jorku. Będę na tym w Nowym Jorku.

Scott: Dobra. A czy robicie tam warsztaty?

Aaron Pearlman: Tak, jesteśmy.

Scott: Dobra. Świetny. Jeszcze raz dziękuję za poświęcony czas i tylko po to, aby zobaczyć członków, którzy wciąż oglądają, mamy dwa webinaria w przyszłym tygodniu. Pierwszą z nich jest Power of Digital People z Kristiną Podnar. A potem mamy numer trzy w naszej serii z Andrew Clarke'em, Inspired Designs Decisions, numer trzy inspirowany Ernest Journal. Bardzo dziękuję wszystkim za dzisiejsze uczestnictwo. I znowu, to nagranie będzie dostępne w wysyłanym panelu członkostwa, gdy skończymy je edytować i mamy nadzieję, że zobaczymy się w przyszłym tygodniu. Więc jeszcze raz dziękuję Erin.

To jest okład!

Z całego serca dziękujemy członkom Smashing Members za ich ciągłe i życzliwe wsparcie — i nie możemy się doczekać kolejnych webinariów w przyszłości.

Nie moglibyśmy być bardziej szczęśliwi mogąc powitać Aarona na naszym nadchodzącym SmashingConf w Nowym Jorku (15-16 października) — chcielibyśmy również was tam zobaczyć!

Daj nam znać, jeśli uznasz tę serię wywiadów za przydatną i z kim chciałbyś przeprowadzić wywiad lub jakie tematy chciałbyś, abyśmy omówili, a my od razu zabierzemy się do tego.