de en
← Back to Articles

New in Craft CMS 4.1

Craft CMS 4.1 Teaser
Craft 4 has been on the market for almost two months, but the development team is not resting and has now released a new update. Craft CMS 4.1 improves accessibility, user interface, and developer experience.

Accessibility

A New `aria-label` would be added to the main navigation and dashboard's column slider. Active global navigation menu items got `aria-current` attribute. They added visually hidden `notification` text for the badges in the navigation to provide additional context.

Overall improved accessibility of matrix fields, address field management, dashboard, element indexes, and pagination.

Other a11y changes:

  • Removes list markup from footer items and updates CSS
  • Update accessible text for Update to Craft Pro link in footer
  • Namespace magnifying glass icon in support widget to prevent duplicate IDs
  • Remove aria-label from asset size container
  • Darken success checkmark color

User interface

  • It is now possible to sort entries by section, type, and file format.
  • Condition builders can now include multiple rules with the same label as long as they are in different groups.
  • Asset indexes now have an option for the "Location" table attribute.
  • The live preview now always displays a Refresh button, regardless of whether the preview target has automatic refresh enabled.

Developer Experience

Field layouts can now have "line break" UI elements. This helps when fields are placed next to each other. Then, if the display of a field is tied to a conditional query, the following field would take the now vacated space instead. Sometimes this makes no sense from a UX perspective. In such a case, the "line break" element now helps, forcing the following fields to stay in row 2, for example, and not advance further, even if there would be space in row 1.

Line break element in Craft CMS 4.1

Since Craft 4, it is possible to provide elements as a collection via eager loading. Unfortunately, the syntax is a bit unwieldy if you want to provide only one element:

  {% set image = entry.image.collect().first() %}

Craft 4.1 now adds `.one()` to the collections:

  {% set image = entry.image.one() %}

To list all the small changes that Craft CMS 4.1 brings with it would be too much of a good thing. If you want to know all the details, it's best to read the changelog.

Photo from  Thomas Sausen<

Self-employed web developer from Germany who started with WordPress websites in 2005, then moved to ExpressionEngine and lost his heart to Craft CMS in 2013. As the founder of Craftentries, he has been covering the Craft ecosystem since 2015.

Thomas Sausen Web Developer