Consider a scenario where a Container/Block in Bricks is made up of image on the left side and a heading with text blurb on the right with both image and heading linking to the same URL.
It is recommended to follow a Single Action Pattern in this case by setting aria-hidden: true and tabindex: -1 for the heading element's anchor tag for accessibility.
The problem though is that when these custom data attributes are added to the heading element, they apply to the heading itself:
when they should be applied to h4 > a, like this:
This Pro tutorial provides the code snippet for this.
Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:
