Sortable Icon Only Displays for Column Headers Upon Mouse Hover

[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.

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