[charts] Improve charts toolbar accessibility

[bernardobelchior]

Part of https://github.com/mui/mui-x/issues/17557.

Improve charts toolbar accessibility by copying the Data Grid's implementation of tab navigation and ARIA attributes.

[github-actions[bot]]

Thanks for adding a type label to the PR! 👍

[mui-bot]

Deploy preview: https://deploy-preview-18056--material-ui-x.netlify.app/

Updated pages:

• docs/data/charts/toolbar/toolbar.md

Bundle size report

Total Size Change:^{${\tiny{\color{red}▲}}$}+30.7KB^(+0.25%) - Total Gzip Change:^{${\tiny{\color{red}▲}}$}+10.3KB^(+0.27%) Files: 120 total (0 added, 0 removed, 21 changed)

@mui/x-charts-pro/ChartsToolbarPro parsed:^{${\tiny{\color{red}▲}}$}+4.16KB^(+7.17%) gzip:^{${\tiny{\color{red}▲}}$}+1.42KB^(+6.83%) @mui/x-charts/Toolbar parsed:^{${\tiny{\color{red}▲}}$}+4.01KB^(+128.50%) gzip:^{${\tiny{\color{red}▲}}$}+1.49KB^(+96.63%) @mui/x-charts-pro parsed:^{${\tiny{\color{red}▲}}$}+3.31KB^(+1.00%) gzip:^{${\tiny{\color{red}▲}}$}+1.01KB^(+0.99%) @mui/x-charts-pro/RadarChartPro parsed:^{${\tiny{\color{red}▲}}$}+3.14KB^(+1.92%) gzip:^{${\tiny{\color{red}▲}}$}+1.03KB^(+1.92%) @mui/x-charts-pro/ScatterChartPro parsed:^{${\tiny{\color{red}▲}}$}+3.14KB^(+1.59%) gzip:^{${\tiny{\color{red}▲}}$}+1.02KB^(+1.57%) @mui/x-charts-pro/BarChartPro parsed:^{${\tiny{\color{red}▲}}$}+3.14KB^(+1.49%) gzip:^{${\tiny{\color{red}▲}}$}+1.05KB^(+1.51%) @mui/x-charts-pro/LineChartPro parsed:^{${\tiny{\color{red}▲}}$}+3.14KB^(+1.38%) gzip:^{${\tiny{\color{red}▲}}$}+1.03KB^(+1.40%) @mui/x-charts-pro/PieChartPro parsed:^{${\tiny{\color{red}▲}}$}+3.1KB^(+1.64%) gzip:^{${\tiny{\color{red}▲}}$}+1.04KB^(+1.66%) @mui/x-charts parsed:^{${\tiny{\color{red}▲}}$}+2.97KB^(+1.12%) gzip:^{${\tiny{\color{red}▲}}$}+1.05KB^(+1.29%)

Show 12 more bundle changes

@mui/x-charts/ChartDataProvider parsed:^{${\tiny{\color{red}▲}}$}+54B^(+0.05%) gzip:^{${\tiny{\color{red}▲}}$}+7B^(+0.02%) @mui/x-charts-pro/ChartContainerPro parsed:^{${\tiny{\color{red}▲}}$}+49B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+18B^(+0.04%) @mui/x-charts-pro/ChartDataProviderPro parsed:^{${\tiny{\color{red}▲}}$}+49B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+10B^(+0.02%) @mui/x-charts-pro/FunnelChart parsed:^{${\tiny{\color{red}▲}}$}+49B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+19B^(+0.03%) @mui/x-charts-pro/Heatmap parsed:^{${\tiny{\color{red}▲}}$}+49B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+15B^(+0.02%) @mui/x-charts/ChartContainer parsed:^{${\tiny{\color{red}▲}}$}+49B^(+0.04%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.03%) @mui/x-charts/SparkLineChart parsed:^{${\tiny{\color{red}▲}}$}+49B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+20B^(+0.04%) @mui/x-charts/BarChart parsed:^{${\tiny{\color{red}▲}}$}+46B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+16B^(+0.03%) @mui/x-charts/ScatterChart parsed:^{${\tiny{\color{red}▲}}$}+46B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+3B^(+0.01%) @mui/x-charts/LineChart parsed:^{${\tiny{\color{red}▲}}$}+45B^(+0.02%) gzip:^{${\tiny{\color{red}▲}}$}+25B^(+0.04%) @mui/x-charts/RadarChart parsed:^{${\tiny{\color{red}▲}}$}+43B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+13B^(+0.03%) @mui/x-charts/PieChart parsed:^{${\tiny{\color{red}▲}}$}+41B^(+0.03%) gzip:^{${\tiny{\color{red}▲}}$}+3B^(+0.01%)

Details of bundle changes

Generated by :no_entry_sign: dangerJS against 1e1872447c384e1b9fa6f1a7b84e8636df646ddb

[codspeed-hq[bot]]

CodSpeed Performance Report

Merging #18056 will not alter performance

_{Comparing bernardobelchior:charts-toolbar-accessibility (1e18724) with master (9abcebd)}

Summary

✅ 9 untouched benchmarks