search

womenhackfornonprofits / whfnp

Women Hack for Non-Profits Website Overhaul
18 stars 7 forks source link

Placeholder text in forms is not easily readable #21

Closed tanyapowell closed 8 years ago

tanyapowell commented 8 years ago

The font colour for the placeholder text doesn't stand out enough and could be hard for visually impaired people to read

image

EChesters commented 8 years ago

Labels should always be outside of the input fields, with an additional placeholder of what format or an example of the information we need.

Labels should also be above the field, so the user's eyes don't have to flick from left to right, they just read straight down:

Name: |___|

Like so ^^^

tanyapowell commented 8 years ago

There aren't any labels on this form. Only placeholders.

Worth checking all forms (in case there are some with labels) and then raising a Jira ticket to get labels added to all forms (I'm assuming no form on the site has labels) and get them added for release 2

EChesters commented 8 years ago

It's a "design" to put the labels (as placeholders) inside the text fields. Placeholders should be an example, not the name of the label that should be there.

I agree that this needs to be consistent across all forms on the website, not sure if we actually do have any others. Our process is still emailing at the moment.

lili2311 commented 8 years ago

There are labels too but hidden from view. This is a common design/practice across many website, I can set the normal labels back.