Forum Discussion

BelleHabs's avatar
BelleHabs
Community Member
24 days ago
Solved

FOCUS ORDER and Accessibility

Can't get FOCUS ORDER to read the layers underneath as the learner tabs through the buttons (tabs) on the left side. Am I supposed to add a trigger at each layer to get the Screen Readers to read these layers? 

 

 

 

 

  • The base layer buttons to show those layers should be above each layer's content in the focus order. 

    For example, if Button 1 shows Layer 1 and Layer 1 has 3 text boxes, and Button 2 shows Layer 2 and Layer 2 has 1 text box, the focus order should be:

    Button 1

    Layer 1 text box 1 

    Layer 1 text box 2

    Layer 1 text box 3

    Button 2

    Layer 2 text box 1

    Also, remember that for a screen reader, text is navigated to with arrow keys. You'll tab to interactive content, then arrow to text.

2 Replies

  • The base layer buttons to show those layers should be above each layer's content in the focus order. 

    For example, if Button 1 shows Layer 1 and Layer 1 has 3 text boxes, and Button 2 shows Layer 2 and Layer 2 has 1 text box, the focus order should be:

    Button 1

    Layer 1 text box 1 

    Layer 1 text box 2

    Layer 1 text box 3

    Button 2

    Layer 2 text box 1

    Also, remember that for a screen reader, text is navigated to with arrow keys. You'll tab to interactive content, then arrow to text.