Typografia

Tworzenie i projektowanie treści z dostępem to coś więcej niż wybór czytelnej czcionki. Nawet w przypadku rodzin czcionek z dostępnością osoby słabowidzące, z zaburzeniami poznawczymi, językowymi i uczenia się 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 projektowaniem, dzięki którym Twoje treści będą promować integrację społeczną 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 kroju i stylu może wpłynąć na każdy projekt 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ń krojów czcionek, które badają osoby z niepełnosprawnościami, dowodzi, że popularne kroje pisma pozwalają szybciej czytać i lepiej rozumieć tekst w porównaniu z typami rzadkimi. Chociaż typowe kroje pisma 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 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ść kopii zmniejsza się też, gdy odstępy między literami lub kerning są zbyt małe. Zwróć szczególną uwagę na odstępy między znakami, zwłaszcza między 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.

Wybierając nowy krój pisma, zwróć szczególną uwagę na następujące elementy:

  • 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 rn.

Rozmiar czcionki i styl typograficzny

Często zakłada się, że wybór czcionki z dostępną rodziną czcionek 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ć, czego potrzebują użytkownicy, podczas dodawania czcionek do witryn i aplikacji internetowych pamiętaj o tych wytycznych:

  • Aby umożliwić zmianę rozmiaru, podstawowe rozmiary czcionek powinny być zdefiniowane za pomocą wartości względnej (%, rem lub em).
  • 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 orientacją w tekście i śledzeniem jego przebiegu z powodu braku wyraźnych, liniowych ścieżek, brakujących 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.

Potraktuj tekst jako zbiór pojedynczych punktorów na konspekcie. 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 skupić się na tekście i zwiększają ogólny obraz strony. Długie wiersze tekstu mogą stanowić barierę dla czytelników z niepełnosprawnościami, ponieważ mają problemy z utrzymaniem się w miejscu i czytaniem tekstu.

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ścią 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 czytelnikom trudno jest znaleźć granice słów.

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 z tekstem 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 w jasny sposób komunikować się z największą liczbą osób.

Sprawdź swoją wiedzę

Sprawdź swoją wiedzę na temat mierzenia ułatwień dostępu

Aby treść była czytelna, zawsze używaj wysokiego kontrastu między tekstem a tłem.

Fałsz
Prawda

Jakie czcionki najlepiej sprawdzają się w przypadku ułatwień dostępu?

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