Add role="article"
to the attributes of an element.
Add role="combobox"
to the attributes of an element.
Add role="definition"
to the attributes of an element.
Add role="directory"
to the attributes of an element.
Add role="document"
to the attributes of an element.
Add role="img"
to the attributes of an element.
Add role="link"
to the attributes of an element.
Add role="math"
to the attributes of an element.
Add role="note"
to the attributes of an element.
Add role="alertdialog"
to the attributes of an element.
Add role="dialog"
to the attributes of an element.
Add role="columnheader"
to the attributes of an element.
Add role="grid"
to the attributes of an element.
Add role="gridcell"
to the attributes of an element.
Add role="row"
to the attributes of an element.
Add role="rowgroup"
to the attributes of an element.
Add role="rowheader"
to the attributes of an element.
Define a set of controls. (for a group of radio inputs, see radioGroup).
Define a set of radio-controls.
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 ] []
Add role="button"
to the attributes of an element.
Add role="checkbox"
to the attributes of an element.
Add role="option"
to the attributes of an element.
Add role="radio"
to the attributes of an element.
Add role="textbox"
to the attributes of an element.
Add role="list"
to the attributes of an element.
Add role="listbox"
to the attributes of an element.
Add role="listitem"
to the attributes of an element.
Add role="alert"
to the attributes of an element.
Add role="log"
to the attributes of an element.
Add role="marquee"
to the attributes of an element.
Add role="timer"
to the attributes of an element.
Add role="status"
to the attributes of an element.
Add role="menu"
to the attributes of an element.
Add role="menubar"
to the attributes of an element.
Add role="menuitem"
to the attributes of an element.
Add role="menuitemcheckbox"
to the attributes of an element.
Add role="menuitemradio"
to the attributes of an element.
Add role="progressbar"
to the attributes of an element.
Add role="scrollbar"
to the attributes of an element.
Add role="separator"
to the attributes of an element.
Add role="slider"
to the attributes of an element.
Add role="spinbutton"
to the attributes of an element.
Add role="tab"
to the attributes of an element.
Add role="tablist"
to the attributes of an element.
Add role="tabpanel"
to the attributes of an element.
Add role="toolbar"
to the attributes of an element.
Add role="tooltip"
to the attributes of an element.
Add role="tree"
to the attributes of an element.
Add role="treegrid"
to the attributes of an element.
Add role="treeitem"
to the attributes of an element.
Sets role presentation.
module Accessibility.Styled.Role
exposing
( alert
, alertDialog
, article
, button
, checkBox
, columnHeader
, comboBox
, definition
, dialog
, directory
, document
, grid
, gridCell
, group
, heading
, img
, link
, list
, listBox
, listItem
, log
, marquee
, math
, menu
, menuBar
, menuItem
, menuItemCheckBox
, menuItemRadio
, note
, option
, presentation
, progressBar
, radio
, radioGroup
, row
, rowGroup
, rowHeader
, scrollBar
, separator
, slider
, spinButton
, status
, tab
, tabList
, tabPanel
, textBox
, timer
, toolBar
, toolTip
, tree
, treeGrid
, treeItem
)
{-|
### General
@docs article, comboBox, definition, directory, document, img, link, math, note
### Dialogs
@docs alertDialog, dialog
### Grids
@docs columnHeader, grid, gridCell, row, rowGroup, rowHeader
### Grouping
@docs group, radioGroup
### Heading
@docs heading
### Inputs
@docs button, checkBox, option, radio, textBox
### Lists
@docs list, listBox, listItem
### Live Regions
@docs alert, log, marquee, timer, status
### Menus
@docs menu, menuBar, menuItem, menuItemCheckBox, menuItemRadio
### Range-y widgets
@docs progressBar, scrollBar, separator, slider, spinButton
### Tabs
@docs tab, tabList, tabPanel
### Tools
@docs toolBar, toolTip
### Trees
@docs tree, treeGrid, treeItem
## Other
@docs presentation
-}
import Accessibility.Styled.Utils exposing (Role(..), role)
import Html.Styled as Html
import Html.Styled.Attributes
{-| Set the role of a given element to be a given string.
div [ custom "tablist" ] [ tab1, tab2 ]
-}
custom : String -> Html.Attribute msg
custom =
Html.Styled.Attributes.attribute "role"
{-| Add `role="alert"` to the attributes of an element.
-}
alert : Html.Attribute msg
alert =
role Alert
{-| Add `role="alertdialog"` to the attributes of an element.
-}
alertDialog : Html.Attribute msg
alertDialog =
role Alertdialog
{-| Add `role="article"` to the attributes of an element.
-}
article : Html.Attribute msg
article =
role Article
{-| Add `role="button"` to the attributes of an element.
-}
button : Html.Attribute msg
button =
role Button
{-| Add `role="checkbox"` to the attributes of an element.
-}
checkBox : Html.Attribute msg
checkBox =
role Checkbox
{-| Add `role="columnheader"` to the attributes of an element.
-}
columnHeader : Html.Attribute msg
columnHeader =
role Columnheader
{-| Add `role="combobox"` to the attributes of an element.
-}
comboBox : Html.Attribute msg
comboBox =
role Combobox
{-| Add `role="definition"` to the attributes of an element.
-}
definition : Html.Attribute msg
definition =
role Definition
{-| Add `role="dialog"` to the attributes of an element.
-}
dialog : Html.Attribute msg
dialog =
role Dialog
{-| Add `role="directory"` to the attributes of an element.
-}
directory : Html.Attribute msg
directory =
role Directory
{-| Add `role="document"` to the attributes of an element.
-}
document : Html.Attribute msg
document =
role Document
{-| Add `role="grid"` to the attributes of an element.
-}
grid : Html.Attribute msg
grid =
role Grid
{-| Add `role="gridcell"` to the attributes of an element.
-}
gridCell : Html.Attribute msg
gridCell =
role Gridcell
{-| Define a set of controls. (for a group of radio inputs, see radioGroup).
-}
group : Html.Attribute msg
group =
role Group
{-| 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 ] []
-}
heading : Html.Attribute msg
heading =
role Heading
{-| Add `role="img"` to the attributes of an element.
-}
img : Html.Attribute msg
img =
role Img
{-| Add `role="link"` to the attributes of an element.
-}
link : Html.Attribute msg
link =
role Link
{-| Add `role="list"` to the attributes of an element.
-}
list : Html.Attribute msg
list =
role List
{-| Add `role="listbox"` to the attributes of an element.
-}
listBox : Html.Attribute msg
listBox =
role Listbox
{-| Add `role="listitem"` to the attributes of an element.
-}
listItem : Html.Attribute msg
listItem =
role Listitem
{-| Add `role="log"` to the attributes of an element.
-}
log : Html.Attribute msg
log =
role Log
{-| Add `role="marquee"` to the attributes of an element.
-}
marquee : Html.Attribute msg
marquee =
role Marquee
{-| Add `role="math"` to the attributes of an element.
-}
math : Html.Attribute msg
math =
role Math
{-| Add `role="menu"` to the attributes of an element.
-}
menu : Html.Attribute msg
menu =
role Menu
{-| Add `role="menubar"` to the attributes of an element.
-}
menuBar : Html.Attribute msg
menuBar =
role Menubar
{-| Add `role="menuitem"` to the attributes of an element.
-}
menuItem : Html.Attribute msg
menuItem =
role Menuitem
{-| Add `role="menuitemcheckbox"` to the attributes of an element.
-}
menuItemCheckBox : Html.Attribute msg
menuItemCheckBox =
role Menuitemcheckbox
{-| Add `role="menuitemradio"` to the attributes of an element.
-}
menuItemRadio : Html.Attribute msg
menuItemRadio =
role Menuitemradio
{-| Add `role="note"` to the attributes of an element.
-}
note : Html.Attribute msg
note =
role Note
{-| Add `role="option"` to the attributes of an element.
-}
option : Html.Attribute msg
option =
role Option
{-| Sets role presentation.
-}
presentation : Html.Attribute msg
presentation =
role Presentation
{-| Add `role="progressbar"` to the attributes of an element.
-}
progressBar : Html.Attribute msg
progressBar =
role Progressbar
{-| Add `role="radio"` to the attributes of an element.
-}
radio : Html.Attribute msg
radio =
role Radio
{-| Define a set of radio-controls.
-}
radioGroup : Html.Attribute msg
radioGroup =
role Radiogroup
{-| Add `role="row"` to the attributes of an element.
-}
row : Html.Attribute msg
row =
role Row
{-| Add `role="rowgroup"` to the attributes of an element.
-}
rowGroup : Html.Attribute msg
rowGroup =
role Rowgroup
{-| Add `role="rowheader"` to the attributes of an element.
-}
rowHeader : Html.Attribute msg
rowHeader =
role Rowheader
{-| Add `role="scrollbar"` to the attributes of an element.
-}
scrollBar : Html.Attribute msg
scrollBar =
role Scrollbar
{-| Add `role="separator"` to the attributes of an element.
-}
separator : Html.Attribute msg
separator =
role Separator
{-| Add `role="slider"` to the attributes of an element.
-}
slider : Html.Attribute msg
slider =
role Slider
{-| Add `role="spinbutton"` to the attributes of an element.
-}
spinButton : Html.Attribute msg
spinButton =
role Spinbutton
{-| Add `role="status"` to the attributes of an element.
-}
status : Html.Attribute msg
status =
role Status
{-| Add `role="tab"` to the attributes of an element.
-}
tab : Html.Attribute msg
tab =
role Tab
{-| Add `role="tablist"` to the attributes of an element.
-}
tabList : Html.Attribute msg
tabList =
role Tablist
{-| Add `role="tabpanel"` to the attributes of an element.
-}
tabPanel : Html.Attribute msg
tabPanel =
role Tabpanel
{-| Add `role="textbox"` to the attributes of an element.
-}
textBox : Html.Attribute msg
textBox =
role Textbox
{-| Add `role="timer"` to the attributes of an element.
-}
timer : Html.Attribute msg
timer =
role Timer
{-| Add `role="toolbar"` to the attributes of an element.
-}
toolBar : Html.Attribute msg
toolBar =
role Toolbar
{-| Add `role="tooltip"` to the attributes of an element.
-}
toolTip : Html.Attribute msg
toolTip =
role Tooltip
{-| Add `role="tree"` to the attributes of an element.
-}
tree : Html.Attribute msg
tree =
role Tree
{-| Add `role="treegrid"` to the attributes of an element.
-}
treeGrid : Html.Attribute msg
treeGrid =
role Treegrid
{-| Add `role="treeitem"` to the attributes of an element.
-}
treeItem : Html.Attribute msg
treeItem =
role Treeitem