Niquelao » Archiwum bloga » I kolejne formularze… jarl!

» Archiwum bloga » I kolejne formularze… jarl! Niquelao I kolejne formularze… jarl! 2 stycznia 2007, autor: Rumoroso Po obszernej już sadze „Poprawianie formularzy”, wielu pomyślało (zakładając zarówno to „wielu”, jak i ich zdolność do myślenia), że nie wrócę już do tego tematu… No to się przeliczyli!

Wróciłem, żeby spróbować go ulepszyć, ale tym razem z punktu widzenia dostępności. Do funkcjonalności wprowadzonych przez poprzednie skrypty dodałem możliwość rozpoznawania grupowania pól za pomocą elementu fieldset, a wszystko w celu poprawy doświadczenia użytkownika i dostępności. Element ten służy do grupowania pól na podstawie typu wprowadzanych danych (np. dane osobowe, dane bankowe, dane akademickie itp.), poprawiając strukturę i dostępność całości. Do fieldset dodaje się element legend, który działa jak nagłówek zgrupowanych danych. …i po co to wszystko?

Pomysł narodził się, gdy z przerażeniem zobaczyłem ogromny formularz z mnóstwem obowiązkowych pól (i nie powiem gdzie…). Gdy się ich nie wypełni, lista błędów staje się dłuuuuuuuuuga, przez co jest bardzo niewygodna w czytaniu, trudna do zrozumienia, a nawet estetycznie okropna. Jeśli pola formularza są pogrupowane, aby ułatwić ich zrozumienie, dlaczego nie pogrupować błędów według tego samego wzorca?

Do działania skryptu grupowanie nie jest konieczne, ale cóż… zawsze dobrze jest je mieć na uwadze i z niego korzystać. Test Jak zawsze, możecie przejść do przykładu użycia lub nawet pobrać go bezpośrednio. Jak można zauważyć, błędy nadal są wyświetlane w formie listy.

Jednak w tym przypadku tworzona jest lista zagnieżdżona, aby spróbować je pogrupować i osiągnąć wspomnianą wcześniej poprawę struktury. …a wszystko to wiąże się z Poprawianie formularzy, Epizod III („Powrót”) Poprawianie formularzy (Epizod II) Poprawianie formularzy (epizod I) Ważne: Chcę przypomnieć, że stosowanie javascriptu nie powinno mieć negatywnych skutków dla dostępności. Dobrze wykorzystany, z pełnym uwzględnieniem potrzeb użytkownika, poprawia jego doświadczenie.

I kolejne formularze… jarl! Kategoria: Dostępność, Javascript —> 2 komentarze Jorge 29 maja 2007 Testowałem twój skrypt i nie trzeba (chyba) mówić, że jest niesamowity. Ale natrafiłem na niezgodność, gdy masz klasę w inpucie lub labelu. Przy zgłoszeniu błędu pozostawia wartość class jako „error”.

Related: UserWay — Widget de accesibilidad con plan gratuito para empezar hoy mismo.

Rozwiązałem to, zmieniając linie, w których pojawia się labelerror, na (labels[i].className == ""?labelerror:labels[i].className+” “+labelerror), a fielderror na (elasociado.className == ""?labelerror:elasociado.className+” “+fielderror). Wkurza mnie poprawianie czegoś, czego sam nie byłbym w stanie zrobić, przepraszam.

Spektakularna robota. Rumoroso 30 maja 2007 Dzięki za twój wkład. Nie do końca zrozumiałem niezgodność, o której wspominasz. Testowałem to na przykładzie, który można pobrać z tej strony, dodając klasę w labelu i w inpucie.

Czy mógłbyś przesłać mi link lub przykład, żeby zobaczyć, co się dzieje? Nalegam, żeby ci podziękować i przypomnieć, że naprawdę potrzebujemy, aby to się poprawiało dzięki waszym wkładom. Pozdrawiam.

Worth a look: AudioEye — Accesibilidad gestionada: automatización combinada con revisión humana.

Możesz śledzić komentarze dzięki kanałowi RSS 2.0 . Możesz też wysłać trackback ze swojej strony. Poprzedni artykuł: Dziś o czcionkach Następny artykuł: Gratulacje TAW —> —> —> Ta praca jest objęta licencją Creative Commons .

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.