Tworzenie i projektowanie łatwo dostępnych treści to coś więcej niż tylko wybór czytelnej czcionki. Nawet w przypadku łatwo dostępnych rodzin czcionek osoby niedowidzące, słabo poznawcze, językowe i z zaburzeniami w uczeniu się mogą mieć trudności z przetwarzaniem tekstu z powodu innych czynników, takich jak zmiana czcionki, jej rozmiar, odstępy czy kerning. W tym module omówimy podstawowe kwestie związane z projektowaniem, które pomogą Ci zwiększyć integrację społeczną i dotrzeć do jeszcze większej liczby osób.
Krój czcionki
Głównym czynnikiem, który może mieć duży wpływ na dostępność kopii, jest krój czcionki. Wybór czcionki i stylu może mieć wpływ na wygląd każdej strony.
Stosowanie krojów czcionki może być korzystne dla osób z zaburzeniami czytania, uczenia się i zaburzeń uwagi, np. z dysleksją i zespołem nadpobudliwości psychoruchowej z deficytem uwagi (ADHD), a także osobom niedowidzącym.
Wybieranie popularnych krojów czcionki Najszybszym sposobem na opracowanie interfejsu w zakresie łatwo dostępnym jest wybranie jednego popularnego kroju czcionki (np. Arial, Times New Roman, Calibri, Verdana).
Wiele badań nad czcionkami testujących osoby z niepełnosprawnościami pokazało, że typowe krój pisma przyspiesza czytanie i lepiej go rozumie w porównaniu z rzadkimi krójami. Chociaż te popularne kroje nie są z założenia bardziej przystępne niż inne kroje, niektórym osobom z niepełnosprawnościami czyta się je łatwiej, ponieważ mają doświadczenie w pracy z takimi krojami lub z nimi powiązane.
Oprócz wybrania popularnych kroju pisma, unikaj stosowania krojów pisma ozdobnego lub odręcznego, a także takich, w których dostępna jest tylko jedna wielkość liter (np. tylko duże litery). Te specjalne krój pisma z Kursywą, nietuzinkowymi kształtami lub elementami artystycznymi, np. cienkimi liniami, mogą wyglądać ładnie, ale w przypadku osób z niepełnosprawnościami są znacznie trudniejsze do odczytania niż typowe kroje czcionki.
Charakterystyka liter i kerning
Badania nad tym, czy czcionki szeryfowe czy bezszeryfowe są łatwiejsze do odczytania, nie są w pełni jednoznaczne, ale niektóre liczby, litery lub kombinacje mogą wprowadzać osoby z zaburzeniami poznawczymi lub uczącymi się na podstawie języka. W przypadku osób z tego rodzaju niepełnosprawnością każda litera i cyfra musi być jasno określona i mieć charakterystyczne cechy, tak aby litery nie były pomylone z cyframi.
Najczęściej naruszający czytelność to litera „I” (Indie), mała litera „l” (lettuce) i cyfra „1”. Podobnie pary liter, takie jak b/d, p/q, f/t, i/j, m/w oraz n/u, mogą w przypadku niektórych czytników odwrócić poprzeczkę w lewo do prawej lub w górę.
Czytelność kopii spada również wtedy, gdy odstępy między literami lub kerning są za małe. Zwróć szczególną uwagę na kerning, zwłaszcza między problematyczną parą liter r/n. Inaczej słowo „włóczka” może zmienić się na „yam” lub „rdzawy” na „łodyga”, co całkowicie zmieni znaczenie tekstu.
Kolekcje czcionek open source, takie jak Google Fonts, mogą pomóc w dobrze skonstruowanym kroju czcionki w kolejnym projekcie. Jeśli korzystasz z usług firmy Adobe, możesz umieszczać dostępne rodziny czcionek od partnerów partnerskich bezpośrednio w swoich projektach – obejmuje to wybrane Czcionki Google.
Szukając nowego kroju czcionki, zwróć uwagę na te kwestie:
- W miarę możliwości używaj popularnych czcionek.
- Unikaj stosowania wyrafinowanych lub odręcznych czcionek oraz takich, w których wielkość liter może mieć tylko jedną wielkość liter.
- Wybierz krój czcionki o unikalnych cechach, zwracając szczególną uwagę na duże litery I, małe litery l i 1.
- Sprawdź, czy określone kombinacje liter nie stanowią dokładnie odbicia lustrzanego nawzajem.
- Sprawdź kerning, zwłaszcza między parą liter r/n.
rozmiar czcionki i styl typograficzny;
Użytkownicy często zakładają, że wybranie łatwo dostępnej rodziny czcionek sedna nie wystarczy do utworzenia treści promujących integrację społeczną. Należy jednak wziąć pod uwagę także rozmiar czcionki i styl tekstu na stronie.
Na przykład osoby niedowidzące lub niedowidzące mogą nie być w stanie odczytać tekstu, jeśli tekst jest zbyt mały, a treść tekstu jest odczytywana z wykorzystaniem powiększonego ekranu (np. powiększenia w przeglądarce). Inni użytkownicy, na przykład osoby z dysleksją lub zaburzeniami czytania, mogą mieć problemy z czytaniem tekstu kursywy. Czytniki ekranu często ignorują metody stylizacji, takie jak pogrubienie czy kursywa, więc ich intencje nie są przekazywane osobom niewidomym i niedowidzącym.
h2 {font-size: 16px;}
h2 {font-size: 1rem;}
Nie możesz przewidzieć potrzeb każdego użytkownika, dlatego podczas dodawania czcionek do swoich produktów cyfrowych pamiętaj o tych wytycznych:
- Podstawowe rozmiary czcionek powinny być zdefiniowane za pomocą wartości względnej (%, rem lub em), aby umożliwić łatwą zmianę rozmiaru.
- Ogranicz liczbę odmian czcionki, takich jak kolor, pogrubienie, WIELKIE LITERY i kursywa, aby zwiększyć czytelność. Zamiast tego używaj metod, by wyróżnić słowa w tekście, np. gwiazdek, myślników czy wyróżnienia pojedynczych słów.
- Jeśli to możliwe, używaj znaczników zamiast tekstu na obrazach. Czytniki ekranu nie są w stanie odczytać tekstu umieszczonego na obrazach (bez dodatkowego kodu), a umieszczony tekst może również stać się pikselowy, gdy zostanie powiększony przez użytkowników niedowidzących.
Struktura i układ
O ile krój i rozmiar czcionki oraz jego styl typograficzny mają znaczenie w przypadku łatwo dostępnej typografii, struktura i układ tekstu na stronie mogą być równie istotne dla jego zrozumienia przez użytkownika.
Złożony układ może być prawdziwą przeszkodą dla osób niedowidzących, mających problemy z czytaniem i 6, 1 miliona osób z ADHD w Stanach Zjednoczonych. Tego typu niepełnosprawność utrudnia utrzymanie w odpowiednim miejscu i przebiegu tekstu z powodu braku jednoznacznych, liniowych ścieżek i nagłówków i niepogrupowanych elementów.
Ważnym aspektem projektów układów ułatwień dostępu jest odróżnianie od siebie kluczowych elementów i grupowanie podobnych elementów. Jeśli elementy znajdują się zbyt blisko siebie, trudno będzie rozróżnić ich początek i koniec, zwłaszcza jeśli mają podobny styl.
Potraktuj tekst reklamy jako zbiór osobnych punktów na konspektu. Dzięki temu łatwiej będzie Ci zaplanować ogólną strukturę strony oraz w razie potrzeby korzystać z nagłówków, podtytułów i list.
Odstępy
Odstępy między akapitami, zdaniami i słowami są również ważne, ponieważ pomagają czytelnikom skupić się na treści i zwiększają ogólny obraz strony. Długie wiersze tekstu mogą stanowić przeszkodę dla czytelników z niepełnosprawnościami, ponieważ mają problem z utrzymaniem pozycji w odpowiednim miejscu i nadążaniem za czytaniem. Wąski blok tekstu ułatwia czytelnikom przejście do następnego wiersza.
Wyrównanie treści
Innym powodem frustracji wielu osób z niepełnosprawnościami jest przeczytanie uzasadnionych tekstów. Nierównomierne odstępy między słowami w wyjustowanym tekście mogą spowodować powstawanie „rzeczy odstępu”, co utrudnia czytelność tekstu.
Uzasadnienia tekstu może też powodować grupowanie słów lub rozciąganie ich w nienaturalny sposób, co utrudnia czytelnikom określenie granic słów.
Na szczęście przestrzegamy jasnych wytycznych dotyczących odstępów i narzędzi, takich jak Dobra linia-Wysokość i Kalkulator współczynnika złotego, dzięki którym tekst jest bardziej dostępny. Zastosowanie tych wytycznych pomoże osobom z zaburzeniami uwagi, czytaniem lub upośledzonym wzrokiem, aby łatwiej skupić się na tekście, a nie na układzie treści.
Sprawdzone metody tworzenia struktury i układu
Wybierając strukturę i układ, pamiętaj o tych kwestiach:
- Podziel stronę na sekcje za pomocą takich elementów jak nagłówki, podtytuły, listy, liczby, bloki cudzysłowów i inne elementy wizualne.
- Stosuj jasno zdefiniowane akapity, zdania i odstępy między słowami.
- Utwórz kolumny z tekstem o szerokości nieprzekraczającej 80 znaków (40 znaków w przypadku logogramów).
- Unikaj nieuzasadnionego wyrównania akapitów, bo spowodowałoby to powstawanie „wolnej przestrzeni” w tekście.
Przystępne informacje typograficzne
Przystępna typografia można sprowadzać do rozsądnych wyborów projektowych opartych na Twojej wiedzy o potrzebach użytkowników. Pamiętaj o tym module przy projektowaniu i rozwijaniu treści, aby skuteczniej komunikować się z największą liczbą osób.
Sprawdź swoją wiedzę
Sprawdź swoją wiedzę na temat pomiaru ułatwień dostępu
Aby tekst był czytelny, zawsze używaj wysokiego kontrastu między tekstem a tłem.
Jakie czcionki są najlepsze w ułatwieniach dostępu?