Forum Discussion
FOCUS ORDER and Accessibility
- 23 days ago
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.
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.