おはよう! Data people, rejoice! There’s a lot more for you to track now! Multiple improvements were also made on accessibility; Patterns, Blocks, navigation, … nearly everything received accessibility updates. And of course: bug fixes and more! Let’s go!
Improve P4 💡
Multiple recently submitted ideas are open for voting. Have a look:
Make column order on mobile configurable
Homepage Carousel “pre-header” field
Enforce image size in carousel header
Preferred Google news source buttons
Serve HubSpot Pages Under Planet 4 Subfolders
Features 🛠️
PLANET-8139 Add data attributes to Posts List block
In order to track clicks in GA4/Mixpanel on the Post List blocks, a few missing data attributes were added. These are:
- data-ga-category=”Post List”
- data-ga-action=”Title”, “Image”, “Author”, “Navigation Tag”, “Post Type Tag”, “Load More Button”
- data-ga-label = “n/a”
PLANET-8138 Add data attributes to Actions List block and TAB blocks
Just like mentioned above: In order to track clicks in GA4/Mixpanel on the Resistance Hub and other Actions List blocks, a couple of missing data attributes were added. The structure for the Actions List is the same as the Take Action Boxout (which was already set up and working correctly, so that was used as reference!). The attributes are:
- data-ga-category=”Actions List
- data-ga-action=”Call to Action”, “Title”, or “Image” (check screenshot)
- data-ga-label = “n/a”
PLANET-8078 Make the Language selector operable via keyboard
The language selector dropdown is now operable using a keyboard. Users can open the menu, move through options, and/or select a language.
PLANET-8068 Patterns accessibility: fix skipped heading levels across blocks
Corrected heading markup across multiple blocks to avoid skipped heading levels and ensure a logical, navigable heading structure. (Full list in the Ticket)
PLANET-8020 Main navigation menu accessibility: Improve dropdown trigger label to reference its parent and state
The dropdown trigger in the Main Navigation was too generic, and didn’t reference the pattern item. Users could not tell which submenu they were opening.
A clear new accessible name has been included for the parent label (for example “Get involved, submenu”), and for exposes state (collapsed or expanded).
PLANET-8016 Listing pages accessibility: make Prev & Next non-focusable when disabled
A disabled Prev is now non-focusable and non-operable until a previous page exists. Meaning the focus from Prev button has been removed, so it’s not announced by screen readers.
PLANET-8013 News & Stories accessibility: add an h2 heading (screen-reader only) before the filters
On the News & Stories page, testers were skipping past the filter section because it wasn’t easy to find with a screen reader. So, to fix this: A screen-reader-only H2 “Filter posts” has been added before the filter controls, so users can jump to it via headings.
PLANET-7975 Actions List carousel accessibility: navigation arrows in a labeled nav region
The users found it confusing that the Action List Carousel arrows shifted focus and that they couldn’t quickly return to them (because there wasn’t anywhere to find them on the page). Solution: the Action List carousel controls have been improved, so that Previous/Next arrows are easy to find and return to.
Bug Fixes 🐞
PLANET-8159 Resistance Hub: Actions List card layout UI looks off
And it no longer looks off!
PLANET-8156 Posts list block shows todays date for all posts
And it now shows the publishing date again!
PLANET-8134 Image captions are displaying breaking html
And now it no longer breaks!
🤕 Don’t let bugs run free! Make sure to report them here.
