Tab order focus is not working on objects on layers
Jun 25, 2020
I am facing an accessibility compliant issue - tab focus is not working for objects on layers. I have click-to-reveal interactivities in my project, where my buttons are on the base layer and the texts to be revealed are on different layers on top of the base layer. I can tab through my base layer objects and activate the button (by hitting Enter/Spacebar) and the object on the layer pops up, but without the focus (the yellow border) and as a result, the screen reader doesn't read the revealed text.
I have attached a sample file of this issue, where I need the text "abc" which is on a layer, to be in focus after it is revealed so that the screen reader can read the information. Looking forward to suggestions to make this work.