Add 'meter' role (#888)

index.html

@@ -565,6 +565,7 @@ <h3>Widget Roles</h3>
 				<li><rref>menuitem</rref></li>
 				<li><rref>menuitemcheckbox</rref></li>
 				<li><rref>menuitemradio</rref></li>
+				<li><rref>meter</rref></li>
 				<li><rref>option</rref></li>
 <!-- FIXME: This is commented out because the ARIA Working Group agreed to move the password role to ARIA 2.0,
      but we've not branched for 1.1 yet. Once we have branched, this section should be deleted from the 1.1
@@ -4232,6 +4233,92 @@ <h4>Plain HTML or Polyfill DOM Result of the MathML Quadratic Formula</h4>
 				</tbody>
 			</table>
 		</div>
+		<div class="role" id="meter">
+			<rdef>meter</rdef>
+			<div class="role-description">
+				<p>An <a>element</a> that represents a scalar measurement within a known range, or a fractional value. See related <rref>progress</rref>.</p>
+				<p>Authors MUST NOT use the <code>meter</code> role to represent a value whose minimum and maximum values are unknown. In addition, authors MUST use <pref>aria-valuemin</pref> and <pref>aria-valuemax</pref> to make the minimum and maximum values available to assistive technologies.</p>
+				<p>Authors SHOULD NOT use the <code>meter</code> role to indicate progress; the <rref>progressbar</rref> role exists to address that need.</p>
+				<p class="note">At the present time, there are no <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> properties corresponding to the <code>low</code>, <code>optimum</code>, and <code>high</code> attributes supported on <a href="https://www.w3.org/TR/html50/forms.html#the-meter-element"><abbr title="Hypertext Markup Language">HTML</abbr> <code>meter</code></a>. The addition of these properties will be considered for ARIA version 1.3.</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>range</rref></td>
+					</tr>
+					<tr>
+						<th class="role-children-head" scope="row">Subclass Roles:</th>
+						<td class="role-children">Placeholder</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"><a href="https://www.w3.org/TR/html50/forms.html#the-meter-element"><abbr title="Hypertext Markup Language">HTML</abbr> <code>meter</code></a></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"> </td>
+					</tr>
+					<tr>
+						<th class="role-required-properties-head">Required States and Properties:</th>
+						<td class="role-required-properties">
+							<ul>
+								<li><pref>aria-valuemax</pref></li>
+								<li><pref>aria-valuemin</pref></li>
+								<li><pref>aria-valuenow</pref></li>
+							</ul>
+						</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-namefrom-head" scope="row">Name From:</th>
+						<td class="role-namefrom">author</td>
+					</tr>
+					<tr>
+						<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
+						<td class="role-namerequired">True</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">True</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="menu">
 			<rdef>menu</rdef>
 			<div class="role-description">
@@ -11886,6 +11973,7 @@ <h2>Change Log</h2>
 		<h2>Substantive changes since the last public working draft</h2>
 		<ul>
 			<!-- EdNote: After each WD publish, move contents of this list into the next one below. -->
+			<li>24-Oct-2019: Add <rref>meter</rref> role</li>
 			<li>23-Oct-2019: Resolve inconsistencies around group ownership of <rref>menuitem</rref>, <rref>menuitemcheckbox</rref> and <rref>menuitemradio</rref>.</li>
 			<li>23-Oct-2019: Add <rref>generic</rref> role</li>
 			<li>22-Oct-2019: Clarify use of <rref>alertdialog</rref> and <rref>alert</rref> roles</li>