added a label to the combobox listbox example (#1728)

jongund · github-actions[bot] · jongund · commit 21cb2c83d0f9 · 2022-04-29T06:58:04.000Z
SHA: 43b6a45 Reason: push, by @pkra Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
diff --git a/index.html b/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US"><head>
 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-<meta name="generator" content="ReSpec 32.1.3">
+<meta name="generator" content="ReSpec 32.1.4">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <style>
 span.example-title{text-transform:none}
@@ -308,15 +308,15 @@
       "aliasOf": "WAI-ARIA-1.1"
     }
   },
-  "publishISODate": "2022-04-22T00:00:00.000Z",
-  "generatedSubtitle": "W3C Editor's Draft 22 April 2022"
+  "publishISODate": "2022-04-29T00:00:00.000Z",
+  "generatedSubtitle": "W3C Editor's Draft 29 April 2022"
 }</script>
 <link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED"></head>
 <body class="h-entry" data-cite="WEBIDL core-aam-1.2 accname wai-aria"><div class="head">
     <p class="logos"><a class="logo" href="https://www.w3.org/"><img crossorigin="" alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72">
   </a></p>
     <h1 id="title" class="title">Accessible Rich Internet Applications (WAI-ARIA) 1.3</h1> 
-    <p id="w3c-state"><a href="https://www.w3.org/standards/types#ED">W3C Editor's Draft</a> <time class="dt-published" datetime="2022-04-22">22 April 2022</time></p>
+    <p id="w3c-state"><a href="https://www.w3.org/standards/types#ED">W3C Editor's Draft</a> <time class="dt-published" datetime="2022-04-29">29 April 2022</time></p>
     <details open="">
       <summary>More details about this document</summary>
       <dl>
@@ -2785,12 +2785,12 @@ <h4 class="role-name" title="combobox" aria-describedby="desc-combobox"><code>co
 				<div class="example" id="example-6">
         <div class="marker">
     <a class="self-link" href="#example-6">Example<bdi> 6</bdi></a>
-  </div> <pre class="highlight" aria-busy="false"><code class="hljs xml">    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"tag_combo"</span>&gt;</span>Tag<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
+  </div> <pre class="highlight" aria-busy="false"><code class="hljs xml">    <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"tag_label"</span> <span class="hljs-attr">for</span>=<span class="hljs-string">"tag_combo"</span>&gt;</span>Tag<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"tag_combo"</span>
       <span class="hljs-attr">role</span>=<span class="hljs-string">"combobox"</span> <span class="hljs-attr">aria-autocomplete</span>=<span class="hljs-string">"list"</span>
       <span class="hljs-attr">aria-haspopup</span>=<span class="hljs-string">"listbox"</span> <span class="hljs-attr">aria-expanded</span>=<span class="hljs-string">"true"</span>
       <span class="hljs-attr">aria-controls</span>=<span class="hljs-string">"popup_listbox"</span> <span class="hljs-attr">aria-activedescendant</span>=<span class="hljs-string">"selected_option"</span>&gt;</span>
-<span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"listbox"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"popup_listbox"</span>&gt;</span>
+<span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"listbox"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"popup_listbox"</span> <span class="hljs-attr">aria-labelledby</span>=<span class="hljs-string">"tag_label"</span>&gt;</span>
    <span class="hljs-tag">&lt;<span class="hljs-name">li</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"option"</span>&gt;</span>Zebra<span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
    <span class="hljs-tag">&lt;<span class="hljs-name">li</span> <span class="hljs-attr">role</span>=<span class="hljs-string">"option"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"selected_option"</span>&gt;</span>Zoom<span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
 <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span></code></pre>
