| theme | author | position | position2 | profilePicture | ||
|---|---|---|---|---|---|---|
./ |
Ania Karoń |
Specjalista ds. Dostępności |
i Senior Frontend Developer |
anna-karon-photo.jpg |
dostępne technologie w odpowiedzi na różne potrzeby użytkowników
- O co chodzi z tą dostępnością?
- Różne technologie asystujace
- Różni użytkownicy
- Dlaczego warto?
- Dostępność na backndzie
- Podsumowanie
Czym jest dostępność cyfrowa?
#A11y
Dostępność cyfrowa to inkluzywna praktyka polegająca na zapewnieniu, że nie ma barier uniemożliwiających interakcję ze aplikacją (internetową, mobilną...). Aplikacja jest funkcjonalna i dostępna dla wszystkich użytkowników, bez względu na ich ograniczenia.
Technologia asystująca (Assistive Technology, AT) to każde urządzenie, oprogramowanie lub sprzęt, który pomaga w nauce, komunikacji lub lepszym funkcjonowaniu.
- myszka, klawiatura (także ekranowa, brajlowska), touchpad
- text-to-speach (zamiana tekstu na mowę - czytniki ekranu, czytanie treści)
- lupa (zoom)
- ustawienia kolorów i kontrastu
- rozpoznawanie mowy
- rozpoznawanie dźwięków (alerty głosowe na wizualne)
- rozpoznawanie obrazów
- okulograf (eye-tracking)
- napisy do filmów
- tryb skupienia
- joysticki i przełączniki (np. ustne)
- ...
::right::
Czy każde oprogramowanie z którego korzystamy jest technologią asystującą? 🤔
1,3 miliarda ludzi (1 na 6 osób) na świecie doświadcza znacznej niepełnosprawności. Stanowi to około 16% populacji.
80% osób niepełnosprawnych ma ukrytą niepełnosprawność.
Dla wszystkich - pełnosprawność to stan tymczasowy
Ograniczenia wzrokowe
Silne słońce, zmęczenie
Ograniczenia słuchowe
Głośne miejsce, brak słuchawek
Ograniczenia ruchowe
Brak myszki, urządenia peryferyjne
Ograniczenia kognitywne
Zmęczenie, stres, język obcy
Młodsi nie będziemy...
Starzejące się społeczeństwo jest zróżnicowane:
- problemy ekonomiczne i zdrowotne
- zaplecze ekonomiczne i korzystanie z emetytury
Prawdopodobieństwo niepełnosprawności rośnie z wiekiem
Użytkownicy Internetu, którzy kupili lub zamówili towary lub usługi do użytku prywatnego w ciągu ostatnich 12 miesięcy, według grup wiekowych, UE, 2010-2022
Przeglądarka tworzy DOM (Document Object Model)
Z DOM przeglądarka tworzy drzewo dostępności, model zawartości strony, w którym elementy interfejsu użytkownika są reprezentowane jako dostępne obiekty.
Przeglądarka przekazuje drzewo dostępności do wbudowanego w system operacyjny interfejsu programowania aplikacji (API) dostępności.
- Struktura API
- teksty alternatywne, napisy do filmów, transkrypcja do audio i video
- zapewnienie dostępnych atrybutów - role, stany, nazwy
- wersje językowe (i18n)
- Performance
- Renderowane elementy frontendowe (HTML)
- semantyczny HTML (nie tylko divy)
- możliwość dodawania atrybutów
- Dokumentacja
... dokumentacja?
Michael Forzano
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/57P_dCEPtRw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen class="mx-auto"></iframe>Programista w Amazonie
Więcej o jego historii na blogu Amazona
- Narzędzie albo platforma - semantyczny HTML, nawigacja klawiaturą, kolory i kontrast
- Treść - prosty i zrozumiały język:
- Kiedy zwracasz się do czytelnika, używaj "ty", a nie strony biernej.
- Unikaj złożonych zdań i niepotrzebnych słów.
- Pisz najważniejsze informacje jako pierwsze.
- Pisz krótkie zdania i akapity.
- Obrazki - pamiętaj o tekstach alterantywnych (alt).
- Video - pamiętaj o napisach i transkrypcji.
Tomasz Grabowski @tomgrabal
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/NcQof9-gHBs?start=430&end=554" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen class="mx-auto"></iframe>Z wykształcenia kulturoznawca, z zamiłowania informatyk, domorosły montażysta oraz vlogger. Na co dzień korzysta z Eye-trackera i syntezatora mowy.
O Tomku na jego stronie
Tomka kanał na YouTube
Dostępność w grach - Game accessibility guideliness
Special Effect - organizacja charytatywna pomagająca osobom niepełnosprawnym grać w gry
Forza Motorsport – Blind Driving Assists
EyeMine developer
<iframe width="560" height="315" src="https://www.youtube.com/embed/UCD5Ri9ecaw?start=228&end=376" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen class="mx-auto"></iframe>Dzięki współpracy z programistką Kirsty McNaught, która pracowała nad ulepszeniem interfejsu Minecrafta dla graczy z niepełnosprawnościami, Becky została beta testerem a ostatecznie programistką EyeMine.
Więcej o Becky Tyler na stronie Githuba
::left::
Jako osoba z #niepełnosprawnością, frustrujące jest słyszeć, że gdy pełnosprawny użytkownik napotyka funkcję, która nie pozwala mu kontynuować, jest to uważane za "błąd" do naprawienia. Kiedy użytkownik z niepełnosprawnością spotyka się z tym samym, słyszymy: "w przyszłości zajmiemy się #dostępnością".
::right::
Tak jak testowanie oprogramowania jest ważne i żaden deweloper nie wdrożyłby swoich produktów bez przetestowania ich pod kątem błędów, uważam, że to samo należy zastosować do błędów dostępności
Paul Chiou, cytat z artykułu Coding accessibility: Disability as catalyst for creativity, Github
- Introduction to Web Accessibility
- Axe - rozszerzenie do przeglądarki do automatycznych testów a11y
- Prosty język
- Semantic HTML
