Skip to content

BulkTextarea

What component has

Roles and attributes

The following list describes roles and attributes that component already has.

Roles and attributes
ComponentRole / AttributeUsage
BulkTextarea.InputField > divtextboxIdentifies a field that allows the input of free-form text.
aria-multiline=”true”Indicates that a textbox accepts multiple lines of input.
aria-labelledby="IDREF"Refers to the element that contains the label of field.
aria-describedby="IDREF"Gives the item an accessible description. In invalid state, refers to the error message.
BulkTextarea.Counteraria-label="{n} out of {n}"Sets an accessible name for the element.
"aria-label={n} out of {n}, limit reached"Sets an accessible name for the element.
"aria-label={n} out of {n}, limit exceeded"Sets an accessible name for the element.
Buttons inside BulkTextarea.ErrorsNavigationaria-label="Next error", aria-label="Previous error"Sets an accessible names for the buttons with no text.

Keyboard support

For detailed information about keyboard support for the Input, refer to the Keyboard control guide.

Considerations for developers and designers

TIP

Error messages aren't set by default in the component.

Configure error messages for tooltips so they're visible to sighted users and announced by assistive technologies:

  • A data-errormessage for specific errors in invalid lines. By default data-errormessagehas undefined value.
  • A message for the whole input if you’re validating the entire field.

Other recommendations

For more accessibility recommendations, refer to the the common Accessibility guide.

Last updated:

Released under the MIT License.

Released under the MIT License.