Accessibility | Data grid Component text cell icon add accessibilityTitle #2194
Labels
accessibility
Related to accessibility
feature
New component features and enhancements
good first issue
Good for newcomers
Describe the feature request
When using the data grid component and use the icon prefix/suffix option in the text cell you can set an accessibilityTitle Attribute at the icon html tag or the accessibilityTitle will be set automatically.
Describe the use case
When using the data grid component and use the icon prefix/suffix option in the text cell you cannot set an accessibilityTitle Attribute at the icon html tag. Therefor the icon is not accessible for blind users when using a screen reader.
Describe alternatives you've considered
I discovered currently a workaround where i add the attribute afterwards.
const dataGrid = document.querySelector('#dataGrid') if (dataGrid) { const shadowDataGrid = dataGrid.shadowRoot const icons = Array.from(shadowDataGrid.querySelectorAll('scale-icon-communication-available')) icons.forEach((icon) => { icon.setAttribute('accessibilityTitle', 'verfügbar') }) }
The text was updated successfully, but these errors were encountered: