Offering customization options for the application form is a crucial and appealing feature that sets Homerun apart.
However to create an experience that is inclusive for as many people as possible, there are several considerations to be made around aspects like color, contrast, images, and more.
First, let's examine the customization options that Homerun provides for the application form, focusing on those aspects relevant to accessibility. We'll then discuss the best practices and requirements related to these elements. Finally, we'll explore my suggested strategies for harmonizing customization with accessibility.
The application form provides three user-defined color settings.
Customizable colors
The brand color is chiefly utilized in two areas: serving as the background color for elements within the progress bar, and in various form controls such as buttons, checkboxes, and file input fields.
This color selection carries the most significant implications for accessibility, affecting the readability and distinguishability of these components while also contributing the most visual weight and brand representation.
The text color is used to set the font color for the titles and subtitles of the steps.
This choice doesn't have substantial implications for accessibility, provided that the background color of the form itself will not become customizable.
The background color or image, as the name implies, determines the color of the page's background and can have a significant impact on legibility and overall user experience.
Upcoming steps on the progress bar, elements within the footer, and the company's logo all need to be clearly visible against the background. Furthermore, a busy or high-contrast image can create visual distractions that draw focus away from the form, making it more challenging for users to concentrate on the task at hand.
Text customization options
The title, subtitle and the body text of the form is customizable in terms of: