Skip to content

Implement new input types #34

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jamesrweb wants to merge 16 commits into
base: master
Choose a base branch
from
Open

Implement new input types #34

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
cfe2719
Expose unexposed custom role constructor
jamesrweb Sep 10, 2022
8375198
Resolve duplicate test name warning for tests
jamesrweb Sep 10, 2022
3cdf7f7
Add inputColor and fix inputNumber implementation
jamesrweb Sep 10, 2022
ee745e6
Formatting
jamesrweb Sep 10, 2022
5ba6520
Remove unused exposed roleToString function
jamesrweb Sep 10, 2022
7378f35
Stop aliasing Html to itself
jamesrweb Sep 10, 2022
341ca55
Implement input type date and datetime-local inputs
jamesrweb Sep 10, 2022
c26cd5c
Implement input type email
jamesrweb Sep 10, 2022
87bfb2d
Add file, hidden and image inputs
jamesrweb Sep 13, 2022
1a44044
Apply changes based on feedback
jamesrweb Sep 15, 2022
1ea1cb7
Add remaining input variants
jamesrweb Oct 27, 2022
4554bde
Merge branch 'master' into implement-new-input-types
jamesrweb Feb 23, 2023
f25b01f
Re-export the Attribute type
jamesrweb Jun 18, 2024
ed5d293
Fix formatting and re-export the Html helper also
jamesrweb Jun 18, 2024
aa5fe77
Merge branch 'master' into implement-new-input-types
jamesrweb Jun 18, 2024
6dd3eba
Resolve conflicting elm.json
jamesrweb Jun 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
elm-stuff
.idea/
elm-stuff/
node_modules/
.DS_Store
node_modules
4 changes: 0 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,25 +10,21 @@ Use the `Accessibility` module to encourage accessible practices:

import Accessibility as Html exposing (..)


There are also attribute helpers that enable you to do some pretty advanced cool stuff! Many of these helpers are not necessary when writing semantically correct HTML5 code, but you will still need some of them when rolling your own dynamic widgets. The import expressions below point out some of the helpers that you are more likely to need:


import Accessibility.Aria exposing (controls, labelledBy, describedBy)
import Accessibility.Key exposing (onKeyDown, left, right, enter, escape)
import Accessibility.Landmark exposing (search)
import Accessibility.Live exposing (atomic, busy, liveAssertive, livePolite)
import Accessibility.Role exposing (presentation)
import Accessibility.Style exposing (invisible)


## Resources

A great place to start is reading about the [principles of accessibility](https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html). By starting out with the design goals of Perceivable, Operable, Understandable, and Robust, you'll be able to find the information you need when reading the WAI-ARIA spec.

If you know you want to make a specific kind of widget, the Web Accessibility Initiative has specific [authoring best practices](https://www.w3.org/TR/wai-aria-practices-1.1/#aria_ex) and recommendations for you, along with really great examples.


## Modules

### Accessibility
Expand Down
47 changes: 24 additions & 23 deletions elm.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,26 @@
{
"type": "package",
"name": "tesk9/accessible-html",
"summary": "view helpers enforcing accessible practices",
"license": "BSD-3-Clause",
"version": "6.2.0",
"exposed-modules": [
"Accessibility",
"Accessibility.Aria",
"Accessibility.Landmark",
"Accessibility.Live",
"Accessibility.Key",
"Accessibility.Role",
"Accessibility.Style"
],
"elm-version": "0.19.0 <= v < 0.20.0",
"dependencies": {
"elm/core": "1.0.0 <= v < 2.0.0",
"elm/html": "1.0.0 <= v < 2.0.0",
"elm/json": "1.0.0 <= v < 2.0.0"
},
"test-dependencies": {
"elm-explorations/test": "2.0.0 <= v < 3.0.0"
}
"type": "package",
"name": "tesk9/accessible-html",
"summary": "view helpers enforcing accessible practices",
"license": "BSD-3-Clause",
"version": "6.2.0",
"exposed-modules": [
"Accessibility",
"Accessibility.Aria",
"Accessibility.Landmark",
"Accessibility.Live",
"Accessibility.Key",
"Accessibility.Role",
"Accessibility.Style"
],
"elm-version": "0.19.0 <= v < 0.20.0",
"dependencies": {
"elm/core": "1.0.0 <= v < 2.0.0",
"elm/html": "1.0.0 <= v < 2.0.0",
"elm/json": "1.0.0 <= v < 2.0.0",
"elm/time": "1.0.0 <= v < 2.0.0"
},
"test-dependencies": {
"elm-explorations/test": "2.0.0 <= v < 3.0.0"
}
}
Loading