[wp-trac] [WordPress Trac] #63984: Assess if the tabpanels in the media modals should receive focus

[WordPress Trac]

#63984: Assess if the tabpanels in the media modals should receive focus
-------------------------------------+----------------------------
 Reporter:  alh0319                  |       Owner:  joedolson
     Type:  enhancement              |      Status:  accepted
 Priority:  normal                   |   Milestone:  7.0
Component:  Media                    |     Version:  5.3
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch has-test-info  |     Focuses:  accessibility
-------------------------------------+----------------------------
Changes (by huzaifaalmesbah):

 * keywords:  has-patch needs-testing has-test-info => has-patch has-test-
               info


Comment:

 == Patch Testing Report

 Patch Tested: https://github.com/WordPress/wordpress-develop/pull/10884

 === Environment
 * WordPress: 7.0-alpha-61215-src
 * PHP: 8.2.29
 * Server: nginx/1.29.4
 * Database: mysqli (Server: 8.4.7 / Client: mysqlnd 8.2.29)
 * Browser: Chrome 144.0.0.0
 * OS: macOS
 * Theme: Twenty Twenty-Five 1.4
 * Plugins:
   * Classic Editor 1.6.7
   * Test Reports 1.2.1

 === Steps Taken

 1. Opened **Posts → Add New**.
 2. Clicked **Add Media** to open the media modal.
 3. Used `Tab` key to move focus to the tab list (Upload Files / Media
 Library).
 4. Used arrow keys to switch between tabs.
 5. Pressed `Enter` to activate the selected tab.
 6. Pressed `Tab` to move focus into the tabpanel.
 7. Repeated the test before and after applying the patch.
 8. ✅ Patch is solving the problem.

 === Expected Result

 After activating a tab and pressing `Tab`:

 * Focus should move directly to the first interactive control inside the
 tabpanel.
 * The tabpanel container itself should not receive focus.
 * Screen readers should not announce the entire contents of the panel.
 * Keyboard navigation should require one fewer tab stop.

 Before patch:
 * First `Tab` press after activating a tab focuses the `tabpanel`
 container.
 * This introduces an extra tab stop.
 * With screen readers (notably NVDA), the entire tabpanel content is read
 aloud, resulting in excessive verbosity.

 After patch:
 * Focus moves directly to the first interactive control inside the panel.
 * The extra tab stop is removed.
 * Screen reader verbosity is reduced.
 * Keyboard navigation flow is more efficient.

 Behavior matches expected outcome.

 === Screenshots / Screencast

 Before: https://files.catbox.moe/tkwt58.mp4

 After: https://files.catbox.moe/1xti9e.mp4

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/63984#comment:11>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform