Skip to content

Commit a4affb4

Browse files
committed
Docs: use concrete checks and radios aria labels
1 parent 6f20e52 commit a4affb4

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

site/src/content/docs/forms/checks-radios.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -221,11 +221,11 @@ Put your checkboxes, radios, and switches on the opposite side with the `.form-c
221221
Omit the wrapping `.form-check` for checkboxes and radios that have no label text. Remember to still provide some form of accessible name for assistive technologies (for instance, using `aria-label`). See the [forms overview accessibility]([[docsref:/forms/overview/#accessibility]]) section for details.
222222

223223
<Example code={`<div>
224-
<input class="form-check-input" type="checkbox" id="checkboxNoLabel" value="" aria-label="...">
224+
<input class="form-check-input" type="checkbox" id="checkboxNoLabel" value="" aria-label="Checkbox without label">
225225
</div>
226226
227227
<div>
228-
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel1" value="" aria-label="...">
228+
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel1" value="" aria-label="Radio button without label">
229229
</div>`} />
230230

231231
## Toggle buttons

0 commit comments

Comments
 (0)