@utrecht/form-field-error-message-css

1.5.0 • Public • Published

Form field error message

Gebruik dit component voor foutmeldingen bij formuliervelden die geen valide invoer hebben.

Dit component is meestal een onderdeel van het form field component.

Gebruikte termen

  • form komt van <form> in HTML en role="form" in WAI-ARIA.
  • field komt van <fieldset> in HTML.
  • error-message komt van aria-errormessage.

HTML

Gebruik een id attribuut op dit element, zodat je met aria-describedby op de form control met aria-invalid="true" een koppeling kunt maken. Support voor aria-errormessage is nog onvoldoende, dus gebruik voorlopig nog aria-describedby.

Gebruik in HTML in plaats van aria-live="polite" het attribuut role="status".

Gebruik in HTML in plaats van aria-live="assertive" het attribuut role="alert".

Relevante WCAG eisen

Readme

Keywords

Package Sidebar

Install

npm i @utrecht/form-field-error-message-css

Weekly Downloads

52

Version

1.5.0

License

EUPL-1.2

Unpacked Size

29.8 kB

Total Files

13

Last publish

Collaborators

  • littlebobbytabl.es
  • yolijn
  • nl-design-system-ci