This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
view helpers enforcing accessible practices
version 3.1.2
license BSD3
native-modules False
elm-version 0.18.0 <= v <= 0.18.0
Tag 3.1.2
Committed At 2017-09-05 16:56:25 UTC
elm-lang/html 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/core 5.1.1 <= v < 6.0.0 5.1.1
elm-community/maybe-extra 4.0.0 <= v < 5.0.0 4.0.0



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 [ ] []


Check out the examples repo for more.