diff --git a/index.bs b/index.bs
index 1a2aecc..a36e60d 100644
--- a/index.bs
+++ b/index.bs
@@ -210,7 +210,7 @@ div.enum-description > table > thead > tr > th {
       finer-grained autoplay control.
     </div>
 
-  <h4 id="query-by-a-element">Query by a Element</h3>
+  <h4 id="query-by-a-element">Query by an Element</h3>
     <pre class="idl">
       [Exposed=Window]
       partial interface Navigator {
@@ -261,7 +261,7 @@ div.enum-description > table > thead > tr > th {
     </dl>
 
     If the result of querying by a constructor is different from the result
-    of querying by a element, authors should take the latter one as a correct
+    of querying by an element, authors should take the latter one as a correct
     result. Example 2 shows a possible scenario.
 
 <h2 id="code-example">Examples</h2>
@@ -309,7 +309,7 @@ div.enum-description > table > thead > tr > th {
       }
       function handlePlayFailed() {
         // Show a button to allow users to explicitly start the video and
-        // display a image element as poster to replace the video.
+        // display an image element as poster to replace the video.
       }
 
       let video = document.getElementById("video");
diff --git a/index.html b/index.html
index 2e12ee2..f4fbedc 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
   <link href="https://www.w3.org/StyleSheets/TR/2016/W3C-ED" rel="stylesheet" type="text/css">
   <meta content="Bikeshed version 800b43329, updated Tue May 25 14:13:32 2021 -0700" name="generator">
   <link href="https://w3c.github.io/autoplay/" rel="canonical">
-  <meta content="e31fe99b1e1bd655161ce236d96d1e47f199bd1f" name="document-revision">
+  <meta content="b3fdf219752f0bdf7e9b58d282633e28b2fbd1eb" name="document-revision">
 <style>
 @media (prefers-color-scheme: light) {
   :root {
@@ -598,7 +598,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">Autoplay Policy Detection</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2021-12-29">29 December 2021</time></span></h2>
+   <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2022-01-10">10 January 2022</time></span></h2>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -610,7 +610,7 @@ <h2 class="no-num no-toc no-ref heading settled" id="profile-and-date"><span cla
     </dl>
    </div>
    <div data-fill-with="warning"></div>
-   <p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2021 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
+   <p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2022 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
    <hr title="Separator for header">
   </div>
   <div class="p-summary" data-fill-with="abstract">
@@ -645,7 +645,7 @@ <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
        <a href="#autoplay-detection-methods"><span class="secno">2.2</span> <span class="content">The Autoplay Detection Methods</span></a>
        <ol class="toc">
         <li><a href="#query-by-a-constructor"><span class="secno">2.2.1</span> <span class="content">Query by a Constructor</span></a>
-        <li><a href="#query-by-a-element"><span class="secno">2.2.2</span> <span class="content">Query by a Element</span></a>
+        <li><a href="#query-by-a-element"><span class="secno">2.2.2</span> <span class="content">Query by an Element</span></a>
        </ol>
      </ol>
     <li><a href="#code-example"><span class="secno">3</span> <span class="content">Examples</span></a>
@@ -784,7 +784,7 @@ <h4 class="heading settled" data-level="2.2.1" id="query-by-a-constructor"><span
       blocking autoplay more consistent. The latter helps providing a
       finer-grained autoplay control.</p>
    </div>
-   <h4 class="heading settled" data-level="2.2.2" id="query-by-a-element"><span class="secno">2.2.2. </span><span class="content">Query by a Element</span><a class="self-link" href="#query-by-a-element"></a></h4>
+   <h4 class="heading settled" data-level="2.2.2" id="query-by-a-element"><span class="secno">2.2.2. </span><span class="content">Query by an Element</span><a class="self-link" href="#query-by-a-element"></a></h4>
 <pre class="idl highlight def">[<a class="idl-code" data-link-type="extended-attribute" href="https://heycam.github.io/webidl/#Exposed" id="ref-for-Exposed①"><c- g>Exposed</c-></a>=<c- n>Window</c->]
 <c- b>partial</c-> <c- b>interface</c-> <a class="idl-code" data-link-type="interface" href="https://html.spec.whatwg.org/multipage/system-state.html#navigator" id="ref-for-navigator⑥"><c- g>Navigator</c-></a> {
   <a data-link-type="idl-name" href="#enumdef-autoplaypolicy" id="ref-for-enumdef-autoplaypolicy②"><c- n>AutoplayPolicy</c-></a> <dfn class="idl-code" data-dfn-for="Navigator" data-dfn-type="method" data-export data-lt="getAutoplayPolicy(element)" id="dom-navigator-getautoplaypolicy-element"><code><c- g>getAutoplayPolicy</c-></code><a class="self-link" href="#dom-navigator-getautoplaypolicy-element"></a></dfn>(<a data-link-type="idl-name" href="https://html.spec.whatwg.org/multipage/media.html#htmlmediaelement" id="ref-for-htmlmediaelement⑤"><c- n>HTMLMediaElement</c-></a> <dfn class="idl-code" data-dfn-for="Navigator/getAutoplayPolicy(element)" data-dfn-type="argument" data-export id="dom-navigator-getautoplaypolicy-element-element"><code><c- g>element</c-></code><a class="self-link" href="#dom-navigator-getautoplaypolicy-element-element"></a></dfn>);
@@ -820,7 +820,7 @@ <h4 class="heading settled" data-level="2.2.2" id="query-by-a-element"><span cla
      </div>
    </dl>
    <p>If the result of querying by a constructor is different from the result
-    of querying by a element, authors should take the latter one as a correct
+    of querying by an element, authors should take the latter one as a correct
     result. Example 2 shows a possible scenario.</p>
    <h2 class="heading settled" data-level="3" id="code-example"><span class="secno">3. </span><span class="content">Examples</span><a class="self-link" href="#code-example"></a></h2>
    <div class="example" id="example-62671621">
@@ -852,14 +852,14 @@ <h2 class="heading settled" data-level="3" id="code-example"><span class="secno"
 <c- p>}</c->
 </pre>
    </div>
-   <div class="example" id="example-77e3286f">
-    <a class="self-link" href="#example-77e3286f"></a> Example of querying by a specific media element. 
+   <div class="example" id="example-1f8d5a6e">
+    <a class="self-link" href="#example-1f8d5a6e"></a> Example of querying by a specific media element. 
 <pre class="lang-javascript highlight"><c- a>function</c-> handlePlaySucceeded<c- p>()</c-> <c- p>{</c->
   <c- c1>// Update the control UI to playing.</c->
 <c- p>}</c->
 <c- a>function</c-> handlePlayFailed<c- p>()</c-> <c- p>{</c->
   <c- c1>// Show a button to allow users to explicitly start the video and</c->
-  <c- c1>// display a image element as poster to replace the video.</c->
+  <c- c1>// display an image element as poster to replace the video.</c->
 <c- p>}</c->
 
 <c- a>let</c-> video <c- o>=</c-> document<c- p>.</c->getElementById<c- p>(</c-><c- u>"video"</c-><c- p>);</c->
@@ -946,7 +946,7 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
     <li><a href="#ref-for-htmlmediaelement">1. Introduction</a>
     <li><a href="#ref-for-htmlmediaelement①">2.1. Autoplay Policy Enum</a> <a href="#ref-for-htmlmediaelement②">(2)</a>
     <li><a href="#ref-for-htmlmediaelement③">2.2.1. Query by a Constructor</a> <a href="#ref-for-htmlmediaelement④">(2)</a>
-    <li><a href="#ref-for-htmlmediaelement⑤">2.2.2. Query by a Element</a> <a href="#ref-for-htmlmediaelement⑥">(2)</a> <a href="#ref-for-htmlmediaelement⑦">(3)</a>
+    <li><a href="#ref-for-htmlmediaelement⑤">2.2.2. Query by an Element</a> <a href="#ref-for-htmlmediaelement⑥">(2)</a> <a href="#ref-for-htmlmediaelement⑦">(3)</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="term-for-navigator">
@@ -954,7 +954,7 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
    <ul>
     <li><a href="#ref-for-navigator">2. The Autoplay Detection API</a> <a href="#ref-for-navigator①">(2)</a>
     <li><a href="#ref-for-navigator②">2.2.1. Query by a Constructor</a> <a href="#ref-for-navigator③">(2)</a> <a href="#ref-for-navigator④">(3)</a> <a href="#ref-for-navigator⑤">(4)</a>
-    <li><a href="#ref-for-navigator⑥">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-navigator⑥">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="term-for-window">
@@ -986,7 +986,7 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
   <aside class="dfn-panel" data-for="term-for-dom-media-play">
    <a href="https://html.spec.whatwg.org/multipage/media.html#dom-media-play">https://html.spec.whatwg.org/multipage/media.html#dom-media-play</a><b>Referenced in:</b>
    <ul>
-    <li><a href="#ref-for-dom-media-play">2.2.2. Query by a Element</a> <a href="#ref-for-dom-media-play①">(2)</a>
+    <li><a href="#ref-for-dom-media-play">2.2.2. Query by an Element</a> <a href="#ref-for-dom-media-play①">(2)</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="term-for-sticky-activation">
@@ -1017,33 +1017,33 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
    <a href="https://webaudio.github.io/web-audio-api/#audiocontext">https://webaudio.github.io/web-audio-api/#audiocontext</a><b>Referenced in:</b>
    <ul>
     <li><a href="#ref-for-audiocontext">2.2.1. Query by a Constructor</a>
-    <li><a href="#ref-for-audiocontext①">2.2.2. Query by a Element</a> <a href="#ref-for-audiocontext②">(2)</a>
+    <li><a href="#ref-for-audiocontext①">2.2.2. Query by an Element</a> <a href="#ref-for-audiocontext②">(2)</a>
     <li><a href="#ref-for-audiocontext③">3. Examples</a> <a href="#ref-for-audiocontext④">(2)</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="term-for-enumdef-audiocontextstate">
    <a href="https://webaudio.github.io/web-audio-api/#enumdef-audiocontextstate">https://webaudio.github.io/web-audio-api/#enumdef-audiocontextstate</a><b>Referenced in:</b>
    <ul>
-    <li><a href="#ref-for-enumdef-audiocontextstate">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-enumdef-audiocontextstate">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="term-for-dom-audiocontextstate-suspended">
    <a href="https://webaudio.github.io/web-audio-api/#dom-audiocontextstate-suspended">https://webaudio.github.io/web-audio-api/#dom-audiocontextstate-suspended</a><b>Referenced in:</b>
    <ul>
-    <li><a href="#ref-for-dom-audiocontextstate-suspended">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-dom-audiocontextstate-suspended">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="term-for-Exposed">
    <a href="https://heycam.github.io/webidl/#Exposed">https://heycam.github.io/webidl/#Exposed</a><b>Referenced in:</b>
    <ul>
     <li><a href="#ref-for-Exposed">2.2.1. Query by a Constructor</a>
-    <li><a href="#ref-for-Exposed①">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-Exposed①">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="term-for-notallowederror">
    <a href="https://heycam.github.io/webidl/#notallowederror">https://heycam.github.io/webidl/#notallowederror</a><b>Referenced in:</b>
    <ul>
-    <li><a href="#ref-for-notallowederror">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-notallowederror">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
@@ -1127,7 +1127,7 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
    <b><a href="#enumdef-autoplaypolicy">#enumdef-autoplaypolicy</a></b><b>Referenced in:</b>
    <ul>
     <li><a href="#ref-for-enumdef-autoplaypolicy">2.2.1. Query by a Constructor</a> <a href="#ref-for-enumdef-autoplaypolicy①">(2)</a>
-    <li><a href="#ref-for-enumdef-autoplaypolicy②">2.2.2. Query by a Element</a> <a href="#ref-for-enumdef-autoplaypolicy③">(2)</a>
+    <li><a href="#ref-for-enumdef-autoplaypolicy②">2.2.2. Query by an Element</a> <a href="#ref-for-enumdef-autoplaypolicy③">(2)</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="dom-autoplaypolicy-allowed">
@@ -1135,7 +1135,7 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
    <ul>
     <li><a href="#ref-for-dom-autoplaypolicy-allowed">2.1. Autoplay Policy Enum</a> <a href="#ref-for-dom-autoplaypolicy-allowed①">(2)</a>
     <li><a href="#ref-for-dom-autoplaypolicy-allowed②">2.2.1. Query by a Constructor</a> <a href="#ref-for-dom-autoplaypolicy-allowed③">(2)</a> <a href="#ref-for-dom-autoplaypolicy-allowed④">(3)</a>
-    <li><a href="#ref-for-dom-autoplaypolicy-allowed⑤">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-dom-autoplaypolicy-allowed⑤">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="dom-autoplaypolicy-allowed-muted">
@@ -1143,14 +1143,14 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
    <ul>
     <li><a href="#ref-for-dom-autoplaypolicy-allowed-muted">2.1. Autoplay Policy Enum</a> <a href="#ref-for-dom-autoplaypolicy-allowed-muted①">(2)</a>
     <li><a href="#ref-for-dom-autoplaypolicy-allowed-muted②">2.2.1. Query by a Constructor</a>
-    <li><a href="#ref-for-dom-autoplaypolicy-allowed-muted③">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-dom-autoplaypolicy-allowed-muted③">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="dom-autoplaypolicy-inaudible-media-element">
    <b><a href="#dom-autoplaypolicy-inaudible-media-element">#dom-autoplaypolicy-inaudible-media-element</a></b><b>Referenced in:</b>
    <ul>
     <li><a href="#ref-for-dom-autoplaypolicy-inaudible-media-element">2.2.1. Query by a Constructor</a>
-    <li><a href="#ref-for-dom-autoplaypolicy-inaudible-media-element①">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-dom-autoplaypolicy-inaudible-media-element①">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="dom-autoplaypolicy-disallowed">
@@ -1158,7 +1158,7 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
    <ul>
     <li><a href="#ref-for-dom-autoplaypolicy-disallowed">2.1. Autoplay Policy Enum</a> <a href="#ref-for-dom-autoplaypolicy-disallowed①">(2)</a>
     <li><a href="#ref-for-dom-autoplaypolicy-disallowed②">2.2.1. Query by a Constructor</a> <a href="#ref-for-dom-autoplaypolicy-disallowed③">(2)</a> <a href="#ref-for-dom-autoplaypolicy-disallowed④">(3)</a> <a href="#ref-for-dom-autoplaypolicy-disallowed⑤">(4)</a> <a href="#ref-for-dom-autoplaypolicy-disallowed⑥">(5)</a>
-    <li><a href="#ref-for-dom-autoplaypolicy-disallowed⑦">2.2.2. Query by a Element</a>
+    <li><a href="#ref-for-dom-autoplaypolicy-disallowed⑦">2.2.2. Query by an Element</a>
    </ul>
   </aside>
   <aside class="dfn-panel" data-for="callbackdef-htmlmediaelementconstructor">