Support Centre

Use Tag Order in Your Accessible Designs and Documents

Krystine
Krystine
  • Updated

Every design tells a story—through text, visuals, and structure. While most readers can naturally follow this flow just by looking, users of assistive technology like screen readers rely on a specific reading order to understand the content correctly.

Creating a logical flow in your document ensures that screen readers present your content in a meaningful sequence—just as you intended.

 

What is Tag Order?

Tag Order is the metadata encoded in PDFs that defines the order in which content should be read or accessed. Screen readers and keyboard navigation tools use this order to determine how to present information to the user.

For example:

  • Screen readers read content following the tag order.

  • Keyboard users navigate through each section in that same sequence when using the Tab key.

 

Why Tag Order Matters

Users with visual or cognitive impairments experience your design differently. While a sighted reader can easily scan from left to right or top to bottom, assistive technologies depend on tags that specify how the content should flow.

Consider a four-column infographic:

  • A logical reading order begins with the title, then moves down the first column, followed by the second, then up to the last column.
    An infographic with a title block and four numbered columns, from left to right. Each column has a title and a block of text underneath the title. Red arrows show the “logical” reading order: beginning with the title block, the reader then moves to the first column on the left and reads the column title, the text block underneath it from top to bottom, then moves to the second column to the right, and so on.

  • Without proper tag order, a screen reader might read across columns instead of down, creating confusion and breaking the narrative flow.
    An infographic with a title block and four numbered columns, from left to right. Each column has a title and a block of text underneath the title. Red arrows show the reading order a screen reader would follow, when missing adequate information regarding the reading order: from left to right across the page and across each of the columns from left to right, without reading the columns from top to bottom first.

Setting the correct tag order ensures your message is delivered in a clear and logical sequence for everyone.

 

Use Venngage's Tag Order accessibility tool to set the reading order in your design and ensure the content is accessible to all readers.

The feature(s) discussed in this article is available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

Curious about upgrading? Compare our plan features side by side.

 

Was this article helpful?

2 out of 3 found this helpful

Have more questions? Submit a request