Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit 69e14ab

Browse files
committed
docs(cb-a11y): Content - Form controls
1 parent 491b8a7 commit 69e14ab

File tree

1 file changed

+20
-1
lines changed

1 file changed

+20
-1
lines changed

public/docs/ts/latest/cookbook/a11y.jade

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,26 @@ include ../_util-fns
7676
.l-main-section
7777
<a id="form-control-label"></a>
7878
:marked
79-
## Using text as a label for a custom component
79+
## Accessible form control labels
80+
81+
Whether using already existing `HTML` elements or creating your own rich custom form components, it is crucial to
82+
label them. Imagine coming face-to-face with a customer details page on your favourite online store, only to
83+
be faced with screen filled with unlabelled input fields!
84+
85+
Impossible right?
86+
87+
We can solve this by simply adding a label for each field. But users of our website may not always be able to see
88+
or recognise these labels without assistance.
89+
90+
For this reason it is not only important to visually mark any form component, or as they are sometimes called,
91+
`form controls`, but to do so in a way that also exposes it to assistive technologies.
92+
93+
We will discuss a number of ways to do this.
94+
95+
:marked
96+
### Implicit labelling
97+
98+
Blah
8099

81100

82101

0 commit comments

Comments
 (0)