# ARIA properties

DevFeed: [ARIA properties](<https://devfeed.tech/articles/aria-properties-9373.md>)

Original publisher: [Read original article](<https://a11yproject.com/posts/aria-properties/>)

Published: 2018-07-30T00:00:00Z

Content type: article

Language: en

Sources: [The A11Y Project](<https://devfeed.tech/sources/the-a11y-project.md>)

Topics: [aria](<https://devfeed.tech/topics/aria.md>)

Tags: [aria](<https://devfeed.tech/tags/aria.md>)

## AI overview

This article explains ARIA properties, which are generally static attributes applied to elements to provide accessibility information. It introduces their HTML syntax, gives an example using aria-haspopup, and describes four W3C categories: widget, live region, drag-and-drop, and relationship attributes.

## Source excerpt

ARIA 1.1 defines multiple "properties" that can be applied to elements. Unlike ARIA states, most properties are likely to stay static when a page is loaded instead of changing with user interaction. Properties are inserted into elements as follows: <element aria-property="value"></element> . Example: <button aria-haspopup="true"> Options. </button> A screenreader will announce this button with 'Options, button menu' or something similar. There are 38 properties that can be used in ARIA. They fall into 4 categories as defined by the W3C. The categories are: Widget Attributes Properties that give information about user input elements. Live Region Attributes Properties that are specific to regions that will update while the page is being viewed. Drag-and-Drop Attributes Properties of drag-and-drop input elements. Relationship Attributes Properties that give information about elements' relationships to other elements. Note: ARIA is constantly being updated by the W3C. Read the latest working draft. The properties are given below, along with their category, brief description, and allowed value lists or type of input allowed. List of ARIA properties Property (links to WAI-ARIA 1.1 specs) Category Description Allowed Values (default values bolded) aria-activedescendant Relationship attributes Currently active descendant of a composite widget String - ID of descendant aria-atomic Live region attributes Indicates whether assistive technologies will present the entire element (or only parts of it) when the element is changed false, true aria-autocomplete Widget attributes Defines if and how autocomplete suggestions are shown none, both, inline, list aria-colcount Relationship attributes Defines the total number of columns in a table, grid, or treegrid integer aria-colindex Relationship attributes Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid integer aria-colspan Relationship attributes Defines the n