Symfony 4.1: Melhorias no Tema para Formulários do Bootstrap 4

No Symfony 2.6, foi adicionado um tema do Bootstrap para os formulários Symfony para adicionar facilmente estilos em todos os seus formulários com base no Bootstrap, o framework de design mais popular. No Symfony 3.4 o tema do formulário foi atualizado para o Bootstrap 4, que ainda era uma versão beta na época.

Agora que a versão estável do Bootstrap 4 foi lançada, o tema do formulário foi atualizado novamente no Symfony 4.1 para as últimas mudanças no Bootstrap e ele também foi melhorado com novas funcionalidades.

Acessibilidade

A acessibilidade na Web é essencial para criar aplicações e serviços inclusivos e é parte integrante da iniciativa de Diversidade do Symfony. Com muita ajuda de uma especialista em acessibilidade, Sandra, o tema de formulário Bootstrap 4 agora é compatível com o padrão WCAG 2.0.

O padrão inclui regras e diretrizes para tornar o conteúdo acessível para usuários com deficiências, incluindo visão prejudicada, dificuldades de aprendizado, e movimentos limitados.

Formulários Personalizados

O tema do formulário agora suporta formulários customizados do Bootstrap 4, que permite substituir os elementos de formulário padrão do navegador.

Labels e Erros

Além dos pequenos ajustes e correções, os erros de formulário são agora renderizados dentro do elemento <label> para garantir que haja uma forte conexão entre o erro e seu <input>, conforme requerido pelo padrão WCAG 2.0.

Documentação

Estamos trabalhando em um novo artigo de documentação sobre o Bootstrap 4 e o Symfony. Você pode verificar a proposta atual e sugerir melhorias ou novos conteúdos.

Como é o tema

É assim que o tema melhorado do Bootstrap 4 parece:

E é assim que parece quando o formulário exibe as mensagens de erro:

Tradução de: New in Symfony 4.1: Improved Bootstrap 4 form theme