Query loop image link and aria-label
-
Hi, for accessibility context, is it possible to add
aria-labelattributes to the dynamic data of Image block that have Link source activated?The
aria-labelwill belong toatag of the Image block. So the complete map of the block:Query loop > Image: dynamic data (link source: Single post) + heading:{{post_title}}
The HTML generated will be
<a href="single-post-url"><img ... /></a>while trying to achieve
<a href="single-post-url" aria-label="{{post_title}}"><img ... /></a>
-
Some feature request then, for GB pro.
Because it’s in the query loops, its only consistent and one step away to generate the aria-label with the value of the title of linked post/page as additional param in the block setting.
Maybe add another switcher between “LINK SOURCE” and “Remove block if link empty”, label the new switcher with “Set link aria-label with post title”. Make it default and every GB pro user will always have their accessibility improved without lifting a finger, and if they want to tweak it even further thats where the custom code come in.
It would be nice to see this feature in GB pro.
The topic ‘Query loop image link and aria-label’ is closed to new replies.
