Typografia

Tworzenie i projektowanie treści z ułatwieniami dostępu to coś więcej niż wybór łatwej do czytania czcionki. Nawet w przypadku rodzin czcionek z dostępnością osoby słabowidzące, z zaburzeniami poznawczymi, językowymi i uczenia mogą mieć trudności z przetwarzaniem tekstu ze względu na inne elementy, takie jak warianty czcionki, rozmiar, odstępy i kerning.

W tym module omawiamy podstawowe kwestie związane z projektem, które pomogą Ci tworzyć bardziej wszechstronne treści i docierać do jeszcze większej liczby osób.

Krój czcionki

Głównym czynnikiem, który może mieć duży wpływ na ułatwienia dostępu w tekście, jest typ czcionki. Wybór czcionki i stylu może zaważyć na wyglądzie strony.

Użytkownicy z zaburzeniami czytania, uczenia się i uwagi, takimi jak dysleksja czy zespół nadpobudliwości psychoruchowej z deficytem uwagi (ADHD), a także niedowidzący mogą korzystać z ułatwień dostępu do czcionek.

Wybierz popularne czcionki Najszybszym sposobem na stworzenie projektu z dostępnością na wysokim poziomie jest wybranie popularnej czcionki (np. Arial, Times New Roman, Calibri, Verdana i wiele innych).

Wiele badań dotyczących czcionek przeprowadzonych na osobach niepełnosprawnych wskazuje, że zwykłe czcionki powodują szybsze tempo czytania i większe zrozumienie w porównaniu z nietypowymi czcionkami. Chociaż typowe kroje czcionek nie są z założenia bardziej dostępne niż inne kroje, niektórym osobom z niepełnosprawnością łatwiej jest je czytać, ponieważ mają duże doświadczenie w pracy z tymi czcionkami.

Oprócz wyboru popularnego kroju pisma unikaj czcionek ozdobionych lub pisanych odręcznie, a także tych, w których dostępne są tylko duże litery (np. tylko duże litery). Te specjalne kroje pisma z kursywą, dziwacznymi kształtami lub elementami artystycznymi, takimi jak cienkie linie, mogą wyglądać ładnie, ale są znacznie trudniejsze do odczytania dla niektórych osób niepełnosprawnych niż zwykłe kroje pisma.

Właściwości liter i kerning

Badania nad tym, czy czcionki szeryfowe czy bezszeryfowe są łatwiejsze do odczytania, nie dają jednoznacznej odpowiedzi, ale niektóre liczby, litery lub ich kombinacje mogą wprowadzać w błąd użytkowników z zaburzeniami uczenia się i zaburzeniami poznawczymi. W przypadku osób z takimi niepełnosprawnościami każda litera i cyfra musi być wyraźnie zdefiniowana i mieć unikalne cechy, aby nie można było ich pomylić.

Najczęstsze problemy z czytelnością dotyczą litery „I” (India), litery „l” (lettuce) i cyfry „1”. Podobnie pary liter takie jak b/d, p/q, f/t, i/j, m/w i n/u mogą się czasem odwracać w lewo lub w prawo albo w górę i w dół w zależności od czytnika.

Czytelność tekstu spada też, gdy odstępy między literami są zbyt małe. Zwróć szczególną uwagę na odstępy między znakami, zwłaszcza na parę liter r/n. W przeciwnym razie słowa takie jak „yarn” (włóczka) mogłyby zmienić się na „yam” (kokos) lub „stern” na „stem” (łodyga), całkowicie zmieniając znaczenie tekstu.

Kolekcje czcionek open source, takie jak Google Fonts, mogą pomóc w wybraniu najbardziej uniwersalnego czcionki do następnego projektu. Jeśli korzystasz z usług Adobe, możesz umieszczać w swoich projektach czcionki z dostępnymi rodzinami czcionek od partnerów typograficznych. Dotyczy to wybranych czcionek Google.

Szukając nowej czcionki, zwróć szczególną uwagę na te kwestie:

• W miarę możliwości używaj czcionek powszechnie stosowanych.
• Unikaj czcionek ręcznych i skomplikowanych oraz tych, które mają tylko jeden krój pisma.
• Wybierz czcionkę o niepowtarzalnych cechach, z szczególnym uwzględnieniem litery I w wielkiej literze, l w małej literze i cyfry 1.
• Sprawdź, czy niektóre kombinacje liter nie są lustrzanym odbiciem siebie nawzajem.
• Sprawdź odstępy między znakami, zwłaszcza między r i n.

Rozmiar czcionki i styl typograficzny

Często zakłada się, że wybór czcionki z dostępną czcionką to wszystko, co trzeba zrobić, aby tworzyć treści uwzględniające potrzeby wszystkich odbiorców. Ważne jest też uwzględnienie rozmiaru czcionki i stylu tekstu na stronie.

Na przykład osoby niedowidzące lub daltoniści mogą nie być w stanie przeczytać niektórych tekstów, jeśli są one za małe, nawet przy powiększeniu w przeglądarce. Inni użytkownicy, np. osoby z dysleksją lub zaburzeniami czytania, mogą mieć problem z odczytaniem tekstu kursywą. Czytniki ekranu często ignorują metody stylizacji, takie jak pogrubienie i kursywa, więc użytkownicy niewidomi lub słabowidzący nie są w stanie zrozumieć intencji tych stylów.

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

Ponieważ nie możesz przewidzieć, czego potrzebują użytkownicy, podczas dodawania czcionek do witryn i aplikacji internetowych pamiętaj o tych wskazówkach:

• Podstawowe rozmiary czcionki należy zdefiniować za pomocą wartości względnej (%, rem lub em), aby umożliwić zmianę rozmiaru.
• Ogranicz liczbę odmian czcionki, takich jak kolor, pogrubienie, WYRAZY CAŁKOWICZ DUŻYCH LITERÓW i kursywa, aby zwiększyć czytelność. Zamiast tego użyj metod podkreślania słów w tekście, np. gwiazdek, myślników lub wyróżnienia pojedynczego słowa.
• O ile to możliwe, używaj znaczników zamiast tekstu na obrazach. Czytniki ekranu nie mogą odczytywać tekstu umieszczonego na obrazach (bez dodatkowego kodu), a tekst ten może też stać się rozpikselowany, gdy użytkownicy z niedowidzeniem powiększą obraz.

Struktura i układ

Chociaż czcionka, rozmiar czcionki i styl typograficzny są ważne dla dostępności typografii, struktura i układ tekstu na stronie mogą być równie ważne dla zrozumienia treści przez użytkownika.

Złożone układy mogą stanowić prawdziwą barierę dla osób niedowidzących, mających trudności z czytaniem oraz 6, 1 miliona Amerykanów z ADHD. Osoby z takimi niepełnosprawnościami mają trudności z orientowaniem się w tekście i śledzeniem jego przebiegu z powodu braku wyraźnych ścieżek, braku nagłówków i niepogrupowanych elementów.

Ważnym aspektem projektowania interfejsów z uwzględnieniem dostępności jest odróżnianie od siebie najważniejszych elementów i grupowanie podobnych elementów. Jeśli elementy są zbyt blisko siebie, trudno jest określić, gdzie kończy się jeden element, a zaczyna drugi, zwłaszcza jeśli mają podobny styl.

Wyobraź sobie tekst jako zbiór poszczególnych punktów na osi czasu. Pomoże Ci to zaplanować ogólną strukturę strony i umożliwi używanie nagłówków, podnagłówków i list w odpowiednich przypadkach.

Odstępy

Odstępy między akapitami, zdaniami i słowami pomagają czytelnikom zachować skupienie na tekście i współtworzą ogólne wrażenie wizualne strony. Długie linie tekstu mogą stanowić przeszkodę dla osób z niepełnosprawnością, ponieważ mają one problem z utrzymaniem wzroku na tekście i śledzeniem jego przebiegu.

Wąski blok tekstu ułatwia czytelnikom przejście do następnego wiersza.

Dopasowanie treści

Kolejnym problemem dla wielu osób z niepełnosprawnościami jest czytanie tekstu wyrównanego do lewej. Nierówne odstępy między słowami w tekście wyjustowanym mogą powodować powstawanie „przerwy w tekście”, co utrudnia czytanie.

Wyjustowanie tekstu może też powodować, że słowa są zbite lub rozciągnięte w nienaturalny sposób, przez co czytelnicy mogą mieć trudności z odnalezieniem granic między słowami.

Na szczęście istnieją jasne wytyczne dotyczące odstępów między elementami oraz narzędzia takie jak Good Line-Height i Golden Ratio Calculator, które pomagają zwiększyć czytelność tekstu. Wdrożenie tych wytycznych pomaga osobom z zaburzeniami koncentracji, trudnościami w czytaniu i problemami ze wzrokiem bardziej skupić się na treści niż na układzie.

Sprawdzone metody dotyczące struktury i układu

Podczas planowania struktury i układu:

• Aby podzielić stronę na sekcje, użyj elementów takich jak nagłówki, podnagłówki, listy, liczby, cytaty i inne elementy wizualne.
• Używaj wyraźnie określonych akapitów, zdań i odstępów między słowami.
• Utwórz kolumny tekstu o szerokości mniejszej niż 80 znaków (40 znaków w przypadku logogramów).
• Unikaj wyrównywania akapitów do lewej, ponieważ powoduje to powstawanie „przerwy w tekście”.

Wnioski dotyczące ułatwień dostępu w typografii

Dostępna typografia może sprowadzać się do rozsądnych decyzji projektowych opartych na wiedzy o potrzebach użytkowników. Pamiętaj o tym module podczas projektowania i tworzenia treści, aby jak najwięcej osób mogło je zrozumiale odbierać.

Sprawdź swoją wiedzę

Sprawdź swoją wiedzę na temat pomiarów ułatwień dostępu