Więcej informacji o ułatwieniach dostępu

Jakie narzędzia są powszechnie używane, aby ułatwić osobom z niepełnosprawnościami korzystanie z internetu?

Wybierz tyle odpowiedzi, ile uważasz za stosowne.

Urządzenia wyjściowe brajlowskie

Czytniki ekranu

stacje dokujące;

Ustawienia systemu operacyjnego

Jak skutecznie wprowadzać zmiany w internecie?

Wybierz tyle odpowiedzi, ile uważasz za stosowne.

złożyć skargę w mediach społecznościowych;

Wnieś pozew.

skontaktować się bezpośrednio z deweloperami firmy,

Jaki jest najwyższy poziom standardów WCAG?

Poziom AAA

A Level

WYRAŹ

Przykłady elementów, które można obsługiwać

Wybierz tyle odpowiedzi, ile uważasz za stosowne.

Wszystkie filmy mają elementy sterujące.

Użytkownicy mają wystarczająco dużo czasu na wypełnienie formularza.

Wszystkie aktywne elementy obsługują klawiaturę i ekran dotykowy.

Używaj prostego języka.

Która z tych opcji jest sprawdzoną metodą tworzenia przycisku dostępnego dla osób z niepełnosprawnościami?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

Twoja witryna to wielojęzyczny podręcznik online, w którym na jednej stronie wyświetla się wiele języków. Jak najlepiej poinformować technologię wspomagającą osoby z niepełnosprawnością o języku tekstu?

Ustaw podstawowy lang dla <html>, i dodatkowe języki w elementach zawierających treści w innym języku.

Nie musisz się tym przejmować, technologia wspomagająca może automatycznie odczytać każdy język.

Uwzględnij wszystkie języki w elemencie <html>. Na przykład <html lang="en,lt,pl,pt">

Który przykład stylu CSS `:focus` jest najbardziej dostępny na białym tle?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

Do czego służy link do pomijania?

Pomóż użytkownikowi klawiatury pominąć zbędne lub nieprzydatne grupy linków.

Pomaga użytkownikom klawiatury pomijać nieciekawe treści.

Jak najlepiej zmienić styl elementu za pomocą JavaScriptu?

Użyj JavaScriptu, aby przełączać klasę elementu, i dodaj styl do arkusza stylów CSS.

Użyj JavaScriptu, aby zastosować styl dynamiczny bezpośrednio w elemencie HTML.

Czy wszystkie działania JavaScriptu obsługują użytkowników klawiatury?

Tak, wszystkie działania automatycznie obsługują użytkowników klawiatury.

Tak, ale może być konieczne wykonanie dodatkowych czynności.

Nie. Użytkowników klawiatury możesz obsługiwać tylko za pomocą semantycznego kodu HTML.

Jak udostępniać złożone obrazy?

Wybierz tyle odpowiedzi, ile uważasz za stosowne.

Wyjaśnij to w dalszej części artykułu.

Dodaj długi tekst alternatywny z pełnym opisem.

Dodaj do obrazu atrybut aria-describedby.

W przypadku dłuższych wyjaśnień używaj linku.

Sam kolor nie jest wystarczającym identyfikatorem dokumentacji. Co jeszcze pomoże czytelnikom w rozpoznawaniu elementów interfejsu?

Wzór

Tekst

Ikona

Wszystkie odpowiedzi są prawidłowe.

Co możemy zbudować, aby odzwierciedlać ustawienia systemu operacyjnego dotyczące ruchu?

@prefers-reduced-motion

Przełączniki JavaScript

Aby tekst był czytelny, zawsze należy używać wysokiego kontrastu między tekstem a tłem.

Fałsz

Prawda

Jakie czcionki są najlepsze pod względem dostępności?

dostępne kroje pisma,

czcionki systemowe, takie jak Arial i Verdana;

Nie ma to znaczenia.

Który z tych elementów wejściowych formularza jest najbardziej dostępny?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

Czy komponenty ułatwień dostępu są zawsze dostępne dla użytkowników?

Nie, najpierw musisz przetestować komponenty.

Tak, możesz używać tych komponentów bez dodatkowej pracy.

Jakie testy należy przeprowadzić, aby upewnić się, że witryna jest dostępna?

Wybierz tyle odpowiedzi, ile uważasz za stosowne.

Testowanie automatyczne

Testy ręczne

Testowanie przez użytkowników

Testowanie technologii wspomagającej osoby z niepełnosprawnością

Testy oceniające.

Jakie błędy są wykrywane w testach automatycznych?

Wybierz tyle odpowiedzi, ile uważasz za stosowne.

Język promujący integrację społeczną

Brakujący tekst alternatywny

Problemy z kontrastem kolorów

Opisowe etykiety formularzy

Błędy ARIA

Jakie elementy muszą spełniać standardy kontrastu kolorów WCAG?

Ikony

Nagłówki

Tekst główny

Wszystkie powyższe odpowiedzi

Jaki czytnik ekranu najlepiej nadaje się do testowania dostępności?

Nie ma

JAWS

VoiceOver

Orca

Jaki jest cel testowania z użyciem technologii wspomagającej osoby z niepełnosprawnością?

Testowanie witryny lub aplikacji pod kątem błędów.

Aby doświadczyć tego samego co osoby korzystające z technologii wspomagającej osoby z niepełnosprawnością.

Jakie narzędzia są powszechnie używane, aby ułatwić osobom z niepełnosprawnościami korzystanie z internetu?

Jak skutecznie wprowadzać zmiany w internecie?

Jaki jest najwyższy poziom standardów WCAG?

Przykłady elementów, które można obsługiwać

Która z tych opcji jest sprawdzoną metodą tworzenia przycisku dostępnego dla osób z niepełnosprawnościami?

Twoja witryna to wielojęzyczny podręcznik online, w którym na jednej stronie wyświetla się wiele języków. Jak najlepiej poinformować technologię wspomagającą osoby z niepełnosprawnością o języku tekstu?

Który przykład stylu CSS :focus jest najbardziej dostępny na białym tle?

Do czego służy link do pomijania?

Jak najlepiej zmienić styl elementu za pomocą JavaScriptu?

Czy wszystkie działania JavaScriptu obsługują użytkowników klawiatury?

Jak udostępniać złożone obrazy?

Sam kolor nie jest wystarczającym identyfikatorem dokumentacji. Co jeszcze pomoże czytelnikom w rozpoznawaniu elementów interfejsu?

Co możemy zbudować, aby odzwierciedlać ustawienia systemu operacyjnego dotyczące ruchu?

Aby tekst był czytelny, zawsze należy używać wysokiego kontrastu między tekstem a tłem.

Jakie czcionki są najlepsze pod względem dostępności?

Który z tych elementów wejściowych formularza jest najbardziej dostępny?

Czy komponenty ułatwień dostępu są zawsze dostępne dla użytkowników?

Jakie testy należy przeprowadzić, aby upewnić się, że witryna jest dostępna?

Jakie błędy są wykrywane w testach automatycznych?

Jakie elementy muszą spełniać standardy kontrastu kolorów WCAG?

Jaki czytnik ekranu najlepiej nadaje się do testowania dostępności?

Jaki jest cel testowania z użyciem technologii wspomagającej osoby z niepełnosprawnością?

Który przykład stylu CSS `:focus` jest najbardziej dostępny na białym tle?