Visitar URL original
USWDS-Site - Form templates: Add guidance for labelling required fields by bonnieAcameron · Pull Request #1834 · uswds/uswds-site · GitHub
Skip to content
Merged
Changes from 1 commit
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
f0265ff
updated the forms page with Jacline's form usability best practices
bonnieAcameron Oct 14, 2022
c37d59d
Update _includes/accessibility.html
bonnieAcameron Oct 21, 2022
e199013
Update _includes/accessibility.html
bonnieAcameron Oct 21, 2022
29fac48
Update _includes/accessibility.html
bonnieAcameron Oct 21, 2022
66a8f82
Update _includes/accessibility.html
bonnieAcameron Oct 21, 2022
7fa05a5
Update _includes/accessibility.html
bonnieAcameron Oct 21, 2022
a0c72a4
Update _includes/accessibility.html
bonnieAcameron Oct 21, 2022
a1f0b60
remove "error handling"
bonnieAcameron Oct 21, 2022
18eaaf9
Update placement of screen reader note
bonnieAcameron Oct 21, 2022
80509b7
update file name to reflect new content
bonnieAcameron Oct 21, 2022
72eaf07
Remove bolded note
bonnieAcameron Oct 21, 2022
420fdfd
Merge branch 'main' of https://github.com/uswds/uswds-site into bc-up…
Oct 21, 2022
c0555bc
Update accessibility.html references
Oct 21, 2022
859e349
Merge branch 'main' of https://github.com/uswds/uswds-site into bc-up…
Oct 31, 2022
5924271
Apply copyedits from code review
thisisdano Mar 7, 2023
fbdb3d9
Merge branch 'main' of https://github.com/uswds/uswds-site into bc-up…
Mar 24, 2023
b7fa18f
Add changelog
Mar 24, 2023
7fe4a2e
Fix typos
Mar 24, 2023
7c867d6
Remove text-decoration from abbr[title='required']
Mar 24, 2023
8043f40
Merge branch 'main' of https://github.com/uswds/uswds-site into bc-up…
Mar 27, 2023
f86a250
Format
Mar 29, 2023
3974a51
Change required fields section title; change styling on note
Mar 30, 2023
3032a79
Pull template-form changelog data into component-form; set both form …
Mar 31, 2023
0c2c662
Add note to changelog about use on multiple pages
Apr 6, 2023
22b6fce
Fix typo
Apr 6, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update _includes/accessibility.html
Co-authored-by: James Mejia <james.mejia@gsa.gov>
  • Loading branch information
bonnieAcameron and James Mejia authored Oct 21, 2022
commit 7fa05a5390b6999a4f71977bc64dc273ad0b3df9
2 changes: 1 addition & 1 deletion _includes/accessibility.html

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Was this file deleted because none of this applies anymore?

Nevermind, I see an a11y section on both guidance pages.

Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ <h2 id="general-usability-guidance-for-forms">Usability guidance</h2>
<li><strong>Show whether a field is required or optional.</strong> Mark required fields as required by using a red asterisk <i style="color: red;" aria-hidden="true">*</i></li>
<li><strong>Use text descriptions.</strong> Combine red asterisks <i style="color: red;" aria-hidden="true">*</i> with a text description at the top of the form instructing the user of its meaning. <em>Example: “A red asterisk <i style="color: red;">*</i> indicates a required field.”</em>
</li>
<li><strong>Label required fields as 'required'. </strong> Add the `required` attribute to any specific form elements that are required to let users of assistive technologies know this is a required field.</li>
<li><strong>Label required fields as 'required'. </strong> Add the <code>required</code> attribute to any specific form elements that are required to let users of assistive technologies know this is a required field.</li>
<li><strong>Mark optional fields as "optional."</strong> Label optional fields with the word “optional” placed in parentheses.
*Example: (optional)*
</li>
Expand Down