ARIA input field has no accessible name

What’s wrong

An element with an input-type ARIA role, such as textbox, combobox, or searchbox, has no accessible name from a label, aria-label, or aria-labelledby.

Why it matters

Someone using a screen reader tabs into the field and hears only “edit text” or “combo box,” with no idea what to type or select.

How to fix it

Associate a visible label, or add aria-label if the field can’t have one visually.

<div role="searchbox" contenteditable="true"></div>

<div role="searchbox" contenteditable="true" aria-label="Search the site"></div>

Prefer a native <input> over a role="textbox" div wherever the design allows it, native form controls handle naming and keyboard behavior automatically.

Learn more

• WCAG Understanding 4.1.2
• MDN: Accessible name