Wiele osób korzysta w procesie tworzenia oprogramowania z programowania opartego na komponentach, używając przewodników po wzorcach, bibliotek komponentów lub pełnych systemów projektowania. Nawet jeśli nie korzystasz z tych narzędzi formalnie, prawdopodobnie używasz podobnego procesu, aby podzielić duży projekt strony internetowej, aplikacji lub innego produktu cyfrowego na mniejsze części.
Podobnie jak w przypadku budowania fizycznej konstrukcji, ważne jest, aby budować ją po kolei. Najpierw fundamenty, konstrukcję, ściany, okna, dach i wszystko pomiędzy nimi. Narzędzia do tworzenia opartego na komponentach umożliwiają nam to w przypadku witryn, aplikacji i innych produktów cyfrowych.
Zalety programowania opartego na komponentach to m.in. dzielenie projektu na mniejsze części, co skraca czas tworzenia dzięki możliwości ponownego wykorzystania komponentów. Umożliwia projektantom, programistom interfejsu i zaplecza oraz specjalistom ds. kontroli jakości jednoczesną pracę. Klienci, projektanci, menedżerowie projektów i inne osoby lubią to narzędzie, ponieważ mogą wyświetlać podgląd procesu kompilacji i korzystać z aktualnego przewodnika po stylu jako punktu odniesienia po uruchomieniu witryny.
Jednak gdy przyjrzymy się wzorcom, komponentom i systemom projektowania z uwzględnieniem dostępności, pojawią się pewne pytania. Skąd wiesz, które wzorce są najlepsze pod względem ułatwień dostępu? Czy należy użyć sprawdzonych wzorców lub bibliotek, czy utworzyć nowe? Skąd wiesz, czy te wzorce faktycznie pomogą użytkownikom?
W obliczu tak wielu możliwości możesz mieć problem z rozróżnieniem wzorców, komponentów i systemów projektowania. Ten moduł zawiera ogólne informacje o tym, jak oceniać wzorce, komponenty i systemy projektowania pod kątem ułatwień dostępu. Stanowi on punkt początkowy, który pomoże Ci podejmować bardziej świadome decyzje dotyczące ułatwień dostępu.
Myśl krytycznie
Wybór dostępnego wzorca, komponentu lub systemu projektowania nie jest trudny, ale wymaga czasu i krytycznego myślenia. Nie ma czegoś takiego jak „jeden idealny wzorzec”, ale może istnieć wiele opcji, które mogą się sprawdzić. Chodzi o nauczenie się wybierania najlepszej opcji w Twojej konkretnej sytuacji.
W kolejnych modułach testowych dowiesz się więcej o technikach i metodach oceny wzorców, komponentów i systemów projektowania pod kątem ułatwień dostępu. Zanim to zrobisz, musisz sobie zadać kilka podstawowych pytań, np.:
- Czy istnieje już sprawdzony wzorzec, komponent lub system projektowania, który jest dostępny?
- Jakie przeglądarki i technologie wspomagające osoby z niepełnosprawnością (AT) są obsługiwane?
- Czy istnieją jakieś ograniczenia dotyczące kodu lub platformy? Czy są jakieś inne integracje, czynniki lub potrzeby użytkowników, które muszę wziąć pod uwagę?
W zależności od środowiska deweloperskiego i potrzeb użytkowników możesz mieć inne pytania. Na początek odpowiedz na te pytania, aby ocenić ułatwienia dostępu.
Uznane zasoby
Zanim zaczniesz tworzyć coś zupełnie nowego, sprawdź, jakie dostępne są wzorce, komponenty i systemy projektowe. Po krótkim wyszukiwaniu możesz znaleźć rozwiązanie (lub kilka rozwiązań), które spełni Twoje potrzeby.
Oto kilka przydatnych materiałów dotyczących wzorców, komponentów i systemów projektowania ułatwiających dostęp:
- Komponenty dostępne
- Biblioteka ARIA Deque University
- Gov.UK Design System
- Komponenty włączające
- MagentaA11y
- U.S. Web Design System (USWDS), stworzony dla rządu federalnego Stanów Zjednoczonych;
- Lista wzorców dostępnych w Smashing Magazine
W przypadku platform JavaScript te zasoby są domyślnie dość łatwo dostępne lub można je dostosować pod kątem ułatwień dostępu:
- When CSS Isn't Enough: JavaScript Requirements For Accessible Components
- Reagowanie
- Angular: biblioteka materiałów
- Vue: Vuetensils
Nigdy jednak nie należy po prostu kopiować i wklejać kodu, zakładając, że będzie on pasować do Twojego środowiska i automatycznie spełni potrzeby użytkowników. Dotyczy to wszystkich wzorców, komponentów i systemów projektowania, nawet jeśli są one oznaczone jako w pełni dostępne.
Wszystkie materiały należy traktować jako punkt wyjścia. Koniecznie wszystko przetestuj.
Obsługa przeglądarek i technologii wspomagających osoby z niepełnosprawnością
Po zbadaniu kilku podstawowych wzorców, komponentów lub pełnego systemu projektowania, które mogą działać w Twoim środowisku programistycznym, możesz przejść do obsługi technologii wspomagającej osoby z niepełnosprawnością. Podczas oceny wzorców, komponentów i systemów projektowania warto skupić się na czytnikach ekranu.
Czytniki ekranu zostały zaprojektowane z myślą o konkretnych przeglądarkach i działają najlepiej w połączeniu z nimi. Więcej informacji na ten temat znajdziesz w module poświęconym testom AT, ale na potrzeby oceny wzorców warto wiedzieć, że takie kombinacje istnieją, aby wiedzieć, jakiej pomocy potrzebujesz.
| Czytnik ekranu | System operacyjny | Zgodność z przeglądarką | Koszt |
|---|---|---|---|
| Job Access with Speech (JAWS) | Windows | Chrome, Firefox, Edge | Wymaga licencji (dostępna jest bezpłatna 40-minutowa wersja) |
| Non-Visual Desktop Access (NVDA) | Windows | Chrome i Firefox | Bezpłatna (wymaga pobrania) |
| Narrator | Windows | Edge | Bezpłatny (wbudowany w komputery z systemem Windows) |
| VoiceOver | macOS | Safari | Bezpłatny (wbudowany w urządzenia z macOS) |
| Orca | Linux | Firefox | Bezpłatny (wbudowany w dystrybucje oparte na Gnome) |
| TalkBack | Android | Chrome i Firefox | Bezpłatna (wbudowana w niektóre wersje systemu operacyjnego Android) |
| VoiceOver | iOS | Safari | Bezpłatna (wbudowana w urządzenia z iOS) |
Obsługa przeglądarek jest zwykle skomplikowana, a sytuacja staje się jeszcze trudniejsza, gdy dodasz urządzenia AT i specyfikacje ARIA.
Ale nie wszystko jest złe. Na szczęście istnieją świetne zasoby, takie jak HTML5 Accessibility, Accessibility Support i Custom Control Accessible Development Checklist WCAG, które pomagają nam lepiej zrozumieć bieżącą obsługę przeglądarek i urządzeń AT, a nawet kiedy w ogóle używać ARIA.
Te zasoby zawierają informacje o różnych podrzędnych elementach wzorców HTML i ARIA, w tym testy społecznościowe typu open source. Możesz też zapoznać się z przykładami wzorców dla komputerów, przeglądarek mobilnych i urządzeń AT. Dzięki temu możesz podejmować bardziej przemyślane decyzje dotyczące wzorców, komponentów i systemów projektowania, których chcesz używać.
Inne uwagi
Po wybraniu kilku dostępnych wzorców lub komponentów podstawowych i uwzględnieniu obsługi przeglądarki oraz urządzeń AT możesz przejść do bardziej szczegółowych pytań kontekstowych dotyczących wzorca, komponentu, systemu projektowania i środowiska programistycznego.
Jeśli na przykład pracujesz w systemie zarządzania treścią (CMS) lub masz starszy kod, mogą występować pewne ograniczenia dotyczące wzorców, których możesz używać. Po sprawdzeniu kilka wzorów może zostać szybko ograniczonych do 1–2 opcji.
Wiele platform JavaScript umożliwia deweloperom używanie niemal dowolnego wzorca. W takich przypadkach możesz mieć mniej ograniczeń i wybrać najbardziej dostępną opcję wzoru.
Przy wyborze wzorca, komponentu lub systemu projektowania należy wziąć pod uwagę dodatkowe kwestie, takie jak:
- Wyniki
- Bezpieczeństwo
- Optymalizacja witryn pod kątem wyszukiwarek
- Obsługa tłumaczenia
- Integracje z rozwiązaniami innych firm
Te czynniki niewątpliwie wpłyną na Twój wybór wzorca, ale warto też wziąć pod uwagę osoby tworzące treści i sam kod. Wybrany wzorzec musi być wystarczająco solidny, aby poradzić sobie z potencjalnymi ograniczeniami dotyczącymi treści generowanych przez edytorów lub treści użytkowników, a także musi być skonstruowany w taki sposób, aby mogli z niego korzystać programiści o różnym poziomie wiedzy na temat ułatwień dostępu.