Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility | Data grid Component text cell icon add accessibilityTitle #2194

Open
K0NZ1 opened this issue Nov 3, 2023 · 0 comments
Open
Labels
accessibility Related to accessibility feature New component features and enhancements

Comments

@K0NZ1
Copy link

K0NZ1 commented Nov 3, 2023

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') }) }

@K0NZ1 K0NZ1 added the feature New component features and enhancements label Nov 3, 2023
@amir-ba amir-ba added the accessibility Related to accessibility label Oct 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Related to accessibility feature New component features and enhancements
Projects
None yet
Development

No branches or pull requests

2 participants