Skip to content

Templates list: info on whether a template has been customized should be accessible #42557

Description

@afercia

Description

Splitting this out from #42505

In the Templates list, the blue dot to indicate a template has been customized shows some info only on hover. There's no other indication available that informs keyboard users or assistive technology users a template has been customized.

There should be some text to provide this information in an accessible way.

I'd say the blue dot isn't very clear also for sighted users. It took some time to me to understand what it was about. And I had to hover the icon to get the related information. Visible text would benefit all users.

Also, this is a data table. I'd argue that the column cells should only contain the data type identified by the column header. The 'Added by' column should only contain info on who/what added the template. Instead, the text 'This template has been customized' is about the template state. It's a data that doesn't fit at all with 'Added by' and ideally should go in a separate column dedicated to the template state.

Step-by-step reproduction instructions

  • Make some changes to a default template and save.
  • Click Toggle navigation, then click Templates to open the Templates list.
  • Observe the 'Added by' column of the template you customized.
  • Observe the template icon shows a blue dot.
  • Hover the icon and observe a tooltip appears with text 'This template has been customized'.
  • Stop hovering the icon.
  • Observe the 'This template has been customized' text is not present in any other place on the page (not even in some hidden text in the source).
  • This important information is not available to keyboard users and screen reader users.

Screenshots, screen recording, code snippet

template customized

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Metadata

Metadata

Assignees

Labels

[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Package] Edit Site/packages/edit-site

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions