DataViews list layout: row children include interactive elements outside gridcell wrappers #78982

Description

In the DataViews list layout (used on Site Editor → Pages, Templates, Template Parts, Patterns, etc.), each row is rendered with role="row". However, the title field, description, and other field cells inside the row are not wrapped in any element with role="gridcell" their interactive children (title link, inline action buttons) appear as direct accessibility-tree descendants of role="row".

Per WAI-ARIA, an element with role="row" is restricted to children with role="gridcell", rowheader, or columnheader. Allowing arbitrary interactive elements breaks the grid pattern, prevents assistive technologies from conveying cell structure, and fails the aria-required-children check (WCAG 1.3.1, Info and Relationships).

The selectable item button and the actions menu inside the same row are already correctly wrapped in <div role="gridcell"> the title/description/fields section appears to have missed the same treatment.

*Element: .dataviews-view-list .dataviews-title-field, .dataviews-view-list__field (rendered inside <div role="row"> without gridcell wrappers)

Current structure (simplified):

<div role="row">
  <div role="gridcell"><button>…selectable item…</button></div>
  <div>
    <div class="dataviews-title-field">
      <a href="…">Title</a>          <!-- direct child of row -->
      <button>Delete</button>         <!-- direct child of row -->
    </div>
    <div class="dataviews-view-list__field">…description…</div>
    <div class="dataviews-view-list__field">…field value…</div>
  </div>
</div>

Proposed fix

I have a working fix ready for this issue it adds role="gridcell" to the title field, description, and per-field wrappers inside the row, so all interactive content has a valid gridcell parent. The change is purely an ARIA attribute addition; no DOM structure or styling is modified. I can share a brief outline or open a PR once the approach is confirmed.

Before fix applied

After fix applied

Expected behaviour

All interactive content inside role="row" should be contained within role="gridcell" (or rowheader/columnheader) wrappers, consistent with the existing handling of the selectable item button and actions menu.

Step-by-step reproduction instructions

Step-by-step reproduction instructions

1. Open Site Editor → Pages* (admin.php?page=site-editor-v2&p=%2Ftypes%2Fpage).
2. Switch to List layout.
3. Inspect any row in DevTools.
4. Observe the <div role="row"> node its descendants include an <a> link and a <button> that are not contained within a <div role="gridcell">.

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

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure