JavaScript Element ariaAutoComplete Property

Beginner
5 min read
Updated: Nov 2026
3 examples
Property

Definition

Element.ariaAutoComplete reflects the aria-autocomplete attribute (MDN). It tells assistive technologies whether typing in a combobox, searchbox, or textbox may show predictions — and how those predictions are presented: "inline", "list", "both", or "none".

Read the notes below before you get or set this property. Prefer feature detection when support is limited.

Syntax

Use el.ariaAutoComplete. Start with this line.

JavaScript
element.ariaAutoComplete
CallWhat it does
element.ariaAutoCompletePrimary signature.

Built into the browser. Read or assign el.ariaAutoComplete — no import required.

Library declarations
JavaScript
element.ariaAutoComplete

Parameters

This member has no parameters beyond those shown in the signature.

Return Value

Return ValueDescription
*The current value of el.ariaAutoComplete.

JavaScript Examples

Example 1 — Read ariaAutoComplete (MDN)

Read the reflected string from a combobox input.

JavaScript
const el = document.getElementById("animal");
console.log(el.ariaAutoComplete);
// → "inline"
Try It Yourself

How It Works

  1. HTML sets aria-autocomplete="inline".
  2. Property reflects it as the string "inline".
  3. Log or branch on that value in your script.
  4. Remember: ARIA autocomplete ≠ HTML autofill.

Example 2 — Set to "list" (MDN)

Update for a combobox that shows a listbox popup.

JavaScript
const el = document.getElementById("animal");
console.log(el.ariaAutoComplete); // "inline"

el.ariaAutoComplete = "list";
console.log(el.ariaAutoComplete); // "list"
Try It Yourself

How It Works

  1. Assign "list". Matches a popup collection of values (MDN).
  2. Attribute updates to aria-autocomplete="list".
  3. AT expects a listbox (or similar) for suggestions.
  4. Keep popup attrs in sync (aria-expanded, controls).

Example 3 — Cycle Allowed Values

Step through inline → list → both → none.

JavaScript
const el = document.getElementById("animal");
const modes = ["inline", "list", "both", "none"];
let i = modes.indexOf(el.ariaAutoComplete);
if (i < 0) i = 0;

i = (i + 1) % modes.length;
el.ariaAutoComplete = modes[i];
console.log(el.ariaAutoComplete);
Try It Yourself

How It Works

  1. List the four MDN values.
  2. Find the current index (or start at 0).
  3. Advance and assign the next string.
  4. In real apps, pick one stable mode for the widget design.

Browser Support

Element.ariaAutoComplete is Baseline Widely available on MDN (across browsers since October 2023). Safe to use for reflecting aria-autocomplete on combobox/search/textbox widgets.

✓ Baseline Widely available

Element.ariaAutoComplete

Reflect aria-autocomplete for prediction UI — widely supported.

Wide Baseline
Google Chrome Supported · Desktop & Mobile
Full support
Mozilla Firefox Supported · Desktop & Mobile
Full support
Apple Safari Supported · macOS & iOS
Full support
Microsoft Edge Supported · Chromium
Full support
Internet Explorer No native support · Use a polyfill
Polyfill
Opera Supported · Modern versions
Full support
Samsung Internet Supported · Android
Full support
Android WebView Supported · Modern WebView
Full support
ariaAutoComplete Widely available

Bottom line: Use "inline" | "list" | "both" | "none". Prefer "list" for combobox + listbox popups. Not the same as HTML autocomplete autofill.

Frequently Asked Questions

It reflects the aria-autocomplete attribute as a string, describing whether typing may show predictions for a combobox, searchbox, or textbox, and how those predictions are presented (MDN).
No. MDN marks Element.ariaAutoComplete as Baseline Widely available (across browsers since October 2023). It is not Deprecated, Experimental, or Non-standard.
One of the strings "inline", "list", "both", or "none" (MDN).
MDN’s example updates from "inline" to "list", noting that "list" is the expected value for a combobox that invokes a listbox popup.
HTML autocomplete (and autofill) is about browser/password-manager form filling. aria-autocomplete / ariaAutoComplete describes ARIA prediction UI for widgets like comboboxes.
Yes. Reading and writing ariaAutoComplete updates the reflected aria-autocomplete attribute (MDN).

Next: ariaBrailleLabel

Learn the Element property for braille-specific accessible names.

ariaBrailleLabel tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

16 people found this page helpful