Quantcast
Channel: Issues for Drupal core
Viewing all articles
Browse latest Browse all 294618

Ellipsis in pager template fails accessibility tests

$
0
0

Problem/Motivation

When testing Olivero's pager (and displaying enough page numbers to get the ellipsis to appear), deque axe-core reports this issue

deque axe extension screenshot

<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Ensures that lists are structured correctly

more informationLink opens in a new window
Element Location:
.pager__items
<ul class="pager__items js-pager__items">
To solve this problem, you need to fix the following:
List element has direct children that are not allowed: [role=presentation]

Related Node
<li class="pager__item pager__item--ellipsis" role="presentation">…</li>

Steps to reproduce

Create a view that uses a fulll pager, and an amount of content that will create many pages for that view.

Proposed resolution

Replace role="presentation" with aria-label="additional pages"

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet


Viewing all articles
Browse latest Browse all 294618

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>