Skip to content

Commit 9f6ca37

Browse files
WilcoFiersWilcoFiers
authored
form label descriptive: Tweak the examples (#1826)
1 parent 9a7cd94 commit 9f6ca37

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

‎_rules/form-field-label-descriptive-cc0f0a.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -140,11 +140,11 @@ The `label` elements are [programmatic labels][programmatic label] of their resp
140140

141141
```html
142142
<html lang="en">
143-
<h2>Shipping address</h2>
143+
<h2>Shipping</h2>
144144
<label>Name<input id="shipping-name" type="text" name="name"/></label>
145145
<label>Street<input id="shipping-street" type="text" name="street"/></label>
146146

147-
<h2>Billing address</h2>
147+
<h2>Billing</h2>
148148
<label>Name<input id="billing-name" type="text" name="name"/></label>
149149
<label>Street<input id="billing-street" type="text" name="street"/></label>
150150
</html>
@@ -156,7 +156,7 @@ Both the `div` and the `span` elements are [programmatic labels][programmatic la
156156

157157
```html
158158
<html lang="en">
159-
<div id="shipping">Shipping address</div>
159+
<div id="shipping">Shipping</div>
160160
<span id="name">Name</span>
161161
<input id="shipping-name" type="text" name="name" aria-labelledby="shipping name" />
162162
</html>
@@ -202,11 +202,11 @@ The `label` elements are [programmatic labels][programmatic label] of their resp
202202

203203
```html
204204
<html lang="en">
205-
<h2 style="position: absolute; top: -9999px; left: -9999px;">Shipping address</h2>
205+
<h2 style="position: absolute; top: -9999px; left: -9999px;">Shipping</h2>
206206
<input aria-label="Name" id="shipping-name" type="text" name="name" />
207207
<input aria-label="Street" id="shipping-street" type="text" name="street" />
208208

209-
<h2 style="position: absolute; top: -9999px; left: -9999px;">Billing address</h2>
209+
<h2 style="position: absolute; top: -9999px; left: -9999px;">Billing</h2>
210210
<input aria-label="Name" id="billing-name" type="text" name="name" />
211211
<input aria-label="Street" id="billing-street" type="text" name="street" />
212212
</html>
@@ -218,7 +218,7 @@ Both the `div` and the `span` elements are [programmatic labels][programmatic la
218218

219219
```html
220220
<html lang="en">
221-
<div id="shipping">Shipping address</div>
221+
<div id="shipping">Shipping</div>
222222
<span id="name" style="display: none">Name</span>
223223
<input id="shipping-name" type="text" name="name" aria-labelledby="shipping name" />
224224
</html>

0 commit comments

Comments
 (0)