Dotykać

WCAG Touch Target Rozmiar

WCAG Touch Target Rozmiar
  1. Czym jest zalecany rozmiar dotyku WCAG?
  2. Jak naprawić swój cel do celu dotykowego za mały?
  3. Który jest minimalnym zalecanym rozmiarem iOS podlegającej kontroli?
  4. Co to jest cel dotykowy?

Czym jest zalecany rozmiar dotyku WCAG?

Zastanów się nad wykonaniem celów dotykowych co najmniej 48x48dp, oddzielonych 8dp przestrzeni lub więcej, aby zapewnić zrównoważoną gęstość informacji i użyteczność. Cel dotykowy 48x48dp powoduje fizyczny rozmiar około 9 mm, niezależnie od rozmiaru ekranu. Zalecany rozmiar docelowy dla obiektów dotykowych wynosi 7-10 mm.

Jak naprawić swój cel do celu dotykowego za mały?

Jeśli obszar dotykowy jest zbyt mały, rozważ zwiększenie wyściółki wokół przedmiotu, aby zapewnić mu więcej miejsca oddechowego. Możesz upewnić się, że pola klikalne muszą mieć minimalną wysokość i szerokość 48 dp, ustawiając odpowiednio MinHeight i MinWidth.

Który jest minimalnym zalecanym rozmiarem iOS podlegającej kontroli?

Wytyczne dotyczące interfejsu ludzkiego Apple sugerują minimalny obszar 44pt x 44pt dla wszystkich elementów sterujących i wytycznych projektowania materiałów Google sugerują minimalny obszar 48dp x 48dp z co najmniej 8dp przestrzeni między dowolnymi dwoma elementami sterującymi.

Co to jest cel dotykowy?

Target Touch to obszar, który użytkownik może dotknąć ekranu, aby wykonać akcję. Zalecany rozmiar wynosi od 7 mm do 10 mm. Gdy definiujemy nasze rozmiary w punktach i pikselach niezależnych od gęstości, wytyczne Android i iOS zalecały rozmiary w tych jednostkach, aby uzyskać dobre wyniki na różnych urządzeniach.

Zmień kolor łącza na podstawie koloru tła?
Jak zmienić kolor tła linku w HTML?Jak zmieniłbyś kolor linku?Czy możesz zmienić kolor linku w CSS? Jak zmienić kolor tła linku w HTML?Jak dodać kol...
Pokaż powiązane elementy
Jaki jest pokrewny wyświetlacz produktu?Jakie są powiązane produkty? Jaki jest pokrewny wyświetlacz produktu?Powiązane produkty to produkty, które ł...
Dopasowanie wielokrotnego wyboru - po wybraniu elementów są przenoszone na górę rozwijania
Jak wybrać wiele opcji na rozwijanej liście?Jak wybrać wiele opcji z rozwijanej listy w HTML?Jaka jest różnica między ListBox a rozwijaną listą?Jak w...