Page MenuHomePhabricator

[EPIC] Create a Codex version of TablePager for Special:GlobalContributions
Closed, ResolvedPublic

Description

This task covers the creation of a new version of TablePager that implements the Codex Table component for use in the CheckUser-GlobalContributions feature (T337089: [Epic] Implement global contributions feature).

When the subtasks are completed, developers should be able to opt into the Codex Table when working with a sub-class of TablePager, and have access to features such as a table caption and cell alignment configuration, which do not currently exist in TablePager.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Could we please make sure this component is accessible for people using screen readers like JAWS, NVDA, ZoomText, and Speechify?

Most screen readers have special table modes and it turns out that several popular third-party table pager components are simply not compatible with these (for example because the necessary parts of the table are simply not present in the DOM where the screen reader can get at them). Retrofitting accessibility into components like this is extremely hard, so making accessibility a hard requirement (a primary design criteria) at the outset is most likely going to be the fastest and most efficient way to get to the desired result.

And to be super-clear: I am saying most other components can get away with dealing with accessibility later in the development process, but for tables and table pagers there are special challenges that makes it necessary to consider accessibility from the start.

AnneT moved this task from Backlog to Roadmap on the Design-System-Team board.
AnneT edited projects, added Design-System-Team (Roadmap); removed Design-System-Team.

Could we please make sure this component is accessible for people using screen readers like JAWS, NVDA, ZoomText, and Speechify?

Yes, we plan to incorporate accessibility support for this work, as we do for all Codex components. We strive to design and build accessible UIs as an initial acceptance criterion for all of our work, and complete accessibility testing as part of our design review process. Of course, we don't always get everything exactly right during initial implementation, but we will prioritize accessibility bugs as they are reported. We have tested the new Codex Table component with some screen readers but not all of the ones you listed, and I will recommend to the Design System Team that we consider completing some extra testing of the Table component given the concerns you've raised. I've been thinking about the same thing and want to validate that we've built proper support into the Codex Table.

Just to be clear, we also do not plan to build something completely new here, or use a third-party table pager - we plan to create a new display format of the existing TablePager class in MediaWiki core, which will include Codex CSS classes/styles and a few new features that don't yet exist in TablePager. So we will at least get everything that's already built into TablePager/IndexPager for free.

CCiufo-WMF renamed this task from Create a Codex version of TablePager to [EPIC] Create a Codex version of TablePager.Aug 29 2024, 3:54 PM
CCiufo-WMF triaged this task as High priority.
CCiufo-WMF moved this task from Later to Next on the Design-System-Team (Roadmap) board.
CCiufo-WMF renamed this task from [EPIC] Create a Codex version of TablePager to [EPIC] Create a Codex version of TablePager for GUC.Nov 4 2024, 6:23 PM
kostajh renamed this task from [EPIC] Create a Codex version of TablePager for GUC to [EPIC] Create a Codex version of TablePager for Special:GlobalContributions.Nov 4 2024, 8:50 PM
kostajh updated the task description. (Show Details)
kostajh subscribed.
AnneT changed the status of subtask T366849: TablePager: Codex-ify the pagination UI from Open to In Progress.
CCiufo-WMF changed the task status from Open to In Progress.Nov 15 2024, 11:37 PM
CCiufo-WMF moved this task from Next to Now on the Design-System-Team (Roadmap) board.