This issue has been created
 
 
XWiki Platform / cid:jira-generated-image-avatar-e1b6c90e-db1b-47d0-86f9-295e7fbe6e08 XWIKI-22677 Open

Better visuals for pagination

 
View issue   ยท   Add comment
 

Issue created

 
cid:jira-generated-image-avatar-d33ec396-f610-4a1b-bf73-e9cd7f0c5513 Thiago Krieck created this issue on 20/Nov/24 14:43
 
Summary: Better visuals for pagination
Issue Type: cid:jira-generated-image-avatar-e1b6c90e-db1b-47d0-86f9-295e7fbe6e08 Improvement
Affects Versions: 16.9.0
Assignee: Unassigned
Attachments: Screenshot 2024-11-20 at 10.41.02.png, Screenshot 2024-11-20 at 10.41.29.png, Screenshot 2024-11-20 at 10.42.15.png
Components: Flamingo Skin
Created: 20/Nov/24 14:43
Labels: usability
Priority: cid:jira-generated-image-static-major-748b7615-0d5b-4e1e-a3a2-9adf57f6475e Major
Reporter: Thiago Krieck
Description:

Based on this proposal: https://design.xwiki.org/xwiki/bin/edit/Proposal/PaginationTemplate

To improve accessibility and visual design, the target of each page should have at least a 24px activation area. https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html

The currently selected page is also not very visually distinguished.

The pagination buttons are small and don't use the IconTheme.

Current Live Table

42937_Screenshot+2024-11-20+at+10.41.29.png

Current LiveData

42938_Screenshot+2024-11-20+at+10.41.02.png

Proposal for both

42936_Screenshot+2024-11-20+at+10.42.15.png