Elm Html A11y Save

view helpers enforcing accessible practices

Project README


This package is deprecated!

Please use Accessible Html instead, unless you're using rtfeldman's elm-css package.

If you're using elm-css, please use Accessible Html with CSS.


elm-html-a11y makes writing accessible websites easier.


This section of the library focuses on bridging the gap between the HTML spec and the WAI-ARIA (Web Accessibility Initiative -- Accessible Rich Internet Applications) spec. A developer needs to know a lot about each spec and ask multiple questions before even adding simple elements to the wep page. These view functions push the user to follow both specifications with less mental work involved.

import Html exposing (div, Html)
import Html.A11y exposing (..)
import Html.Attributes exposing (src)

view : Html msg
view =
    div []
        [ img "Bear rubbing back on tree" [ src "bear.png" ]
        , decorativeImg [ src "smiling_family.jpg" ]


Attributes defines aria/role helpers.

It's not recommended to expose every function in this section--some, (hidden, selected, etc.) may shadow other functions inconveniently.

import Html exposing (Html, input)
import Html.Attributes exposing (src)
import Html.Attributes.A11y as A11yAttributes

view : Html msg
view =
    input [ A11yAttributes.search ] []


Check out the examples repo for more.

Open Source Agenda is not affiliated with "Elm Html A11y" Project. README Source: tesk9/elm-html-a11y
Open Issues
Last Commit
4 years ago

Open Source Agenda Badge

Open Source Agenda Rating