Changeset 54138 for trunk/src/wp-includes/blocks.php

Timestamp:

09/12/2022 11:32:57 PM (4 years ago)

Author:

audrasjb

Message:

Editor: Hide query loop pagination link arrows from assistive technology.

This changeset adss an aria-hidden="true" attribute to the optional arrows/chevron characters to the Query Loop and to the Comments Query Loop blocks pagination links.

These characters are text, so they're read out by assistive technologies. For better accessibility, it's best to reduce noise for screen reader users and prevent them to be rendered, using the aria-hidden="true" attribute.

Follow-up to [52057].

Props afercia, sabernhardt, kamig478, zieladam, audrasjb, joedolson, costdev.
Fixes #56067.

File:

• trunk/src/wp-includes/blocks.php (modified) (2 diffs)

trunk/src/wp-includes/blocks.php

@@ -1257 +1257 @@
                 $arrow           = $arrow_map[ $block->context['paginationArrow'] ][ $pagination_type ];
                 $arrow_classes   = "wp-block-query-pagination-$pagination_type-arrow is-arrow-$arrow_attribute";
-                return "<span class='$arrow_classes'>$arrow</span>";
+                return "<span class='$arrow_classes' aria-hidden='true'>$arrow</span>";
         }
         return null;
@@ -1406 +1406 @@
                 $arrow           = $arrow_map[ $block->context['comments/paginationArrow'] ][ $pagination_type ];
                 $arrow_classes   = "wp-block-comments-pagination-$pagination_type-arrow is-arrow-$arrow_attribute";
-                return "<span class='$arrow_classes'>$arrow</span>";
+                return "<span class='$arrow_classes' aria-hidden='true'>$arrow</span>";
         }
         return null;