You can also quickly identify the reading order of a web page. In general, the reading order of a web page follows the order in the Document Object Model. Developers, however, can shift the reading order (and the visual order on the page) using techniques like absolute positioning in CSS.

A quick way to see if the reading order on the page makes sense and follows the visual layout is to use another handy feature in ANDI. As shown in the screenshot below, we have invoked the ANDI tool on the Converge Accessibility home page, selected the structures tool and then clicked the “reading order” tool.


The screenshot also shows a portion of the page after selecting the reading order tool. In a nutshell, it creates tiny purple squares that indicate the order in which content will be read by a screen reader.