Skip to content
This repository was archived by the owner on Sep 25, 2019. It is now read-only.

Commit 9dc3073

Browse files
darthm3gatronraisedadead
authored andcommitted
fix(seed): Best practice for radio button (#16349)
1 parent 2df89da commit 9dc3073

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

challenges/01-responsive-web-design/basic-html-and-html5.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1769,7 +1769,8 @@
17691769
"Each of your radio buttons should be nested within its own <code>label</code> element.",
17701770
"All related radio buttons should have the same <code>name</code> attribute.",
17711771
"Here's an example of a radio button:",
1772-
"<code>&#60;label&#62;&#60;input type=\"radio\" name=\"indoor-outdoor\"&#62; Indoor&#60;/label&#62;</code>",
1772+
"<blockquote>&#60;label for=\"indoor\"&#62; <br> &#60;input type=\"radio\" name=\"indoor-outdoor\"&#62;Indoor <br>&#60;/label&#62;</blockquote>",
1773+
"It is considered best practice to set the <code>for</code> attribute for assistive technologies to be able to link the relationship between the label and the child elements such as an <code>input</code> in this case.",
17731774
"<hr>",
17741775
"Add a pair of radio buttons to your form. One should have the option of <code>indoor</code> and the other should have the option of <code>outdoor</code>. Both should share the <code>name</code> attribute of <code>indoor-outdoor</code>."
17751776
],

0 commit comments

Comments
 (0)