Skip to content

Conversation

@mgadewoll
Copy link
Contributor

@mgadewoll mgadewoll commented Dec 19, 2025

Summary

closes #8516

This PR updates EuiDataGrid and improve the accessibility of the column selector drag handle buttons by ensuring that the buttons have individually distinguishable accessible labels by adding the column title to it as context.

// before
drag handle button

// after
{column_name} drag handle button
e.g. Account drag handle button

Why are we making this change?

:accessibility: Accessibility: Improve the accessibility of the drag handles by ensuring unique labels.

Screenshots #

Screenshot 2025-12-19 at 11 17 47
Screen.Recording.2025-12-19.at.11.17.02.mov

Impact to users

🟢 No updates required on consumer side.

ℹ️ Snapshots might require updates.

QA

  • test EuiDataGrid's column selector with screen readers and verify that each drag handle button has a distinct accessible label

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in both MacOS and Windows high contrast modes
    • Checked in mobile
    • Checked in Chrome, Safari, Edge, and Firefox
    • Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA
  • Code quality checklist
  • Release checklist
    • A changelog entry exists and is marked appropriately
    • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
    • If the changes unblock an issue in a different repo, smoke tested carefully (see Testing EUI features in Kibana ahead of time)
  • Designer checklist
    • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

@mgadewoll mgadewoll self-assigned this Dec 19, 2025
@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

cc @mgadewoll

@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

cc @mgadewoll

@mgadewoll mgadewoll marked this pull request as ready for review December 19, 2025 13:04
@mgadewoll mgadewoll requested a review from a team as a code owner December 19, 2025 13:04
@acstll acstll self-requested a review December 19, 2025 13:37
@tkajtoch tkajtoch self-requested a review January 6, 2026 17:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[EuiDataGrid][A11y] Provide contextual aria-label to column selector draggable button

2 participants