How to change Tab Focus order in Tableau Dashboards to ensure compliance with Accessibility Guidelines?

Question

Tableau dashboards need to follow accessibility guidelines. Fixing the 'Tab' focus order is one of the main challenges that most Tableau developers face while ensuring that the focus order is set in the desired left to right, top to bottom format. However, most of the time the focus order moves in the order in which the elements were added on Tableau dashboards creating a need to manually fix the issue as described here .

How do we automate the same?

Answer 1

Approach

1. Read the '.twb' file into Jupyter notebook using parse function of xml.etree.ElementTree library.
2. Find the root node & retrieve all the zone tags present in the.twb file using the same.
3. Save the total occurrences of ids present in the.twb file. This will help in understanding how many consecutive ids numbers need to be created.
4. Replace the existing ids with consecutive id number using loop.

For the step by step code, please refer to my Github Repository here

This Python code will help you to update the zone tag ids automatically without having to use manual effort. Thanks to Kelly Gupton for sharing the 'Dashboard Focus Order.twb' (here) using which I have been able to test the code.