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.
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:
- letterSpacing - ustaw odstępy między literami;
- lineHeight - ustaw odstępy między wierszami;
- lineSpacingExtra - zwiększ odstępy między wierszami o wartość (liczbę);
- lineSpacingMultiplier - pomnóż odstępy między wierszami przez wartość (liczbę);
- marginBottom - ustaw odstępy między akapitami.
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.