This repository was archived by the owner on Dec 4, 2017. It is now read-only.
File tree Expand file tree Collapse file tree 1 file changed +20
-1
lines changed
public/docs/ts/latest/cookbook Expand file tree Collapse file tree 1 file changed +20
-1
lines changed Original file line number Diff line number Diff line change @@ -76,7 +76,26 @@ include ../_util-fns
76
76
.l-main-section
77
77
<a id =" form-control-label" ></a >
78
78
: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
80
99
81
100
82
101
You can’t perform that action at this time.
0 commit comments