You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The radio buttons on the submit page must be in a radio group so that the radio buttons have a corresponding label. For more information check out Deque's page on form elements must have labels which includes instructions on how to fix the issue.
Do this by updating the _form.hbs file. The radio buttons and label can be found on lines 6 - 8. Note: make sure to keep all of the class names and other attributes the same
Suggestion:
Wrap the radio buttons in a <div> with the attribute role="radiogroup". Instead of this we could always wrap the radio buttons in a feildset with a legend, but with the <div role="radiogroup"> </div> we dont have to worry about any extra styles.
Also, instead of adding the text "Is your apprenticeship a paid opportunity?" in a <label>, we are going to treat it like a <legend>. So the final code will look something like this with the paragraph tag having an id attribute that matches the value of the aria-labelledby on the div
<div role="radiogroup" aria-labelledby="paid-opportunity">
<p id="paid-opportunity">Is your apprenticeship a paid opportunity?</>
<input type="radio">
<input type="radio">
</div>
For more information on radios and radio groups checkout Deque's example
See screenshot of radio buttons on the submit page:
The text was updated successfully, but these errors were encountered:
The radio buttons on the submit page must be in a radio group so that the radio buttons have a corresponding label. For more information check out Deque's page on form elements must have labels which includes instructions on how to fix the issue.
Do this by updating the _form.hbs file. The radio buttons and label can be found on lines 6 - 8. Note: make sure to keep all of the class names and other attributes the same
Suggestion:
<div>
with the attributerole="radiogroup"
. Instead of this we could always wrap the radio buttons in a feildset with a legend, but with the<div role="radiogroup"> </div>
we dont have to worry about any extra styles.<label>
, we are going to treat it like a<legend>
. So the final code will look something like this with the paragraph tag having an id attribute that matches the value of the aria-labelledby on the divFor more information on radios and radio groups checkout Deque's example
See screenshot of radio buttons on the submit page:
The text was updated successfully, but these errors were encountered: