https://wiki.evergreen-ils.org/ 2026-04-30T17:15:14+00:00 https://wiki.evergreen-ils.org/ https://wiki.evergreen-ils.org/lib/exe/fetch.php?media=wiki:logo.svg text/html 2024-07-29T20:08:55+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.evergreen-ils.org/doku.php?id=accessibility:forms:dates&rev=1722283735&do=diff Date inputs * Why the GOV.UK Design System team changed the input type for numbers * Designing Birthday Picker UX: Simpler Is Better, Vitaly Friedman * Date Input - GOV.UK Design System text/html 2025-03-21T16:25:19+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.evergreen-ils.org/doku.php?id=accessibility:forms:errors&rev=1742574319&do=diff Error Messages and Validation Validation errors should come with specific messages that tell the user exactly what to fix. "This field is required" is not a good message for an email input field; "Enter your email address" is more specific. Provide a summary of the validation errors at the top of the form. Each error message should be connected to an input field using text/html 2023-08-07T21:56:54+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.evergreen-ils.org/doku.php?id=accessibility:forms:fieldsets&rev=1691445414&do=diff Fieldsets and grouping inputs Fieldsets should be used to group multiple fields that make up one unit of data. Groups of radio buttons should be contained in a fieldset. Names, addresses, phone number groups, email and password pairs might be good candidates for fieldsets. However, screen readers will announce the fieldset legend as a prefix for each label within, so this might be overkill in situations where the label alone ("First name") is sufficient. In these situations, a visual grouping… text/html 2024-09-02T15:15:46+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.evergreen-ils.org/doku.php?id=accessibility:forms:labels&rev=1725290146&do=diff Form Labels Form fields must have an associated label. There are no exceptions to this rule. The best way to associate a label is with the HTML label element, such as in these examples from WebAIM. The label may be hidden using the sr-only (in Bootstrap 3-4) or visually-hidden text/html 2023-08-07T21:53:08+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.evergreen-ils.org/doku.php?id=accessibility:forms:read_only&rev=1691445188&do=diff Read-only Form Fields The ARIA document role may be useful for parts of the page where the screen reader should not treat elements as interactive controls, like read-only form fields. Use aria-readonly to mark individual fields; see the ARIA section on Form Static Attributes for more detail. text/html 2023-08-07T22:03:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.evergreen-ils.org/doku.php?id=accessibility:forms:submit&rev=1691445832&do=diff Submit Buttons Submit buttons should be written as <input type="submit">. Other <button> tags inside a <form> tag must include the type="button" attribute if you do not want them treated as submit buttons for the form: <button type="button">This doesn't submit the form</button>