Google uses AI technology to translate content into your preferred language. AI translations can contain errors. Zasoby Ułatwienia dostępu Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami. Więcej informacji o ułatwieniach dostępu Wróć do ścieżki 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ą. Prześlij odpowiedzi error_outline Podczas oceniania testu wystąpił błąd. Spróbuj ponownie. Wstecz arrow_back Podsumowanie i dalsze kroki Dalej Słownik arrow_forward