Pagination navigation needs unique landmark name

Question

Pagination navigation needs unique landmark name

Closed this issue 4 months ago · 3 comments

Even though we provide an aria-label for our pagination element, accessibility audit tools are flagging it because the label is not unique. This is what we currently have.

<nav class="pagination-nav" aria-label="<?php echo __('Pagination'); ?>">

This is the error I see.

Answer 1 · 2024-07-02T20:39:19.000Z

possibilities: mark the second pagination as aria-hidden? its duplication maybe isn't really useful for screenreader users. and if hidden it doesn't need the label

Answer 2 · 2024-07-03T14:32:38.000Z

That works. It for sure reduces the number of landmarks a screenreader would have to navigate.

Answer 3 · 2024-07-16T20:30:34.000Z

I think hidden is going to be dicey: it's going to be ignored or cause problems depending on the platform if the contents are tab-focusable, and making them all non-focusable then makes them not tabbable for anyone. So I don't know that that's going to be a workable option.