W celu świadczenia usług na najwyższym poziomie stosujemy pliki cookies. Korzystanie z naszej witryny oznacza, że będą one zamieszczane w Państwa urządzeniu. W każdym momencie można dokonać zmiany ustawień Państwa przeglądarki. Zobacz politykę cookies.

Powiększanie tekstu w aplikacjach mobilnych

Niektórzy użytkownicy (np. słabowidzący), mogą potrzebować, aby powiększyć treści na stronie internetowej. Urządzenia mobilne mają wiele rozwiązań, które umożliwiają takie powiększenie. Takie powiększenie nie powinno negatywnie wpływać na czytelność treści.

Ogólnie omawiamy ten temat w artykule Powiększanie tekstu (jako jeden z tematów o elementach, które tworzą dostępność cyfrową).

Dopasowanie do ekranu

Użytkownicy, którzy korzystają z systemowej funkcji powiększenia czcionki, mogą mieć problemy z obsługą aplikacji, jeśli ściśle określisz liczbę wyświetlanych linii tekstu w danym kontenerze. Takie powiększenie może powodować zwinięcie lub ukrycie treści.

iOS

Wszystkie elementy aplikacji twórz za pomocą kontrolek, które umożliwiają użytkownikowi przewijanie treści na ekranach: UIScrollView, UITableView lub UICollectionView.

Projektuj skalowalne widoki przy pomocy właściwości wrap_content. Podczas testów sprawdź, czy żaden element nie ma zdefiniowanej wysokości za pomocą stałych wartości. 

Unikaj atrybutu maxNumberOfLines i nie określaj maksymalnej liczby linii tekstu.

Android

Wszystkie elementy aplikacji twórz za pomocą kontrolek, które umożliwiają użytkownikowi przewijanie treści na ekranach: ScrollView lub RecyclerView.

Projektuj skalowalne widoki przy pomocy samodopasowywania się elementów widoku. Podczas testów sprawdź, czy żaden element nie ma zdefiniowanej wysokości za pomocą stałych wartości. 

Unikaj atrybutu android:maxLines i nie określaj maksymalnej liczby linii tekstu.

Odstępy w tekście

Odstępy pomiędzy literami, słowami czy wierszami, często bardziej wpływają na czytelność tekstu niż krój czcionki. Ich właściwe stosowanie wpływa pozytywnie na czytelność treści dla wszystkich użytkowników, ale w szczególności dla osób z dysleksją, słabowidzących i starszych.

iOS
W systemie iOS możesz użyć właściwości NSMutableParagraphStyle, aby określić wygląd akapitów, na przykład lineHeightMultiple - by określić wielokrotność wysokości linii.

Android

Aby określać odstępy, możesz wykorzystać atrybuty:

Zmiana rozmiaru tekstu

Upewnij się, że tekst, który wyświetlasz w aplikacji mobilnej, możesz powiększyć systemowymi funkcjami ułatwień dostępu. Jest to szczególnie ważne dla użytkowników słabowidzących, którzy często korzystają z systemowego powiększenia czcionki.

iOS

W systemie iOS możesz użyć automatycznego skalowania czcionki. Za pomocą metody preferredFont(forTextStyle:) możesz określić, że wielkość tekstu ma dostosowywać się do indywidualnych ustawień systemowych użytkownika.

Android

Gdy projektujesz interfejs użytkownika aplikacji mobilnej, określ rozmiar tekstu w pikselach niezależnych od skali - sp.


Logotypy związane z finansowaniem projektu, w ramach którego powstał ten artykuł – Fundusze Europejskie Wiedza Edukacja Rozwój, Rzeczpospolita Polska, Europejski Fundusz Społeczny

{"register":{"columns":[]}}