Bom dia! Accessibility has been the focus of this SPRINT; Forms, Carousel Header and the Actions List Block received some upgrades. Let’s see!
Features 🛠️
PLANET-8045 Forms accessibility: enable validation errors summary
To make sure its clear for the user on what to fix when a Form has not been correctly filled in, there’s now an Error Summary. It’ll appear when the submitted Form has errors, and will provide an overview on what to fix. Focus will be moved there, and each error links to its related field.
PLANET-8003 Carousel header accessibility: move focus into active slide when slide button is selected
Activating a slide button visually changes the slide but leaves the focus on the slide button. That’s not ideal. So, now: when a slide button/dot is activated, the focus will be moved to the active slide (and no longer on the slide buttons).
PLANET-7974 Actions List accessibility: Add live region and clear slide context for screen readers
To make sure the Actions List Carousel is properly understood as a carousel (and not just a list) by screen readers, there’s been some unique labeling improvements. The entire Actions List block is wrapped in a <div> with the following attributes:
- role=”region”
- aria-label=”Actions list”
- aria-roledescription=”carousel”
Bug Fixes 🐞
PLANET-8147 Carousel Header: automatically scrolls page up on slide change
And that’s been fixed!
🤕 Don’t let bugs run free! Make sure to report them here.
