<?xml version="1.0" encoding="utf-8"?>

Readable font size (body and label at 18px)

Choice of Sans serif font (recommended for accessibility)

Placeholders aren’t labels

Colour contrast that meets AA or AAA standards

labels always visible

Buttons large enough (56px)

Share your insights — leave a project review and help others grow their skills

Reviews

1 review


Good effort on the “Filling in Trip Details” flow! The layout and overall structure look clean and intuitive. A few things to improve:

  • Some of the text, especially secondary/help text or placeholder text, appears light and may not meet contrast standards. Consider using a darker shade for better readability and for users with visual impairments.
  • Check the interactive elements (buttons, links, error messages) for sufficient contrast and focus states, to ensure compliance with accessibility guidelines (e.g., WCAG).
  • Ensure all form fields clearly indicate required vs optional, and error states are prominent.
  • Consider adding more feedback for the user: e.g., when the form field is filled, show a check mark or change of state; when a step is complete maybe collapse or visually mark it.
  • Error states: what happens if the user inputs invalid data? Are the error messages clear, are they inline, and do they offer instructions to fix?
  • Button states: make sure hover, active, disabled, focus are all designed. Right now I see the normal state looks good but the other states aren’t clear.

Keep it up, just a few tweaks and it’ll be even stronger!


2 Claps
Average 2.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>