Page 30 - HTML5

A checkable input that has three possible values: true, false, or mixed.

<p>
<input type="checkbox" role="checkbox" aria-checked="false">
I agree to the terms
</p>

role="columnheader"

A cell containing header information for a column.

<table role="grid">
<thead>
<tr>
<th role="columnheader">Day 1</th>
<th role="columnheader">Day 2</th>
<th role="columnheader">Day 3</th>
</tr>
</thead>
<tbody>
<!-- etc -->
</tbody>
<table>

role="combobox"

A presentation of a select; usually similar to a textbox where users can type ahead to select an
option, or type to enter arbitrary text as a new item in the list.

<input type="text" role="combobox" aria-expanded="false">

Typically, you would use JavaScript to build the rest of the typeahead or list select functionality.

role="complementary"

A supporting section of the document, designed to be complementary to the main content at a
similar level in the DOM hierarchy, but remains meaningful when separated from the main content.

<div role="complementary">
<h2>More Articles</h2>

<ul>
<!-- etc -->
</ul>
</div>

role="contentinfo"

A large perceivable region that contains information about the parent document.

<p role="contentinfo">

https://riptutorial.com/ 14