Using the presentation role

This technique demonstrates how to use the presentation role and describes the effect it has on browsers and assistive technology.

The presentation role is used to remove semantic meaning from an element and any of its related child elements. For example, a table used for layout purposes could have the presentation role applied to the table element to remove any semantic meaning from the table element and any of its table related children elements, such as table headers and table data elements. Non-table related elements should retain their semantic meaning, however.

Possible effects on user agents and assistive technology 


Example 1: 

<ul role="tablist">
  <li role="presentation">
    <a role="tab" href="#">Tab 1</a>
  <li role="presentation">
    <a role="tab" href="#">Tab 2</a>
  <li role="presentation">
    <a role="tab" href="#">Tab 3</a>

Working Examples:


ARIA attributes used


TBD: Add support information for common UA and AT product combinations

Additional resources