Typografia

Tworzenie i projektowanie treści przystępnych to coś więcej niż tylko wybranie czytelna czcionka. Nawet przy ułatwionych rodzinach czcionek osoby niedowidzące problemy poznawcze, językowe i uczenie się mogą mieć problemy z przetwarzaniem tekstu ze względu na inne elementy, takie jak odmiany czcionki, jej rozmiar, odstępy i kerning czy brazylijska ustawa LGPD. W tym module omówię podstawowe kwestie projektowe, które należy wziąć pod uwagę, bardziej inkluzywne 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 do tekstu, jest krój czcionki. Wybór kroju i stylu może wpłynąć na lub złamać każdy projekt strony.

Używanie ułatwień dostępu może być korzystne dla osób z zaburzeniami w czytaniu, nauce i koncentracji, takich jak dysleksja i ADHD, a także dla osób niedowidzących.

Wybieranie popularnych krojów czcionek Najszybszym sposobem na utworzenie przystępnego projektu jest wybranie wspólnego kroju (np. Arial, Times New Roman, Calibri, Verdana i wielu innych).

Wiele badań krojów pisma, które testują osoby z niepełnosprawnościami, dowodzi, że popularne kroje pisma przyspieszają czytanie i zapewniają lepsze zrozumienie tekstu w porównaniu z rzadkimi krojami. Chociaż te popularne kroje pisma z natury nie są bardziej dostępne niż inne, niektóre osoby z niepełnosprawnościami mogą łatwiej je czytać, ponieważ mają duże doświadczenie w pracy z takimi krojami.

Oprócz wyboru wspólnego kroju pisma unikaj też bogato zdobionych lub odręcznych krojów pisma, a także tych, w których dostępna jest tylko jedna litera (np. tylko wielkie litery). Te specjalne kroje pisma z układami kursywą, nietypowymi kształtami lub elementami artystycznymi, takimi jak cienkie linie, mogą wyglądać ładnie, ale dla niektórych osób z niepełnosprawnościami czytanie tych krojów jest znacznie trudniejsze niż dla tych, które mają dziwne kształty.

Charakterystyka liter i kerning

Sprawdź, czy czcionki szeryfowe lub bezszeryfowe są łatwiejsze do zastosowania odczytywana wydaje się niejednoznaczna, ale niektóre cyfry, litery lub ich kombinacje mogą być mylące osób z zaburzeniami rozpoznawania języka i niepełnosprawnościami poznawczymi. W przypadku osób z tego typu niepełnosprawnościami każda litera i cyfra jasno zdefiniowane i mają unikalne cechy, dzięki czemu litery nie są mylone cyframi.

Osoby często naruszające czytelność tekstu pisane są wielkimi literami i m.in. „I” (Indie), małe litery „l” (sałata) oraz cyfra „1”. Podobnie pary liter, takie jak b/d, p/q, f/t, i/j, m/w i n/u czasami w przypadku niektórych czytników obracają się w lewo lub w górę albo w dół.

Czytelność kopii zmniejsza się również wtedy, gdy odstępy między literami lub kerning są zbyt duże. mocno. Zwróć szczególną uwagę na kerning, zwłaszcza w przypadku problematycznych para liter r/n. inne słowa, takie jak „włóczka”. może zmienić się na „yam” lub „surowe” „rdzenie”, całkowicie zmieniając znaczenie tekstu.

Kolekcje krojów pisma open source, takie jak Google Fonts, mogą pomogą Ci wybrać krój pisma, który będzie najbardziej inkluzywny dla Twojego projektu. Jeśli używasz usług Adobe, możesz osadzić rodziny czcionek z ułatwieniami dostępu z Foundry partnerów bezpośrednio w swoich projektach. Dotyczy to wybranych Czcionki Google.

Szukając nowego kroju pisma, zwróć szczególną uwagę na następujące kwestie:

  • W miarę możliwości używaj popularnych czcionek.
  • Unikaj stosowania czcionek wymyślnych lub odręcznych, a także takich, w których wielkość liter jest ograniczona.
  • Wybierz krój pisma o unikalnych cechach, zwracając szczególną uwagę na wielkie I, małe l i 1.
  • Sprawdź, czy określone kombinacje liter nie są odbiciem lustrzanym poszczególnych liter.
  • Sprawdź kerning, zwłaszcza między parą liter r/n.

Rozmiar czcionki i styl typograficzny

Użytkownicy często zakładają, że do utworzenia treści promującej integrację społeczną wystarczy wybranie odpowiedniej rodziny czcionek, ale trzeba też wziąć pod uwagę rozmiar czcionki i styl tekstu na stronie.

Na przykład osoby niedowidzące lub niedowidzące lub niedowidzące mogą nie być w stanie odczytać części tekstu, jeśli jest on zbyt mały i będzie go można odczytać za pomocą elementu AT, czyli powiększenia w przeglądarce. Inni użytkownicy, na przykład osoby z dysleksją lub zaburzeniami czytania, mogą mieć problem z czytaniem tekstu pisanego kursywą. Czytniki ekranu często ignorują metody stylizacji, takie jak pogrubienie i kursywa, więc intencje tych stylów nie są przekazywane osobom niewidomym i niedowidzącym.

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

Nie można przewidzieć potrzeb każdego użytkownika, dlatego podczas dodawania czcionek do produktów cyfrowych należy wziąć pod uwagę te wytyczne:

  • Podstawowe rozmiary czcionek powinny być zdefiniowane za pomocą wartości względnej (%, rem lub em) umożliwiają łatwą zmianę rozmiaru.
  • Ogranicz liczbę wariantów kroju pisma, takich jak kolor, pogrubienie, WIELKIE LITERY kursywą, aby zwiększyć czytelność. Zamiast tego użyj metod wyróżniania słów w tekstu, np. gwiazdek, myślników lub wyróżnienia pojedynczego słowa.
  • W miarę możliwości używaj znaczników zamiast tekstu na obrazach. Czytniki ekranu nie mogą odczytywanie tekstu umieszczonego na obrazach (bez dodatkowego kodu) i tekstu umieszczonego mogą także zostać spikselizowane, gdy są powiększone przez osoby niedowidzące.

Struktura i układ

Krój czcionki, jej rozmiar i styl typograficzny są ważne z uwzględnieniem przystępności typografia, struktura i układ tekstu na mogą być równie ważne dla zrozumienia użytkownika.

Złożony układ może być prawdziwą przeszkodą dla osób niedowidzących, czytających oraz 6, 1 miliona osób z ADHD w Stanach Zjednoczonych. Tego typu niepełnosprawności utrudniają zachowanie umieścić tekst i śledzić jego przepływ z powodu braku wyraźnych liniowych ścieżek, brakujące nagłówki i niezgrupowane elementy.

Ważnym aspektem projektowania układów z ułatwieniami dostępu są kluczowe elementy od siebie różnią się od siebie i grupować podobne elementy. Jeśli elementy są zbyt blisko, może być trudno rozpoznać, gdzie zaczyna się jeden z nich i końcowe, zwłaszcza jeśli mają podobny styl.

Potraktuj tekst reklamy jako kolekcję pojedynczych punktorów na konspektu. Pomoże Ci to zaplanować ogólną strukturę strony i pozwoli w razie potrzeby używać nagłówków, podtytułów i list.

Odstępy

Odstępy między akapitami, zdaniami i słowami również są ważne, ponieważ 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.

Wyrównanie treści

Innym powodem frustracji wielu osób z niepełnosprawnościami jest to, że czytanie są uzasadnione kopiuj. Nierówne odstępy między słowami w uzasadnionym tekście mogą powodować występowanie „rzeczy spacja” przez co treść strony jest trudna do odczytania.

Uzasadnienie tekstu może też powodować grupowanie słów lub są rozciągnięte w nienaturalny sposób, sprawiając, że czytelnicy mogą mieć problem ze znalezieniem słowa granic.

Na szczęście istnieją jasne wytyczne dotyczące odstępów i narzędzia, takie jak Dobra wysokość linii i Kalkulator współczynnika złota, które pomagają zwiększyć dostępność tekstu. Wdrożenie tych wytycznych pomoże osobom z zaburzeniami koncentracji uwagi, czytaniu i zaburzeniami wzroku bardziej skupić się na tekście, a mniej na jego układzie.

Sprawdzone metody dotyczące struktury i układu

Wybierając strukturę i układ, pamiętaj o tych kwestiach:

  • Używaj elementów takich jak nagłówki, podtytuły, listy, liczby, bloki cudzysłowów z innymi grupowaniami wizualnymi, które można podzielić na sekcje.
  • Stosuj jasno zdefiniowane akapity, zdania i odstępy między słowami.
  • Utwórz z tekstem kolumny o szerokości maksymalnie 80 znaków (40) znaków w logogramych).
  • Unikaj uzasadnionego wyrównania akapitu – powoduje to powstawanie „rzeczy przestrzeni” w ciągu skopiować.

Ułatwienia dostępu z klasyfikacji typograficznej

Przystępna typografia można sprowadzać do zdroworozsądkowych wyborów projektowych opartych na na podstawie wiedzy o użytkownikach do Twoich potrzeb. O tym module pamiętając projektowanie i tworzenie treści będzie bardzo pomocne. 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.

Prawda
Wysoki kontrast może być cenny dla niektórych osób z wadami wzroku, ale u innych może to utrudniać czytanie treści o wysokim kontraście.
Fałsz
Jeśli poziom kontrastu jest zbyt duży, niektóre osoby niepełnosprawne nie będą mogły przeczytać Twoich treści. Jeśli to możliwe, zezwól na określanie kontrastu przez ustawienia systemu operacyjnego użytkownika.

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

Czcionki systemowe, takie jak CTR i Verdana.
Powszechne kroje pisma pozwalają szybciej czytać i lepiej rozumieć tekst w porównaniu z rzadkimi krojami.
Kroje czcionek z ułatwieniami dostępu.
Łatwo dostępne kolekcje krojów pisma, takie jak Google Foundry w Adobe Fonts, mogą pomóc w dobraniu najbardziej inkluzywnego kroju czcionki do Twojego projektu.
Nie ma to znaczenia.
Wybór czcionki może mieć wpływ na czytelność. Unikaj skomplikowanych skryptów i czcionek graficznych.