Accessibility and Visibility
Forms elements are among the most interacted elements in our product. They are the number one way our user communicates their needs and requests to our system. For that reason, it is very important some basic guidelines are followed when in use.
- All text inputs, require a descriptive placeholder. This is so the element does not appear blank or inaccessible.
- All select elements require a placeholder that is not selectable. If no value is provided by the user the descriptive placeholder should guide the user to what type of data is available for selection.
- If a checkbox or radio, input has a label, clicking the label should also select the checkbox or radio.
- At this time we do not place any input,textarea, checkboxes, or radios against dark backgrounds. We do not have a pattern for this type of contrast so it is best to place your form elements against a white background.
I-bubbles can be placed at the end of a form element or next to the labels themselves, depending on the layout of the form.
We support three different I-bubble displays to support different types of content.