You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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:
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: