Accessibility roles from the WAI-ARIA specification that are supported in Safari are described here.
WebKit now has elementary support for the WAI-ARIA specification. Developers can assign a value to the role
attribute of a div
or span
element, indicating the purpose of a custom interface element on a webpage. This enables accessibility utilities to interact with these elements as they would with standard inputs and menus. The following example shows an image that is recognized by accessibility utilities as a button:
<div role="button" tabindex="0" onkeydown="return buttonEvent(event);" onclick="return buttonEvent(event);"> |
<img src='myimage.jpg'> |
</div> |
More information on the WAI-ARIA specification can be found at http://www.w3.org/TR/wai-aria/.
A standard button.
Available in Safari 4.0 and later.
A standard checkbox.
Available in Safari 4.0 and later.
A group of elements that should not be included individually in a page summary or table of contents.
Available in Safari 4.0 and later.
The heading for a section of a page.
Available in Safari 4.0 and later.
A collection of elements that compose an image.
Available in Safari 4.0 and later.
A hyperlink.
Available in Safari 4.0 and later.
A dropdown list of options.
Available in Safari 4.0 and later.
A list item.
Available in Safari 4.0 and later.
A standard menu.
Available in Safari 4.0 and later.
A container of menus.
Available in Safari 4.0 and later.
An option in a menu.
Available in Safari 4.0 and later.
A checkable menu item.
Available in Safari 4.0 and later.
A radio button menu item in a group of mutually exclusive choices.
Available in Safari 4.0 and later.
An item in a dropdown list.
Available in Safari 4.0 and later.
A visual indicator of the progress of a task.
Available in Safari 4.0 and later.
A radio button in a group of mutually exclusive choices.
Available in Safari 4.0 and later.
A text input field.
Available in Safari 4.0 and later.
Last updated: 2010-08-03