Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
scottaohara committed Jul 28, 2018
1 parent 692f386 commit 3b9befc
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
A repository of stylized, accessible, form control patterns.

## Why?
Form controls are necessary in many interfaces, but are often considered annoying, if not donwnright difficult, to style. The markup patterns presented here can help ensure these form controls can look (objectively) attractive without excluding users who may rely on assistive technology to get things done.
Form controls are necessary in many interfaces, but are often considered annoying, if not downright difficult, to style. The markup patterns presented here can help ensure these form controls can look (objectively) attractive without excluding users who may rely on assistive technology to get things done.


## How to use?
Largely, many of these form controls can be copied and pasted into your pattern library, project, or pattern library project. Each form control has its own CSS file, and only when needed, JavaScript file. Each form control shares the *--demo-only--.css* and *--shared--.css* files, but these are largely for purposes of presenting on these demo pages, and much of the shared styles are merely ports of a few [normalize.css](https://necolas.github.io/normalize.css/) selectors.


### Wait, JavaScript?
Yes, while many of these form controls can be styled with some thoughtful maneuvering of markup and CSS, controls such as file uploads, toggle buttons and switches need a bit of JavaScript to function and correctly convey state.
Yes, while many of these form controls can be styled with some thoughtful maneuvering of markup and CSS, controls such as file uploads, toggle buttons and switches need a bit of JavaScript (and sometime <abbr title="accessible rich internet applications">ARIA</abbr>) to function and correctly convey state.


## The Different Form Elements
Expand Down Expand Up @@ -86,7 +86,7 @@ Unfortunately, neither of these elements are consistently accessible to screen r
2. [Meter](src/meter)


## Search Component
### Search Component
A search component offers users an easily discoverable way to find information in a website or application.

1. [Search Component](src/search)
Expand Down

0 comments on commit 3b9befc

Please sign in to comment.