Intentional Form Design
At the onset of this project, we worked with the PHNTX team to identify the web forms that would capture important information from their constituents and subscribers. In the design and development stages, we thought strategically about the areas tied to the field labels, highlights, and set appropriate color contrast to support the core constructs of each form.
The email field in the simple sign-up form includes a ‘YOUR EMAIL’ label. This feature increases accessibility because there is no ambiguity about what needs to be typed into the box. Screen readers can also interpret this text for users who have vision impairments. Another feature is a highlight box that rotates among the different fields to note which one is currently active or in use. The easier it is to see which field is being typed in, the more accessible the site will be to an array of users.