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

Commit 4a89ea7

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

File tree

1 file changed

+32
-1
lines changed

1 file changed

+32
-1
lines changed

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

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,8 +95,39 @@ include ../_util-fns
9595
:marked
9696
### Implicit labelling
9797

98-
Blah
98+
Firstly we will look at the absolute easiest way to furnish your form controls with accessible labels, and that is
99+
with a technique called `implicit labelling`.
99100

101+
With this technique you get all the benefits of `a11y` for your controls by simply writing your `HTML` in a specific way.
102+
103+
With this writing style you simply wrap the `HTML` element inside a label tag and you are done. There is no need to
104+
generate or suppply field id's as you will see with the other methods.
105+
106+
Your general `HTML` becomes:
107+
108+
code-example(language="html" escape="html").
109+
<label>label text
110+
<input>
111+
</label>
112+
113+
:marked
114+
Of course, here the `INPUT` element can be any native `HTML` form element. So let us see how we would use this with
115+
the commonly used native `HTML` form elements in Angular&nbsp;2.
116+
117+
:marked
118+
#### Inputs
119+
120+
:marked
121+
#### Textareas
122+
123+
:marked
124+
#### Checkboxes
125+
126+
:marked
127+
#### Radiobuttons
128+
129+
:marked
130+
#### Select lists
100131

101132

102133
.l-main-section

0 commit comments

Comments
 (0)