The icon does not have a text label which is an accesibility issue.
An easy solution would be to add a `aria-hidden="true"` to the svg element. This would keep it out of the accesibility tree.
The icon should then only be used as a decorative icon.
More extensive solution would be to add an option to hide it from the accesibility tree or to ability to add accessible text label.
The are multiple ways of achieving this.
https://www.sarasoueidan.com/blog/accessible-icon-buttons/
https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11...
https://www.smashingmagazine.com/2021/05/accessible-svg-patterns-compari...
| Comment | File | Size | Author |
|---|---|---|---|
| iconify-field--a11y--text-label.png | 16.4 KB | strnbrg |
Comments
Comment #2
dobefu commentedInteresting, it appears that my tools did not pick it up. I'll go for the simpler solution for now, since #3450660 will allow for better configuration when it's done.
Comment #3
dobefu commentedThis has been fixed in https://git.drupalcode.org/project/iconify_field/-/merge_requests/10, and will be in the next release. Thank you for shopping with us
Comment #4
dobefu commented