tesk9 / accessible-html-with-css / Accessibility.Styled.Role

General

article : Html.Styled.Attribute msg

Add role="article" to the attributes of an element.

comboBox : Html.Styled.Attribute msg

Add role="combobox" to the attributes of an element.

definition : Html.Styled.Attribute msg

Add role="definition" to the attributes of an element.

directory : Html.Styled.Attribute msg

In ARIA 1.1, role="directory" described a list of references like a static table of contents.

ARIA 1.2 (which is still a Candidate Draft and not the official version) deprecates this role, and recommends using a semantic list instead.

document : Html.Styled.Attribute msg

Add role="document" to the attributes of an element.

img : Html.Styled.Attribute msg

Add role="img" to the attributes of an element.

link : Html.Styled.Attribute msg

Add role="link" to the attributes of an element.

math : Html.Styled.Attribute msg

Add role="math" to the attributes of an element.

note : Html.Styled.Attribute msg

Add role="note" to the attributes of an element.

code : Html.Styled.Attribute msg

Add role="code" to the attributes of an element.

Prefer using the semantic HTML element code instead of this role when possible.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

time : Html.Styled.Attribute msg

Add role="time" to the attributes of an element.

Prefer using the semantic HTML element time instead of this role when possible.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

Annotation

mark : Html.Styled.Attribute msg

Add role="mark" to the attributes of an element.

Please note that mark is part of the Editor's Draft for ARIA 1.3 -- it's not an official part of a published spec yet.

Also, please be aware of the mark HTML element. Prefer using the HTML element whenever possible.

suggestion : Html.Styled.Attribute msg

Add role="suggestion" to the attributes of an element.

Please note that suggestion is part of the Editor's Draft for ARIA 1.3 -- it's not an official part of a published spec yet.

comment : Html.Styled.Attribute msg

Add role="comment" to the attributes of an element.

Please note that comment is part of the Editor's Draft for ARIA 1.3 -- it's not an official part of a published spec yet.

insertion : Html.Styled.Attribute msg

Add role="insertion" to the attributes of an element.

Use this role on content that is being suggested for addition or for marking differences between versions of content.

Prefer using the semantic HTML element ins instead of this role when possible.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

deletion : Html.Styled.Attribute msg

Add role="deletion" to the attributes of an element.

Use this role on content that is being suggested for addition or for marking differences between versions of content.

Prefer using the semantic HTML element del instead of this role when possible.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

emphasis : Html.Styled.Attribute msg

Add role="emphasis" to the attributes of an element.

Prefer using the semantic HTML element em instead of this role when possible.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

strong : Html.Styled.Attribute msg

Add role="strong" to the attributes of an element.

Prefer using the semantic HTML element strong instead of this role when possible.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

subscript : Html.Styled.Attribute msg

Add role="subscript" to the attributes of an element.

Prefer using the semantic HTML element sub instead of this role when possible.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

superscript : Html.Styled.Attribute msg

Add role="superscript" to the attributes of an element.

Prefer using the semantic HTML element sub instead of this role when possible.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

Dialogs

alertDialog : Html.Styled.Attribute msg

Add role="alertdialog" to the attributes of an element.

dialog : Html.Styled.Attribute msg

Add role="dialog" to the attributes of an element.

Grids

columnHeader : Html.Styled.Attribute msg

Add role="columnheader" to the attributes of an element.

grid : Html.Styled.Attribute msg

Add role="grid" to the attributes of an element.

gridCell : Html.Styled.Attribute msg

Add role="gridcell" to the attributes of an element.

row : Html.Styled.Attribute msg

Add role="row" to the attributes of an element.

rowGroup : Html.Styled.Attribute msg

Add role="rowgroup" to the attributes of an element.

rowHeader : Html.Styled.Attribute msg

Add role="rowheader" to the attributes of an element.

Grouping

group : Html.Styled.Attribute msg

Define a set of controls. (for a group of radio inputs, see radioGroup).

radioGroup : Html.Styled.Attribute msg

Define a set of radio-controls.

Heading

heading : Html.Styled.Attribute msg

Prefer using h1, h2, h3, h4, h5, and h6. Really this attribute should only be necessary if you need an h7-type heading.

div [ heading, level 7 ] []

Inputs

button : Html.Styled.Attribute msg

Add role="button" to the attributes of an element.

checkBox : Html.Styled.Attribute msg

Add role="checkbox" to the attributes of an element.

option : Html.Styled.Attribute msg

Add role="option" to the attributes of an element.

radio : Html.Styled.Attribute msg

Add role="radio" to the attributes of an element.

switch : Html.Styled.Attribute msg

Add role="switch" to the attributes of an element.

textBox : Html.Styled.Attribute msg

Add role="textbox" to the attributes of an element.

Lists

list : Html.Styled.Attribute msg

Add role="list" to the attributes of an element.

listBox : Html.Styled.Attribute msg

Add role="listbox" to the attributes of an element.

listItem : Html.Styled.Attribute msg

Add role="listitem" to the attributes of an element.

Live Regions

alert : Html.Styled.Attribute msg

Add role="alert" to the attributes of an element.

log : Html.Styled.Attribute msg

Add role="log" to the attributes of an element.

marquee : Html.Styled.Attribute msg

Add role="marquee" to the attributes of an element.

timer : Html.Styled.Attribute msg

Add role="timer" to the attributes of an element.

status : Html.Styled.Attribute msg

Add role="status" to the attributes of an element.

Menus

menu : Html.Styled.Attribute msg

Add role="menu" to the attributes of an element.

menuBar : Html.Styled.Attribute msg

Add role="menubar" to the attributes of an element.

menuItem : Html.Styled.Attribute msg

Add role="menuitem" to the attributes of an element.

menuItemCheckBox : Html.Styled.Attribute msg

Add role="menuitemcheckbox" to the attributes of an element.

menuItemRadio : Html.Styled.Attribute msg

Add role="menuitemradio" to the attributes of an element.

Range-y widgets

meter : Html.Styled.Attribute msg

Add role="meter" to the attributes of an element.

Please note that this ARIA property is part of the Candidate Recommendation Draft for ARIA 1.2 -- it's not an official part of a published spec yet.

progressBar : Html.Styled.Attribute msg

Add role="progressbar" to the attributes of an element.

scrollBar : Html.Styled.Attribute msg

Add role="scrollbar" to the attributes of an element.

separator : Html.Styled.Attribute msg

Add role="separator" to the attributes of an element.

slider : Html.Styled.Attribute msg

Add role="slider" to the attributes of an element.

spinButton : Html.Styled.Attribute msg

Add role="spinbutton" to the attributes of an element.

Tabs

tab : Html.Styled.Attribute msg

Add role="tab" to the attributes of an element.

tabList : Html.Styled.Attribute msg

Add role="tablist" to the attributes of an element.

tabPanel : Html.Styled.Attribute msg

Add role="tabpanel" to the attributes of an element.

Tools

toolBar : Html.Styled.Attribute msg

Add role="toolbar" to the attributes of an element.

toolTip : Html.Styled.Attribute msg

Add role="tooltip" to the attributes of an element.

Trees

tree : Html.Styled.Attribute msg

Add role="tree" to the attributes of an element.

treeGrid : Html.Styled.Attribute msg

Add role="treegrid" to the attributes of an element.

treeItem : Html.Styled.Attribute msg

Add role="treeitem" to the attributes of an element.

Other

presentation : Html.Styled.Attribute msg

Sets role presentation.

application : Html.Styled.Attribute msg

Creates a role="application" attribute.

Be very careful with this attribute! Be sure you fully understand what you're doing before you use it.