Scripting: List of ARIA Widgets

List of Widgets and States

Widgets List

  1. This list itemizes all elements with defined role attribute.
  2. Selecting an item in the list, by clicking on the item or by using the arrow keys, highlights the corresponding element in the browser, and populates the Accessible Name field and States list.
  3.   Selecting an item with yellow background, by clicking on the item or by using the arrow keys, displays warning statement in the Accessibility Information.
  4. Columns
    • Order - The sequence in which the items appear on the page is displayed.
    • Widget - The id attribute of the ARIA widget is displayed, unless it is empty, in which case this entry is left blank.
    • Role - The role attribute of the ARIA widget is displayed.
    • Tab Index - The tabindex attribute of the ARIA widget is displayed, unless it is empty, in which case this entry is left blank.
    • Has Changed? - The message changes to true, from the default value false, when the state of the item changes, i.e. when the item receives an user input event. See Log of ARIA Widget State Changes for related information.
    • Watch - The message true is displayed when the item is selected to be watched, and false is displayed when the item is removed from the Watches list.

Accessible Name

  1. This field is populated when an item in the Widget List is selected.
  2. The text content of the element linked with the selected widget by the aria-labelledby attribute of the selected widget is displayed.
  3. If the selected widget does not have a correctly defined aria-labelledby attribute, this entry is left blank.

Description

  1. This field is populated when an item in the Widget List is selected.
  2. The text content of the element linked with the selected widget by the aria-describedby attribute of the selected widget is displayed.
  3. If the selected widget does not have a correctly defined aria-describedby attribute, this entry is left blank.

States List

  1. This list itemizes ARIA states of the item selected in the Widget List.
  2. This list is populated when an item in the Widget List is selected.
  3. Columns
    • Order - The sequence in which the items appear on the page is displayed.
    • State - The names of defined states of the selected item are listed. All attributes that begin with aria- are displayed as states, regardless of whether the name is defined or not. Only the part that comes after aria- is displayed as the name of the state.
    • Value - The contents of the states are displayed.

Accessibility Information

Disable AccessExt highlighting

Buttons

Watches

Watches List

  1. This list itemizes all widgets selected to be watched during the session and their states.
  2. This list is populated when one or more widgets are selected to be watched through Watch Selected or Watch All button in the List of Widgets and States area. The item newly selected to be watched is added to the top of the list, on top of the existing displays of items.
  3. Initially, checked, expanded and describedby states are displayed.
  4. If an ARIA widget with states other than checked is added to the Watches List, the states defined in the widget are added to the display automatically.
  5. Columns
    • Order (hidden) - the sequence in which the items appear on the page is displayed.
    • Widget ID - The id attribute of the ARIA widget is displayed, unless it is empty, in which case this entry is left blank.
    • checked - The content of the aria-checked attribute of the widget is displayed.
    • States available to be added include: iconed, disabled, readonly, multiselectable, domactive, zoom, expanded, selected, pressed, important, required, haseffect, valuenow, valuemax, valuemin, step, invalid, describedby, labeledby, hasparent, haschild, haspopup, alternatestyle, tabindex, flowto, flowfrom, controls, controlledby, and subpageof.
      For the states that are selected to be displayed, the content of each state of the widget is displayed, unless it is empty, in which case this entry is left blank.
  6. Buttons
    • Remove Selected - removes the selected item from the Watches List display.
    • Remove All - removes all items on display in the Watches List from the Watches List display.

Buttons