WordPress.org

Make WordPress Core

Opened 4 weeks ago

Last modified 3 weeks ago

#41729 new enhancement

Code Editors: Better design for folders

Reported by: melchoyce Owned by:
Milestone: 4.9 Priority: normal
Severity: normal Version:
Component: Administration Keywords:
Focuses: ui, accessibility Cc:

Description

This is related to (and relies on) #6531.

Let's make the file list easier to scan and introduce a way to collapse folders. See attached mockup.

Attachments (1)

File Structure.png (41.5 KB) - added by melchoyce 4 weeks ago.

Download all attachments as: .zip

Change History (4)

This ticket was mentioned in Slack in #core-customize by melchoyce. View the logs.


4 weeks ago

#2 @afercia
3 weeks ago

  • Focuses accessibility added

and introduce a way to collapse folders

Adding the accessibility focus because any UI component that is not "native" in HTML and that is implemented as a sort of "widget" with non-standard semantics and interaction needs some special accessibility treatment. Assistive technologies, and people using them, need to understand how a special "widget" works to be able to use it.

Seems to me this should be implemented as an ARIA "Tree View". More details, expected keyboard interaction, and examples available on the ARIA Authoring Practices: https://www.w3.org/TR/wai-aria-practices/#TreeView

Worth noting how keyboard interaction works just with the arrow keys (the whole tree view has just one Tab stop).

From a visual perspective, I'd say the currently selected folder/file needs a way to indicate it's the current item that doesn't rely on color alone.

#3 @melchoyce
3 weeks ago

From a visual perspective, I'd say the currently selected folder/file needs a way to indicate it's the current item that doesn't rely on color alone.

Related: #31604

Note: See TracTickets for help on using tickets.