Bom dia! Screen readers, rejoice for a new Sprint has concluded! A lot more clarity for screen readers, navigation improvements, bug fixes and more! Let’s see!


Features 🛠️

PLANET-8019  Main navigation menu accessibility: Enter and Space do not open dropdown

On Windows with JAWS, pressing Enter or Space on a top-level navigation item that opens a dropdown did not activate the submenu. This created a navigation dead end for keyboard and screen reader users. A correct keyboard navigation has been implemented to ensure that the nav item menu opens with JAWS screen reader.

PLANET-8002  Carousel header accessibility: group left/right arrows in a labeled navigation region

In the header carousel, the left/right navigation arrows were not grouped in a navigation region. This made it harder for screen reader users to find and return to the slide controls. To fix this, the arrows are now in wrapped in a <nav> with an accessible label “Greenpeace highlights carousel controls“.

PLANET-7998  Search Results page accessibility: remove duplicate labels on checkboxes

Screen readers used to read each checkbox option twice and required extra swipes. Every checkbox now has one clear explicit label.

PLANET-7977  Actions List carousel accessibility: unexpected Back to list announcement after carousel items

During testing with VoiceOver, on mobile and after the last item, the next swipe right caused VoiceOver to announce: “Back to list” which was hard to understand for the user as to which list the VoiceOver was referring to. The link label has been renamed to “Back to Action list” for clarity.

PLANET-8009  Carousel header accessibility: place the auto-play control earlier in the reading order

A control to stop the slider exists, but it appeared after the carousel content in the focus order. The autoplay toggle is now one of the first focusable elements inside the carousel region, before slide content and other controls.

So screen reader behavior is now: Autoplay, then heading and then slide content.

PLANET-7976  Actions List accessibility: remove unnecessary links (featured image, category)

In the Action List cards, a repeated “Greenpeace” link appeared on every card, causing confusion. Now, the category label is kept visually, but the link is removed, (as well as the featured image link) to make sure it’s not read by screen readers.


Bug Fixes 🐞

PLANET-8144  Fix the first element of the mobile navigation from being cut off

And it no longer cuts off!

PLANET-8127  Exporting Posts returns Internal Server Error (500)

And now there are no more errors!

PLANET-8150  Take Action Boxout doesn’t work with new IA if Take Action page is not set

And now it does work!

PLANET-8149  Posts show wrong publish date in certain timezones

And now its the correct date again!

🤕 Don’t let bugs run free! Make sure to report them here.


header
Questions? Remarks?

Make sure to reach out to the Planet 4 Community on Slack!

#p4-general on Slack