Jak utworzyć formularz rejestracyjny przyjazny dla ADA
Czego się dowiesz
Dowiedz się, jak korzystać z funkcji asystenta dostępności w zakładce Alerty formularza edytora rejestracyjnego, aby uniknąć niektórych z najczęstszych problemów związanych ze zgodnością z przepisami wytycznych dotyczących dostępności treści internetowych (WCAG). Firmy starające się, aby ich strony internetowe były przyjazne dla osób niepełnosprawnych, powinny odnosić się do standardów WCAG i postępować zgodnie z nimi. Asystent dostępności pomoże Ci stworzyć formularz rejestracyjny, który będzie dostępny dla wszystkich odwiedzających Twoją witrynę.
Standardy WCAG mają na celu zwiększenie dostępności treści internetowych dla wszystkich, w tym osób niepełnosprawnych. Dostępność stron internetowych jest wymogiem prawnym w wielu krajach, a wdrożenie standardów WCAG może pomóc zaspokoić wiele z tych potrzeb. Pamiętaj, że chociaż asystent dostępności ma na celu pomoc w identyfikacji kwestii dostępności zgodnie ze standardami WCAG 2.0 Analityka zaawansowana, ponieważ mają one zastosowanie do formularza rejestracyjnego, może nie być w stanie zidentyfikować wszystkich wymagań dostępności ze względu na znane ograniczenia istniejącej technologii lub inne czynniki niezależne od technologii. Korzystanie z asystenta dostępności może pomóc w spełnieniu wymogów dostępności sieci, ale nie gwarantuje zgodności z przepisami obowiązującego prawa. Aby potwierdzić prawne implikacje i wymogi dostępności stron internetowych, zaleca się zasięgnięcie porady wykwalifikowanego prawnika.
Zanim zaczniesz
Poniżej znajduje się lista kwestii, które będą sprawdzane przez asystenta dostępności. Zwróć uwagę, że wymienione poniżej typy błędów to sposób, w jaki identyfikuje je asystent dostępności Klaviyo, a nie konkretne nazwy pól wejściowych w kreatorze formularzy. W przypadku wykrycia błędu na karcie Alerty formularza pojawi się alert z opisem i monitem o naprawę.
|
Typ błędu |
Opis |
|
Nazwa przycisku |
Upewnij się, że przyciski mają czytelny tekst. |
|
Image-alt |
Upewnij się, że element obrazu ma tekst alternatywny (tekst alternatywny) lub rolę html "none" lub prezentację. |
|
Kontrast kolorów |
Zapewnia kontrast między kolorami pierwszego planu i tła zgodny z progami współczynnika kontrastu WCAG 2 Analityka zaawansowana. |
|
Link-in-text-blok |
Upewnij się, że linki odróżniają się od otaczającego tekstu w sposób, który nie opiera się na kolorze. |
|
Nazwa łącza |
Upewnij się, że linki mają wyraźny tekst. |
|
Etykieta |
Zapewnia, że każdy element formularza ma etykietę. |
Stwórz przyjazny dla ADA formularz rejestracyjny
Niezależnie od tego, czy tworzysz swój pierwszy formularz rejestracyjny, czy aktualizujesz formularz, asystent dostępności pomoże Ci zidentyfikować i naprawić problemy z dostępnością.
Aby utworzyć formularz zgodny ze standardami WCAG wymienionymi powyżej:
- Utwórz nowy formularz rejestracyjny lub otwórz edytor formularzy dla jednego z istniejących formularzy rejestracyjnych.
- Użyj edytora, aby dodać blok treści i nadać formularzowi styl pasujący do Twojej marki.
Asystent dostępności będzie monitorować elementy formularza, które nie spełniają standardów WCAG podczas tworzenia formularza i rejestrować je jako alerty aktywni. Istniejący formularz zarejestruje wszystkie problemy w sekcjialertów aktywni.
- Kliknij alerty formularza w lewym dolnym rogu, aby zobaczyć zidentyfikowane problemy z dostępnością.
Pod aktywnymi alertami zobaczysz różne karty opisujące elementy, które nie spełniają standardów WCAG, które asystent dostępności zidentyfikował w Twoim formularzu, oprócz innych zidentyfikowanych problemów z treścią lub projektem. Każda karta będzie zawierać opis problemu i monit o jego naprawienie lub odrzucenie. Na przykład, jeśli dodasz obraz do formularza rejestracyjnego, asystent dostępności powiadomi Cię o konieczności dodania tekstu alternatywnego do obrazu. Tekst alternatywny zawiera opis obrazu, dzięki czemu kupujący przeglądający Twoją witrynę za pomocą czytnika ekranu mogą uzyskać dostęp do treści cyfrowej.
- Aby naprawić problem, postępuj zgodnie z sugestiami na karcie i rozwiąż lub dodaj brakujący element. Gdy zmiany będą zadowalające, kliknij przycisk Napraw.
Niektóre błędy zostaną wyświetlone w ustawieniach odpowiedniego bloku (np. bloku przycisku) lub w sekcji stylów, a nie bezpośrednio w zakładce alertów formularza. Aby rozwiązać te problemy, zwróć uwagę na opis problemu na karcie alertu, a następnie kliknij Edytuj blok (lub Edytuj style), aby wprowadzić sugerowane zmiany. Po naprawieniu błędu przejdź ponownie do zakładki Form alerts .
- Jeśli chcesz zignorować jedną lub więcej sugestii dotyczących dostępności, kliknij przycisk Odrzuć. Odrzucenie sprawy spowoduje wyświetlenie okna modalnego z prośbą o anulowanie lub potwierdzenie wyboru.
Po pomyślnym naprawieniu lub odrzuceniu wszystkich zidentyfikowanych błędów zobaczysz komunikat "Brak aktywnych alertów" na karcie Alerty formularza.Możesz powrócić do ignorowanych spraw w późniejszym czasie, otwierając asystenta i przeglądając wcześniej odrzucone alerty. Zaleca się naprawienie wszystkich błędów wskazanych przez asystenta dostępności. Niezgodność z przepisami WCAG może narazić Twoją firmę na ryzyko prawne.
- Kliknij Publikuj, aby ustawić swój formularz rejestracyjny na żywo w witrynie z aktualizacją dostępności.
Pamiętaj, że po kliknięciu przycisku publikowania zostaniesz poproszony o poprawienie wszystkich aktywnych alertów formularzy. Możesz zdecydować się na usunięcie błędów w zakładce Alerty formularza lub opublikować je mimo wszystko.
Raporty dostępności JAWS
Należy pamiętać, że JAWS, program do odczytu ekranu dla systemu Microsoft Windows, może nie wykrywać formularzy rejestracyjnych na twojej stronie internetowej, które zostały utworzone w Klaviyo. Aby zapewnić odwiedzającym witrynę korzystającym z JAWS możliwość interakcji z formularzem rejestracyjnym w Twojej witrynie, sugerujemy dodanie do witryny dodatkowego fragmentu kodu, który sprawi, że będzie ona bardziej dostępna dla JAWS.
Skopiuj poniższy wycinek kodu źródłowego i wklej go do głównego pliku motywu witryny, aby JAWS wykrył i odczytał Twój Klaviyo formularz rejestracyjny:
Kolejne kroki
Ważne jest, aby zachować standardy WCAG we wszystkich Twoich Klaviyo formularzach rejestracyjnych. Wcześniej opublikowany formularz rejestracyjny może nadal zawierać błędy dostępności, które możesz naprawić, ale pamiętaj, że Klaviyo nie naprawi automatycznie żadnych błędów niezgodnych z WCAG.
Przejdź do zakładki Alerty formularzy w edytorze dla każdego z istniejących formularzy, aby rozwiązać wszelkie problemy z dostępnością, aby pomóc w WCAG-zgodność z przepisami na twojej stronie internetowej.
Dodatkowe źródła