a11y_styled_form_controls icon indicating copy to clipboard operation
a11y_styled_form_controls copied to clipboard

Guidance on output element

Open scottaohara opened this issue 5 years ago • 2 comments

the output element is part of the form elements family and maps to role=status, or at the very least a polite live region for most browsers.

Create an explainer on the element and produce some examples to show how it can be effectively used with different components, such as:

  • [ ] checkboxes
  • [ ] range slider (with aria-live=off)
  • [ ] number text field (if custom + / - controls exist)
  • [ ] textarea (as a characters remaining indicator)

scottaohara avatar Jul 28 '19 03:07 scottaohara

Just discovered your repo! These are super helpful, thank you so much!

Regarding aria-live and an output region, the search component would be another important place to have that available

karlyanelson avatar Oct 11 '19 14:10 karlyanelson

hi @karlyanelson

yes, i suppose there very well could be a use case for SPAs where results are injected into the current screen rather than causing a refresh. Thanks for the suggestion :)

scottaohara avatar Oct 11 '19 14:10 scottaohara