Vivid API

Text Area

The Text Area component enables users to input longer, multi-line text when more extensive text entry is required.

This component was tested and signed off by Applause (external accessibility specialists).

Implementation

  • If a label can not be used, always provide an aria-label as an alternative. This will allow screen reader users to know the purpose of the Text Area.
  • Never use placeholder text in place of a label or aria-label.
    The problem with placeholders

Manual Accessibility Test

Text Field: Manual accessibility test