Data views: The featured image should provide information about the featured image

[afercia]

Description

In the data views, the featured image should provide information about what the image is. Instead, it is actually placed within a button that is labeled with the page title (with the exception of the List layout)

It's worth reminding that an aria label attribute overrides any content so that the button accessible name is actually the page title. The image within the button is compeltely ignored even when it has an alt text. Basically this markup:

<button aria-label="Test page" ...
    <img alt="Farmer boy" ...
    ...

does not provide the correct information and I would say not even the correct functionality.

Table layout

• There's no info at all about the actual image. As said, aria-label overrides any content. As such, the 'Featured image' column actually contains buttons with the post title and nothing else. This defeats the purpose of using a table, where each column should contain the data type identified by the column header.
• I'm not sure why this has to be a button in the first place. Clicking the button switches the editor to edit mode for that page. As a user, this is not what I would expect when clicking the featured image preview of a page.
• Worth noting also the pages without featured image will have a button in the 'Featured image' column. The button is smpty and will look like a grey box. It is still labeled with the page title.

Screenshot:

Grid layout

Similar to the above case. There is no table but the information about the featured image is missing because the button aria-label overrides any content.

List layout

Similar to the above but the button is acctually a div element with a role button <div role="button" .... It doesn't use an aria-label so that its accessible name is determined by its content: featured image alt text (if any), page title, author and publish status. That's really too much information to label a button, and it gets announced by screen readers all together:

Visually, it would be the equivalent of a button with all that info used as text, which isn't the best way to use a button. Example:

Step-by-step reproduction instructions

• Go to the Site editor > Pages > Manage all pages
• In the View options menu, enable the Featured image field.
• Inspect the source of all the thee Layouts: Table, Grid, and List.
• Observe the featured image is a button and its labeling is less than ideal.

Screenshots, screen recording, code snippet

No response

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