Niquelao » Arquivo do blog » E mais formulários… caramba!

» Arquivo do blogue » E mais formulários… caramba! Niquelao E mais formulários… caramba! 2 de Janeiro de 2007, por Rumoroso Depois da já extensa saga “Retocando Formulários”, muitos pensaram (bem, presumindo tanto o “muitos” como a sua capacidade de pensar) que não voltaria a falar sobre eles… Pois parece que não!

Voltei para tentar melhorá-lo, mas desta vez do ponto de vista da acessibilidade. Às funcionalidades que os scripts anteriores introduziam, acrescentei a capacidade de reconhecer o agrupamento de campos através do elemento fieldset, e tudo com o objetivo de melhorar a experiência do utilizador e a acessibilidade. Este elemento tem como finalidade agrupar campos com base no tipo de dados a introduzir (ex. dados pessoais, dados bancários, dados académicos, etc.), melhorando a estrutura e a acessibilidade do conjunto.

Ao fieldset acrescenta-se o elemento legend que funciona como cabeçalho dos dados agrupados. …e para quê? A ideia surgiu-me depois de ver horrorizado um enorme formulário com uma multitude de campos obrigatórios (e não vou dizer onde…). Quando estes não são preenchidos, a lista com os erros torna-se longuííííííííííssima, o que a torna muito incómoda de ler, difícil de compreender e até esteticamente horrível.

Se os campos do formulário vão agrupados para facilitar a sua compreensão, porque não agrupar os erros seguindo o mesmo padrão? Para o funcionamento do script não é necessária a agrupagem, mas enfim… é sempre positivo tê-la presente e utilizá-la. O teste Como sempre, podem aceder ao exemplo de utilização ou até descarregá-lo diretamente.

Como se pode observar, os erros continuam a ser mostrados através de uma lista. No entanto, neste caso cria-se uma lista aninhada para tentar agrupá-los e conseguir essa melhoria na estrutura acima mencionada. …e tudo isto se relaciona com Retocando Formulários, Episódio III (“O Regresso”) Retocando Formulários (Episódio II) Retocando Formulários (episódio I) Importante: Quero recordar que o uso de javascript não deve ter implicações negativas na acessibilidade.

Bem utilizado, e com todas as considerações para com o utilizador, melhora a sua experiência. E mais formulários… caramba! Categoria: Acessibilidade, Javascript —> 2 comentários Jorge 29 de Maio de 2007 Estive a testar o teu script e escusado será dizer que é incrível. Mas deparei-me com uma incompatibilidade quando tens uma classe num input ou label.

Relacionado: accessiBe — Superposição de IA que promete cumprimento WCAG em 48 horas.

Ao dar o erro, deixa o valor de class como “error”. Resolvi-o alterando as linhas em que aparece labelerror por (labels[i].className == ""?labelerror:labels[i].className+” “+labelerror) e fielderror por (elasociado.className == ""?labelerror:elasociado.className+” “+fielderror).

Custa-me corrigir algo que seria incapaz de fazer, desculpa. Um trabalho espetacular. Rumoroso 30 de Maio de 2007 Obrigado pela contribuição que fizeste. Não me ficou muito clara a incompatibilidade que mencionas.

Testei-o sobre o exemplo que se pode descarregar desta página, acrescentando uma classe no label e no input. Podias enviar-me um link ou um exemplo para ver o que acontece? Insisto em agradecer-te e em recordar-te que realmente precisamos que isto melhore com as vossas contribuições.

Vale a pena dar uma olhada: AudioEye — Acessibilidade gerenciada: automatização combinada com revisão humana.

Um abraço. Podes acompanhar os comentários graças ao feed RSS 2.0. Também podes enviar um trackback do teu site. Artigo anterior: Hoje, é sobre fontes Artigo seguinte: Parabéns TAW —> —> —> Esta obra está sob uma licença Creative Commons.