Page Loading

Text area

The text area component is used when users may need to enter more than a single line of text. It’s useful for descriptions, explanations and reviews.

Example

How to use the text area field

Use the text area component when you need to let users enter an amount of text that's longer than a single line. It’s useful when you want to let users describe something in their own words, such as describing the USP of their products, or submitting an enquiry. 

If there’s a word limit, make sure you tell users up front.

When not to use a text area

When deciding whether or not to use a text area field, here are a few things to consider:

  • Open ended questions can be difficult for users to answer. They may not know what type of information we’re looking for, or how detailed. 
  • The information entered into a text area is difficult to reuse later as data. If a user enters all their costs and milestones into one big text area, it's difficult to extract this data to use for reporting or planning purposes

Where possible, try breaking up an open-ended question into a series of simpler closed questions. The open-ended field, ‘Tell us about your project’, could be broken down into ‘When will your project start?’, ‘How much do you expect this project to cost?’ and ‘What will be the outcomes of the project?’. Try using radios and checkboxes where you can.

Do not use the text area component if you're asking for a single line of text, such as a phone number or name. In this case, you should use the text input component

Error messages

Error messages for this component should usually start with an action like ‘Enter’ or 'Tell us'. For example, ‘Enter your enquiry message’, ‘Tell us about your company’s background’ or ‘Tell us about the product you’re developing’.

Error messages should follow our standard error message styling. Make it clear which field the error message relates to, and let the user know what they need to do to fix the error.

Adding a text area component in the CMS

At the moment, the text area component isn’t available to add to any other panels or components via the CMS. If you need to add a text area field to a page or an existing form like our enquiry form, get in touch with Louise Spence.

Accessibility

Users must be able to navigate to this component using a keyboard, and it must be clear when the component is in focus.