Tobias Nyholm  - ab19aada256f3dd9755a7b0152af7023 - Improved Bootstrap 4 form theme (Symfony Blog)

Mathieu Piot  - 84559233e0b0b5a0af555ebfe7f93454 - Improved Bootstrap 4 form theme (Symfony Blog)

In Symfony 2.6 we added a Bootstrap theme for Symfony Forms to easily style
all your forms based on Bootstrap, the most popular design framework. In
Symfony 3. we updated the form theme for Bootstrap 4, which was still a beta
version at that .

Now that the stable version of Bootstrap 4 has been released, in Symfony 4.1
we’ve updated the theme again for the latest Bootstrap changes and we’ve
it with additional features.

accessibility is essential to create inclusive apps and services, and it’s
an integral part of our Symfony Diversity initiative. With much help from an
accessibility expert, Sandra, we have made the Bootstrap 4 from theme
compliant with the WCAG 2.0 standard.

The standard includes rules and guidelines to make content accessible for users
with disabilities, impaired vision, learning disabilities and limited

In addition to minor tweaks and fixes, form errors are now rendered inside
the <label> element to make sure there is a strong connection between the
error and its <input>, as required by the WCAG 2.0 standard.

We’re working on a new documentation article about Bootstrap 4 and Symfony.
You can check the current proposal and suggest improvements or new contents.

This is how the improved Bootstrap 4 form theme looks:

- 39978542934 e93d9883b8 o - Improved Bootstrap 4 form theme (Symfony Blog)

And this is how it looks when the form displays error messages:

- 26817229958 ffb60a6baa o - Improved Bootstrap 4 form theme (Symfony Blog)

Source link


Please enter your comment!
Please enter your name here