This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
1.0.0

Accessibility.Styled.Role

General

article : Html.Attribute msg

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

comboBox : Html.Attribute msg

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

definition : Html.Attribute msg

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

directory : Html.Attribute msg

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

document : Html.Attribute msg

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

img : Html.Attribute msg

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

link : Html.Attribute msg

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

math : Html.Attribute msg

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

note : Html.Attribute msg

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

Dialogs

alertDialog : Html.Attribute msg

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

dialog : Html.Attribute msg

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

Grids

columnHeader : Html.Attribute msg

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

grid : Html.Attribute msg

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

gridCell : Html.Attribute msg

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

row : Html.Attribute msg

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

rowGroup : Html.Attribute msg

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

rowHeader : Html.Attribute msg

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

Grouping

group : Html.Attribute msg

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

radioGroup : Html.Attribute msg

Define a set of radio-controls.

Heading

heading : Html.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.Attribute msg

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

checkBox : Html.Attribute msg

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

option : Html.Attribute msg

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

radio : Html.Attribute msg

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

textBox : Html.Attribute msg

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

Lists

list : Html.Attribute msg

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

listBox : Html.Attribute msg

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

listItem : Html.Attribute msg

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

Live Regions

alert : Html.Attribute msg

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

log : Html.Attribute msg

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

marquee : Html.Attribute msg

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

timer : Html.Attribute msg

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

status : Html.Attribute msg

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

Menus

menu : Html.Attribute msg

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

menuBar : Html.Attribute msg

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

menuItem : Html.Attribute msg

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

menuItemCheckBox : Html.Attribute msg

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

menuItemRadio : Html.Attribute msg

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

Range-y widgets

progressBar : Html.Attribute msg

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

scrollBar : Html.Attribute msg

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

separator : Html.Attribute msg

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

slider : Html.Attribute msg

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

spinButton : Html.Attribute msg

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

Tabs

tab : Html.Attribute msg

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

tabList : Html.Attribute msg

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

tabPanel : Html.Attribute msg

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

Tools

toolBar : Html.Attribute msg

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

toolTip : Html.Attribute msg

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

Trees

tree : Html.Attribute msg

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

treeGrid : Html.Attribute msg

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

treeItem : Html.Attribute msg

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

Other

presentation : Html.Attribute msg

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