List items with @aria-label

Native list items (<li>)

The first item has an @aria-label attribute. The latter two do not.

  1. ;-)
  2. :-(
  3. See IBM's home page for more information.

ARIA list items (role="listitem")

The first item has an @aria-label attribute. The latter two do not.

;-) :-( See IBM's home page for more information.

Resulting Accessibles

Adding an @aria-label declares that the name property is different from the content of the list item, here, "winking smile" vs. the smiley text ";-)". Without an @aria-label, there is no declared name, and only content.