Skočit na obsah

Přístupné formuláře s popisky uvnitř polí

Absence popisku formulářového pole ve značce label je prohřeškem vůči přístupnosti. Co ale udělat, když chcete umístit popisky dovnitř formulářového pole, a ne mimo něj?

Představte si obyčejný formulář s položkami jako Jméno a Heslo. Většina designérů postupuje tak, že popisky formulářových polí umístí vedle formulářových polí. Ti chytřejší a znalejší použijí značku label. Přesto však existuje mnoho těch, kteří popisky raději umístí dovnitř pole, tedy pomocí atributu value.

Tento druhý způsob má však problém s pravidly přístupnosti, které v bodě 25 přítomnost značky label vyžadují. Pokud však přesto trváte na tom, aby byly popisky pro uživatele umístěny přímo ve formulářovém poli, existuje elegantní (byť pracnější) řešení pomocí javascriptu, které představil Mark Brittain ve svém článku Making Compact Form Accessible v magazínu A List Apart. I přesto, že ve zdrojovém XHTML kódu zůstaly zachovány značky label, výsledek vypadá takto.

Přidejte svůj komentář

David Špinar | 19. prosince 2006 | 14 komentářů | Trvalý odkaz

Hledání


Nové komentáře

Tip pro vás

Kurz přístupného webu

Chcete-li ušetřit za drahé konzultace a audity přístupnosti, doporučuji navštívit jednodenní Kurz tvorby přístupného webu.

Doporučuji

H1.cz: Odborné poradenství pro podnikání na Internetu

H1.cz: Odborné poradenství pro podnikání na Internetu

Kniha Tvoříme přístupné webové stránky

Více informací o mé knize

Reklama

Kvalitní hosting

Jednotná cena, individuální přístup. 500 MB, PHP, MySQL, antispam.

www.Cesky-Hosting.cz

 

Přístupnost - web a weblog věnovaný přístupnosti webových stránek, který píše David Špinar

Prohlášení o přístupnosti | RSS weblogu | RSS komentářů weblogu | Vypnout CSS | Hostováno u Český hosting | Doména u IInfo