I’m building a website for a city government, and as such we have extra accessibility standards. However, I’m running into issues as the ion-focused
class is not being added to ion elements (such as ion-input
and ion-select
) when I keyboard navigate to them.
Most of them receive the has-focus
class, but as this is also added when the user clicks into the box, it is not ideal for adding keyboard navigation styling.
All of the elements I’m having issues with do have the ion-focusable
class, as specified in the keyboard navigation accessibility instructions: https://ionic.io/docs/accessibility/keyboard
I am using Ionic Angular version 7.5.4