it-swarm-pt.tech

Uso adequado de tags fieldset / legenda

Gostaria de saber qual é o uso sugerido de <fieldset>s estão em uma página da web.

Por exemplo, em uma página simples com apenas um formulário (um conjunto de entradas), ainda é recomendável usar um conjunto de campos? Ou deve ser usado apenas quando houver vários formulários ou várias 'seções' em uma página?

Deve ser usado apenas nas páginas de entrada/edição e não nas páginas de exibição/detalhes?

Como incluir/excluir um fieldset em uma página afeta a usabilidade?

11
TJB

O Técnicas HTML do W3C para diretrizes de acessibilidade ao conteúdo da Web 1. observa fieldset como uma tag que você pode usar para agrupar semanticamente campos em um formulário. Você pode rotular esse conjunto de campos com um legend. Dependendo de como o navegador que acessa seu conteúdo funciona, isso pode aumentar a acessibilidade (por exemplo, um leitor de tela pode indicar que a seção a seguir do formulário é para endereços de entrega alternativos e que permitiria ao visitante saber que poderia ignorar essa seção) .

Você pode usar um conjunto de campos sempre que quiser, mesmo se tiver apenas um campo. Depende de como você deseja descrever semanticamente seu conteúdo e de como você está preocupado em tornar seus formulários acessíveis. Por exemplo, um formulário de pesquisa contendo um campo de entrada e um botão enviar pode estar contido em um conjunto de campos e usar uma legenda, mas você pode usar CSS para ocultar os dois e exibir o formulário da maneira que desejar. Depende de você como você deseja denotar isso, incluindo se deseja usá-lo para inserir/editar páginas ou exibir/detalhes.

12
Rahul

Rahul está correto, embora no seu exemplo de vários grupos de elementos, eu diria que é uma obrigação.

Uma coisa importante para mim é que o uso de uma legenda com o fieldset adiciona acessibilidade a usuários qualificados que usam o "Modo de formulário". Se você estiver fornecendo informações adicionais relacionadas a uma pergunta em um texto ou cabeçalho, ele não será "lido" no "Modo de formulário" da maioria dos leitores, mas sim se você usar a legenda com o fieldset. É lido como contexto.

7
Susan R