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 czcionek z dostępną rodziną czcionek osoby z niepełnosprawnością wzrokową, umysłową, językową lub uczenia mogą mieć problemy 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 rodzaj czcionki. Wybór czcionki i stylu może zaważyć o sukcesie lub porażce projektu 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ą skorzystać z ułatwień dostępu w przypadku czcionek.

Wybierz popularne czcionki Najszybszym sposobem na stworzenie dostępnego projektu jest wybranie popularnej czcionki (takich jak Arial, Times New Roman, Calibri, Verdana i wiele innych).

Wiele badań dotyczących czcionek przeprowadzonych na osobach niepełnosprawnych wskazuje, że czcionki powszechnie stosowane powodują szybsze tempo czytania i większe zrozumienie w porównaniu z rzadko stosowanymi 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ęczne, a także tych, w których dostępne są tylko duże litery (np. tylko wielkie 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 poziomie lub pionie 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 Ci wybrać najbardziej odpowiedni czcionkę 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 nowego kroju pisma, 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 zestaw znaków.
  • 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 rn.

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 niewidzące w kolorze 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.

Nie
h2 {font-size: 16px;}
Tak
h2 {font-size: 1rem;}

Ponieważ nie możesz przewidzieć potrzeb każdego użytkownika, podczas dodawania czcionek do witryn i aplikacji internetowych pamiętaj o tych wytycznych:

  • 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 W DUŻYCH LITERZACH 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 konspekt. Pomoże Ci to zaplanować ogólną strukturę strony i w odpowiednich przypadkach używać nagłówków, podnagłówków i list.

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 wersy tekstu mogą stanowić przeszkodę dla osób z niepełnosprawnością, ponieważ mają one problem z utrzymaniem wzroku na tekście i śledzeniem jego płynności.

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, których szerokość nie przekracza 80 znaków (40 znaków w przypadku logogramów).
  • Unikaj wyrównywania akapitów do lewej, ponieważ powoduje to powstawanie „przesłanek” 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

Aby tekst był czytelny, zawsze stosuj wysoki kontrast między tekstem a tłem.

Fałsz
Prawda

Które czcionki są najlepsze pod kątem ułatwień dostępu?

Nie ma to znaczenia.
czcionek systemowych, takich jak Arial i Verdana;
Dostępne kroje pisma.