Accessibility issues with icons when reading with JAWS
In the portal header we have a custom control within which an icon class is defined. When using the JAWS reader, the focus does not go to the control. (In fact, the focus does not go to any icon). If tabindex='0' is used within the icon class, it is focused. But we need to use CSS so that any icon can be focused. Please let me know how it can be achieved.
If you're exclusively using tab, the icon will not receive focus and hence it will not read out any contextual information about it. Leaving JAWS in screen reader mode by using the down arrow and reaching the icon should read it without issue. But tab by design will skip right over it.