Add suggestion role

Relates to ARIA Annotations, issue #749

Fix tabs

Fix tabs

index.html

@@ -8394,6 +8394,95 @@ <h5>Presentational Roles Conflict Resolution</h5>
 				</tbody>
 			</table>
 		</div>
+		<div class="role" id="suggestion">
+				<rdef>suggestion</rdef>
+				<div class="role-description">
+						<p>A suggestion contains a proposed change to content that can be approved or rejected.
+						For example, in an editing system that supports multiple authors, one author may suggest a change, and another author would be responsible
+						for accepting or rejecting the suggestion.
+						The suggested change must be present as child content, as an insertion, a deletion, or one of each.</p>
+						<p>When a suggestion is accepted, the suggestion role should be removed.</p>
+				</div>
+				<table class="role-features">
+						<caption>Characteristics:</caption>
+						<thead>
+								<tr>
+										<th scope="col">Characteristic</th>
+										<th scope="col">Value</th>
+								</tr>
+						</thead>
+						<tbody>
+								<tr>
+										<th class="role-abstract-head" scope="row">Is Abstract:</th>
+										<td class="role-abstract"> </td>
+								</tr>
+								<tr>
+										<th class="role-parent-head" scope="row">Superclass Role:</th>
+										<td class="role-parent"><rref>section</rref></td>
+								</tr>
+								<tr>
+										<th class="role-base-head" scope="row">Base Concept:</th>
+										<td class="role-base"> </td>
+								</tr>
+								<tr>
+										<th class="role-related-head" scope="row">Related Concepts:</th>
+										<td class="role-related"> </td>
+								</tr>
+								<tr>
+										<th class="role-scope-head" scope="row">Required Context Role:</th>
+										<td class="role-scope"> </td>
+								</tr>
+								<tr>
+										<th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
+										<td class="role-mustcontain">
+												<li><rref>insertion</rref></li>
+												<li><rref>deletion</rref></li>
+										</td>
+								</tr>
+								<tr>
+										<th class="role-required-properties-head">Required States and Properties:</th>
+										<td class="role-required-properties"> </td>
+								</tr>
+								<tr>
+										<th class="role-properties-head" scope="row">Supported States and Properties:</th>
+										<td class="role-properties"> </td>
+								</tr>
+								<tr>
+										<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
+										<td class="role-inherited">Placeholder</td>
+								</tr>
+								<tr>
+										<th class="role-disallowed-head" scope="row">Prohibited States and Properties:</th>
+										<td class="role-disallowed">
+												<ul>
+														<li><pref>aria-label</pref></li>
+														<li><pref>aria-labelledby</pref></li>
+												</ul>
+										</td>
+								</tr>
+								<tr>
+										<th class="role-namefrom-head" scope="row">Name From:</th>
+										<td class="role-namefrom">prohibited</td>
+								</tr>
+								<tr>
+										<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
+										<td class="role-namerequired"> </td>
+								</tr>
+								<tr>
+										<th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
+										<td class="role-namerequired-inherited"> </td>
+								</tr>
+								<tr>
+										<th class="role-childpresentational-head" scope="row">Children Presentational:</th>
+										<td class="role-childpresentational"> </td>
+								</tr>
+								<tr>
+										<th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
+										<td class="role-presentational-inherited"> </td>
+								</tr>
+						</tbody>
+				</table>
+		</div>
 		<div class="role" id="superscript">
 			<rdef>superscript</rdef>
 			<div class="role-description">