Aria-current attribute

From Level Access Web Labs
Jump to: navigation, search

In the below list Aria-current is set to page on the second link.

In the below list Aria-current is set to true on Banana
  • Apple
  • Banana
  • Orange
In the following list aria-current is set to step on eat
  1. open food
  2. cook food
  3. eat
aria-current is set to location on contact Main | Contact | Training

In the following list of dates aria-current is set to date on May 30

  • 01/01/2017
  • 05/30/2017
  • 12/31/2017

In the calendar below the 17th is the current date.

December 2017
Sun Mon Tue Wed Thu Fri Sat
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

aria-current is set to "time" on 12:34

  • 12:33
  • 12:34
  • 12:35
Aria-current set to false
  • the world is flat
ARIA-current set to ssb
  • test

Notes

False is the default if ARIA current is not set. This is not announced by AT and is the expected result. If ARIA-current is set to anything but one of the values listed in the ARIA 1.1 specification then then it is treated as being set to true. (see the SSB example above) ARIA-current cannot replace ARIA-selected In this example a red color is used to show visually where ARIA-current is Applied. This includes the ARIA-false example.

Assistive Technology Results

  • JAWS 18 and JAWS 2018 announces the ARIA-current State as expected. For example 12:34 current time. This is in Internet Explorer, FireFox, and chrome.

The ARIA-current state is not shown in Braille and in the links list a link with ARIA-current is displayed as unavailable.

  • NVDA 2017.2 and 2018.1 announces the ARIA-current State as expected. For example 12:34 current time. This is in Internet Explorer, FireFox, and chrome.
  • In iOS 10.3.2 and 10.3.3 the Aria-current state is announced on links but not list items.
  • Update from Bryan G on 02/12/2018:
    • aria-current is presently supported when using JAWS 18 or 2018 in IE11, Firefox, and Chrome, and when using VoiceOver in Safari within iOS such as the iPhone or iPad.