Ułatwienia dostępności w e-mailach i formularzach – najlepsze praktyki

read
Last updated at:

Czego się dowiesz

Dowiedz się, jak zwiększyć dostępność poczty e-mail i formularza rejestracyjnego. Projektując wiadomości e-mail i formularze rejestracyjne, upewnij się, że są one dostępne dla wszystkich odbiorców.  

Dostępność w wiadomościach e-mail

Zoptymalizuj temat wiadomości i podgląd tekstu

Spraw, aby temat wiadomości i tekst podglądu były opisowe, kuszące i krótkie.

Postępuj zgodnie z ogólnymi najlepszymi praktykami projektowania wiadomości e-mail

Przestrzeganie ogólnych zasad projektowania poczty e-mail sprawi, że będzie ona bardziej dostępna:

  • Dodaj tekst alternatywny do wszystkich swoich obrazów.
  • Unikaj wiadomości e-mail zawierających wyłącznie obrazy.
  • Unikaj używania obrazów do przekazywania kluczowych szczegółów.
  • Używaj mocno kontrastujących kolorów (np. biały i czarny, szary i ciemnoniebieski, różowy i ciemnoczerwony).
  • Używaj nagłówków do oddzielania pomysłów.
  • Używaj linków opisowych (np. "Sklep z kolekcji" zamiast "Kliknij tutaj, aby przejść do kolekcji").
  • Ustrukturyzuj swój e-mail logicznie.

Poniżej znajduje się przykład wiadomości e-mail zoptymalizowanej pod kątem wszystkich odbiorców (po lewej) i takiej, która nie jest zoptymalizowana (po prawej).

Przykład dostępności w wiadomościach e-mail

Dostępność w formularzu rejestracyjnym

Klaviyo automatycznie optymalizuje formularz rejestracyjny pod kątem dostępności. Formularz Klaviyo opublikowany na Twojej stronie internetowej włącza odwiedzających witrynę do poruszania się po formularzu w całości za pomocą klawiatury i czytników ekranu. Ponadto odwiedzający witrynę mogą zamknąć formularz za pomocą klawisza escape i przesłać go za pomocą klawisza Enter. Możesz dodać kolor konturu fokusu, znajdujący się w zakładce Style w edytorze formularzy, aby pomóc użytkownikom zrozumieć, które pole jest podświetlone podczas przechodzenia przez formularz.

formularz rejestracyjny design

Podobnie jak w przypadku projektowania wiadomości e-mail, będziesz chciał przestrzegać kilku podstawowych wytycznych, aby upewnić się, że wszyscy odbiorcy otrzymają informacje, które chcesz im udostępnić za pośrednictwem formularzy. Podczas projektowania formularzy:

  • Używaj kontrastujących kolorów.
  • Unikaj umieszczania istotnych informacji na obrazach.
  • Używaj opisowego języka w linkach
  • Twórz formularze w logicznej strukturze.

Gdy tworzysz swój formularz rejestracyjny, Klaviyo monitoruje szereg problemów z dostępnością i wyświetli monit o naprawienie wszelkich zidentyfikowanych problemów w zakładce Alerty formularzy

Przejdź do strony Jak stworzyć formularz rejestracyjny przyjazny dla ADA, aby dowiedzieć się więcej o tworzeniu dostępnych formularzy rejestracyjnych w edytorze formularzy Klaviyo. 

Poniżej znajduje się przykład dobrze zaprojektowanego formularza (po prawej) i formularza, który nie będzie dostępny dla wszystkich (po lewej). 

Przykład dostępności w formularzu rejestracyjnym.

Dodatkowe źródła

x
Czy ten artykuł był pomocny?
Liczba użytkowników, którzy uważają ten artykuł za przydatny: 39 z 64