Settings > eholdings > Access status types, custom labels, KB configuration pages WCAG violation - Form elements without labels

WCAG Violation

Title: WCAG 1.3.1,WCAG 3.3.2: Ensures every form element has a label (input[name="apiKey"])
Tags: Accessibility, WCAG 1.3.1, WCAG 3.3.2, label

Issue: Ensures every form element has a label (label - https://dequeuniversity.com/rules/axe/3.5/label?application=msftAI)

Target application: eHoldings settings - Knowledge base - FOLIO - https://folio-snapshot.aws.indexdata.com/settings/eholdings/knowledge-base

Element path: input[name="apiKey"]

Snippet: <input name="apiKey" type="password" error="" warning="" autocomplete="off" aria-invalid="false" value="****************************************">

How to fix:
Fix any of the following:
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Form element does not have an implicit (wrapped) <label>
Form element does not have an explicit <label>
Element has no title attribute or the title attribute is empty

Environment: Chrome version 81.0.4044.138

====

This accessibility issue was found using Accessibility Insights for Web 2.18.2 (axe-core 3.5.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Screenshots