office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
13 lines (12 loc) • 1.06 kB
Markdown
- Use the TextField to accept data input on a form or page.
- Label the TextField with a helpful name.
- Provide concise helper text that specifies what content is expected to be entered.
- Provide all appropriate states for the control (static, hover, focus, engaged, unavailable, error).
- When part of a form, provide clear designations for which fields are required vs. optional.
- Provide all appropriate methods for submitting provided data (e.g. dedicated ‘Submit’ button).
- Provide all appropriate methods of clearing provided data (‘X’ or something similar).
- Allow for selection, copy and paste of field data.
- Whenever possible, format TextField relative to the expected entry (4-digit PIN, 10-digit phone number (3 separate fields), etc).
- When long entries are expected, provide a mechanism for overflow or expansion of the control itself.
- Ensure that the TextField is functional through use of mouse/keyboard or touch when available.
- Ensure that the TextField is accessible through screen reader and/or other accessibility tools.