Visitar URL original
Form component: Updated Disabled States guidance by finekatie · Pull Request #2776 · uswds/uswds-site · GitHub
Skip to content

Form component: Updated Disabled States guidance #2776

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
annepetersen merged 15 commits into from
Oct 4, 2024
Merged

Form component: Updated Disabled States guidance #2776

Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
f6a353d
Form component: Updated Disabled States guidance
finekatie Aug 11, 2024
0fd8680
added bold to section title
finekatie Aug 11, 2024
94b8d81
added italics to "must"
finekatie Aug 12, 2024
e4e53df
Adding changelog to page.
finekatie Aug 12, 2024
00cee23
corrected date to generic until approved for merge
finekatie Aug 13, 2024
92240e7
Update _includes/forms-guidance.html
finekatie Aug 23, 2024
4b3c3b7
Merge branch 'main' of https://github.com/uswds/uswds-site into kf-di…
Sep 12, 2024
98f7a24
Tweak copy
amyleadem Sep 12, 2024
25735d2
Update repo for 2776
amyleadem Sep 12, 2024
3066645
Apply suggestions from code review
finekatie Sep 16, 2024
34b1eb7
Update component-form.yml
annepetersen Sep 27, 2024
2e8a1b7
Merge branch 'main' of https://github.com/uswds/uswds-site into kf-di…
Sep 27, 2024
1f7017a
Merge branch 'main' of https://github.com/uswds/uswds-site into kf-di…
Oct 4, 2024
cf75f02
Update publish date for 2776
Oct 4, 2024
6620543
Merge branch 'main' of https://github.com/uswds/uswds-site into kf-di…
Oct 4, 2024
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/forms-guidance.html 
Co-authored-by: Charlie Mahoney <charlie.mahoney@bixal.com>
  • Loading branch information
@finekatie Charlie Mahoney
finekatie and Charlie Mahoney authored Aug 23, 2024
commit 92240e7a022447f3d81d0f9dfea155a96e4c9a93
2 changes: 1 addition & 1 deletion _includes/forms-guidance.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ <h2 id="disabled-states-for-components-in-forms">Disabled states for components
<li><strong>Don’t use disabled states, especially for text inputs.</strong> Disabled states have low color contrast,
Comment thread
amyleadem marked this conversation as resolved.
Resolved
do not offer meaningful feedback to screen reader users, and keyboard navigators can’t focus on them.
These states can also be generally confusing to users. Instead, keep form elements enabled.
Offer <a href="https://www.w3.org/WAI/WCAG22/Understanding/error-suggestion.html">helpful error messages</a>
Offer contextual helper text, tooltips, <a href="https://www.w3.org/WAI/WCAG22/Understanding/error-suggestion.html">helpful error messages</a>
and inline validation to help people correct mistakes and move through the form.</li>
<li><p><strong>If you <i>must</i> use disabled states, follow best practices.</strong> Some disabled states can prevent errors
by telling users that a system is loading or processing (for example, to prevent multiple form
Expand Down