Co to jest współczynnik WCAG? Dlaczego warto wdrożyć to w swoich projektach

Wytyczne dotyczące dostępności treści internetowych (WCAG) to wytyczne dotyczące ułatwień dostępu w projektach cyfrowych i internetowych. Postępowanie zgodnie z tymi wytycznymi zapewnia, że ​​kolory są wystarczająco kontrastowe, aby osoby z wadami wzroku mogły prawidłowo widzieć i czytać projekty. Idzie to również w parze z rozmiarem typografii, aby zapewnić jej czytelność wraz z kolorami.

W świecie, który powinien być bardziej integracyjny, dodawanie dostępnych elementów do twoich projektów tylko podniesie jakość twojej pracy i pozwoli ci dzielić się nią z większą liczbą osób.

Co to jest współczynnik WCAG?

WCAG oznacza Wytyczne dotyczące dostępności treści internetowych. WCAG pomaga każdemu, kto projektuje lub tworzy na potrzeby sieci lub Internetu, zapewnić, że ich projekty osiągną cele w zakresie dostępności. Oznacza to, że każdy może korzystać z Twoich projektów i korzystać z nich, nie wykluczając osób z wadami wzroku lub innymi niepełnosprawnościami, jeśli to możliwe.

Współczynnik WCAG określa minimalne współczynniki osiągnięcia dostępności docelowej. Obejmuje to kontrast kolorów i rozmiar tekstu, które zapewniają osobom z wadami wzroku większe szanse na zobaczenie, interakcję i korzystanie z Twoich projektów. Osiągnięcie współczynnika WCAG nie tylko pomaga osobom z wadami wzroku, ale także zwiększa komfort użytkowania dla wszystkich użytkowników sieci.

The Konsorcjum World Wide Web opracowuje standardy tworzenia stron internetowych. Chociaż nie ma ustalonych zasad dotyczących dostępności sieci, WCAG ustanawia standard, którego powinien przestrzegać każdy projektant stron internetowych.

Podczas testowania współczynników kontrastu WCAG sugeruje ocenę od A do AAA. Ocena A oznacza najniższy poziom kontrastu. AA to średnie poziomy kontrastu ze współczynnikiem 4,5:1 — uważanym za współczynnik minimalny. Wreszcie AAA to najwyższy poziom kontrastu. Jeśli projektujesz dla wszystkich, poziomy kontrastu są najlepsze w zakresie od AA do AAA.

Dlaczego współczynnik WCAG jest ważny w grafice i projektowaniu stron internetowych?

Projektowanie graficzne i projektowanie stron internetowych nie powinno tylko sprawiać, by informacje wyglądały ładnie. Projektowanie informacji informuje masy — oznacza to udostępnianie informacji wszystkim. Implementacja WCAG zapewnia dostępność projektów dla osób z wadami wzroku, dysleksją, neurodywergencją lub wszystkim, co wpływa na czyjś wzrok lub zdolność czytania.

Projektowanie stron internetowych i cyfrowe — a także programowanie — mają już ustalone funkcje ułatwień dostępu. Na przykład, System Windows udostępnia użytkownikom pomocne narzędzia ułatwień dostępu, i jest to już powszechne w przypadku większości filmów w YouTube napisy lub napisy. Ale zawsze możemy poprawić dostępność.

Globalny projekt tworzy lepszy projekt. Im więcej osób może zaangażować się w Twój projekt, tym większy jest jego sukces i większy zasięg. Dotarcie do większej liczby osób jest korzystne nie tylko dla Ciebie jako projektanta, ale także dla świata, gdy wykluczonych jest mniej osób.

Projektowanie ze współczynnikiem WCAG i funkcjami ułatwień dostępu w projektach będzie miało pozytywny wpływ na palety kolorów, wybór typografii i rozmiary tekstu. Nie zaprojektowałbyś celowo czegoś trudnego do odczytania, więc dlaczego nie miałbyś dodać więcej sposobów tworzenia projektów z lepszą czytelnością dla wszystkich ludzi?

Implementacja współczynnika WCAG w swoich projektach

Są miejsca, w których możesz sprawdzić współczynnik WCAG w swoich projektach, na przykład to kontroler kontrastu strona internetowa. Ale i tak powinieneś zacząć wdrażać dostępne funkcje projektowe w swojej pracy bez polegania na sprawdzaniu absolutnego minimum.

Należy zauważyć, że wytyczne dotyczące kontrastu nie dotyczą projektowania logo. Wynika to z faktu, że logo są prezentowane w różnych rozmiarach i często na różnych tłach. Jednak nie zaszkodzi wziąć pod uwagę współczynnik WCAG podczas projektowania logo.

Kolory o wysokim kontraście

Używanie kolorów o wysokim kontraście to łatwy sposób na dodanie inkluzywności do projektów. Kolory, które kontrastują ze sobą, pomogą osobom z wadami wzroku i daltonistami lepiej widzieć Twoje projekty. Nie tylko to, ale nawet osoby bez upośledzenia wzroku będą lepiej widzieć i angażować się w Twoje projekty.

Czy kiedykolwiek próbowałeś przeczytać jasnoróżowy tekst na jasnozielonym tle? To prawie niemożliwe. Ale ciemnoniebieski tekst na jasnożółtym tle jest znacznie łatwiejszy do zobaczenia i przeczytania.

Kolory o wysokim kontraście najlepiej sprawdzają się przy umieszczaniu tekstu na kolorowym tle lub przy stosowaniu małych ścieżek na ilustracjach. Chroma to generator palet kolorów AI z wbudowanym kontrolerem kontrastu — jednym z wielu świetnych Narzędzia sztucznej inteligencji ułatwiające przepływ pracy przy projektowaniu graficznym.

Świetnym sposobem na sprawdzenie kontrastu jest przekształcenie projektu w skalę szarości. Jeśli potrafisz oddzielić kolory i zrozumieć projekt w czerni i szarości, powinien on dobrze przekładać się również na wybrane kolory.

Rozmiar czcionki

Wraz z kontrastem kolorów tekstu z kolorami tła, sam tekst powinien być wystarczająco duży, aby można go było łatwo odczytać. Współczynnik WCAG dla dużego rozmiaru tekstu wynosi 3:1.

Rozmiar tekstu nie jest równy we wszystkich typografiach, więc nie polegaj na rozmiarze 12-punktowym — który jest zwykle postrzegany jako minimalny rozmiar zapewniający standardową czytelność — dla wszystkich czcionek. Przetestuj je sam lub z testerami użytkowników, wyświetlając lub drukując projekty w rzeczywistych rozmiarach. Jeśli twoje kolory nie są tak dobrze skontrastowane, większy tekst poprawi czytelność, jako obejście.

Czytelność czcionki

To oczywiste, ale czcionki, które wybierzesz w swoich projektach, muszą być łatwe do odczytania. Czcionki dekoracyjne, czcionki kursywne lub czcionki odręczne często mają problemy z czytelnością. Na przykład zespoły heavy metalowe słyną z używania z natury trudnych do odczytania krojów pisma w logo swoich zespołów.

Podczas używania tekstu w małych projektach należy również rozważyć kerning i śledzenie. Odstępy między literami mogą również wpływać na zamierzoną czytelność słów.

Inkluzywne czynniki dostępności

Chociaż tylko kontrast kolorów, rozmiar czcionki i czytelność tekstu w projektowaniu stron internetowych są brane pod uwagę w proporcjach WCAG, powinieneś tworzyć wszystkie swoje projekty internetowe i graficzne z myślą o integracji.

Jeśli jesteś projektantem stron internetowych i pracujesz z programistą lub programistą, upewnij się, że tak przy użyciu technik HTML, które pomagają w dostępności sieci. Istnieje również ułatwień dostępu w serwisie Canva poszerzyć zasięg swoich projektów wśród odbiorców.

Nie należy poprzestawać na minimalnych wymaganiach dotyczących wskaźników WCAG; jeśli masz kontrolę nad dodawaniem tekstu alternatywnego do obrazów, podpisów do plików audio lub wideo, a nawet pomocne sformułowanie tekstu dla hiperłączy — które są odczytywane na głos przez czytniki ekranu — powinieneś przejść powyżej i poza. Uwzględnienie funkcji ułatwień dostępu nie wyklucza żadnych odbiorców — zaprasza tylko więcej osób.

Projektowanie ze współczynnikiem WCAG poprawia projekty dla wszystkich

Standardy projektowania stron internetowych pochodzą od World Wide Web Consortium, społeczności, która pomaga w najlepszych praktykach w całej sieci. Konsorcjum opracowało wytyczne dotyczące dostępności treści internetowych, których powinni przestrzegać projektanci stron internetowych. Zapewnia to standard proporcji do sprawdzania widoczności podczas projektowania dla sieci.

Postępowanie zgodnie z tymi wytycznymi i standardami współczynników oznacza, że ​​więcej osób będzie miało dostęp do Twoich projektów internetowych.