Skip to content

Sortable Icon Only Displays for Column Headers Upon Mouse Hover #22188

@raymondatgithub

Description

@raymondatgithub

Steps to reproduce

Steps:

  1. Data Grid Example
  2. Arrow Focus Through the Table Columns Headers does not display the sortable icon or give any indication that they are sortable.
Image

Current behavior

The column headers sort icons do not meet accessibility standards. The only way to discover a column header is sortable by default is to mouse hover over the column header.

Expected behavior

Sortable Column Headers should display a sortable icon when arrow focus lands on them.

Context

Trying to meet WCAG 2.2 Accessibility Standards for Keyboard Navigation.

Your environment

npx @mui/envinfo
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: column sort icon mouse hover

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions