Adding missing labels.

Author: wparad

.vscode/settings.json

@@ -7,6 +7,7 @@
         "esmodules",
         "exportparts",
         "kyleshockey",
+        "labelledby",
         "prismjs",
         "randombytes",
         "rapidoc",

src/components/api-request.js

@@ -175,7 +175,7 @@ export default class ApiRequest extends LitElement {
                   <tag-input class="request-param" 
                     autocomplete="on"
                     id = "request-param-${paramName}"
-                    aria-labelledby = "request-${paramName}"
+                    aria-labelledby = "request-${paramName}-label"
                     style = "width:100%;" 
                     data-ptype = "${paramLocation}"
                     data-pname = "${paramName}"
@@ -191,7 +191,7 @@ export default class ApiRequest extends LitElement {
                   <textarea
                     autocomplete="on"
                     id = "request-param-${paramName}"
-                    aria-labelledby = "request-${paramName}"
+                    aria-labelledby = "request-${paramName}-label"
                     @input="${() => { this.computeCurlSyntax(); }}"
                     class = "textarea small request-param"
                     part = "textarea small textarea-param"
@@ -221,7 +221,7 @@ export default class ApiRequest extends LitElement {
                   <input type="${generatedParamSchema.format === 'password' ? 'password' : 'text'}" spellcheck="false" style="width:100%; margin-top: 1rem; margin-bottom: 1rem;"
                     autocomplete="on"
                     id="request-param-${paramName}"
-                    aria-labelledby = "request-${paramName}"
+                    aria-labelledby = "request-${paramName}-label"
                     @input="${() => { this.computeCurlSyntax(); }}"
                     placeholder="${generatedParamSchema.example || defaultVal || ''}"
                     class="request-param"