Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2017-07-06 19:53:33

tomowensphoto
Member
From: Suffolk
Registered: 2012-11-21
Posts: 321
Website

Pangolin Required fields

This may sound like a stupid question but where can I configure the size and colour of the twinkle (asterisk) for required fields in the contact form?
I am thinking that the use of a red twinkle makes it more obvious but even being able to resize it might help.
Thanks


Regards,
TomO
Just a simple photographer
Live site at http://tomowens.openpoint.co.uk/

Offline

#2 2017-07-06 20:17:26

jherman
Member
From: Kingsport, TN USA
Registered: 2012-12-09
Posts: 95
Website

Re: Pangolin Required fields

I would suggest caution using red. I am one of some 15-20% males with some form of color deficiency. That may also explain my color pallet on my web site and my wife's odd looks when I try to color correct an image. Seriously, a red text on anything but white may as well be invisible. I also cannot tell a red highlighted word in a sea of black text.

http://jfly.iam.u-tokyo.ac.jp/color/ and http://www.colour-blindness.com/general/prevalence/ are excellent references.

Jim.


User with too little time but coding is therapeutic.

Offline

#3 2017-07-06 20:32:01

markh
Member
From: Center of The US
Registered: 2012-09-24
Posts: 380
Website

Re: Pangolin Required fields

Fascinating. Honestly, now there's a topic I had never even considered when designing a website user interface. Does anyone know if there are other color perception deficiencies in humans we should all be wary of? I actually did use red for my cart icon. Guess I'd better rethink that.
Mark

Offline

#4 2017-07-06 21:23:37

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 359
Website

Re: Pangolin Required fields

I'm partially red/green colorblind. I have trouble picking out red on a green background but I see it OK on other backgrounds.

Offline

#5 2017-07-06 21:39:45

tomowensphoto
Member
From: Suffolk
Registered: 2012-11-21
Posts: 321
Website

Re: Pangolin Required fields

Interesting responses thanks. I work with issues affecting sites - I am not a developer. I normally take the role of an Agile Business Analyst and accessibility audits are a frequent thorn especially with colour/contrast failures.
All I was asking about here was where if anywhere can I configure the required fields asterisk - not the field name or the content that people type in. I know from recent work I have done that certain reds on white pass accessibility tests. It is a tedious process going through all foreground and background combinations  to ensure that the colour palette for an organisation is used effectively on a site in a consistent manner.
I use a very dark grey text on white background as a norm. Now if I could configure the twinkle to be a bigger font size then that would work for me.
The whole area of accessibility is a minefield...

Last edited by tomowensphoto (2017-07-06 21:39:58)


Regards,
TomO
Just a simple photographer
Live site at http://tomowens.openpoint.co.uk/

Offline

#6 2017-07-06 21:40:56

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Pangolin Required fields

tomowensphoto wrote:

This may sound like a stupid question but where can I configure the size and colour of the twinkle (asterisk) for required fields in the contact form?
I am thinking that the use of a red twinkle makes it more obvious but even being able to resize it might help.
Thanks

It doesn't look like that is configurable by itself. You can apply custom css to the whole label if you like, highlighting both the word and the asterisk.

For example:

p.contact-email label {
	color: orange;
}

will change the color of the Email * label to orange.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#7 2017-07-06 21:50:23

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: Pangolin Required fields

So, in case you ever wondered, this conversation is exactly the reason that the default color of hyperlinks on the Web is blue.

I haven't read it yet, but A Book Apart recently released a small book on this subject. Probably worth checking out. All of their books that I have read are excellent. It's here:
https://abookapart.com/products/color-a … -workflows


Matt

The Turning Gate, http://theturninggate.net

Offline

#8 2017-07-06 22:11:36

tomowensphoto
Member
From: Suffolk
Registered: 2012-11-21
Posts: 321
Website

Re: Pangolin Required fields

Thanks Rod & Matt


Regards,
TomO
Just a simple photographer
Live site at http://tomowens.openpoint.co.uk/

Offline

#9 2017-07-07 02:34:04

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 1,624
Website

Re: Pangolin Required fields

jherman wrote:

I would suggest caution using red. I am one of some 15-20% males with some form of color deficiency. That may also explain my color pallet on my web site and my wife's odd looks when I try to color correct an image. Seriously, a red text on anything but white may as well be invisible. I also cannot tell a red highlighted word in a sea of black text.

http://jfly.iam.u-tokyo.ac.jp/color/ and http://www.colour-blindness.com/general/prevalence/ are excellent references.

Jim.

Hi Jim,

Interesting. My site makes heavy use of red... So I assume that when you browse it, you don't see color changes when hovering over a link such like the menu or the image gallery. Does it make any difference when you are switching to 'dark' mode (moon symbol on top right of page)? I appreciate your input.

Something I have to think about!


Daniel Leu | Photography   
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com

Offline

#10 2017-07-07 04:21:20

michilge
Member
From: Sprockhövel, Germany
Registered: 2013-04-15
Posts: 206
Website

Re: Pangolin Required fields

Some very noteworthy aspects that turned up. As we already wandered Off Topic:

A more fictional approach to colour vision is in Jasper Fforde's novel "Shades of Grey" which I like very much.

Also reminds me of a small colour vision acuity test, I once completed on the web.

Offline

#11 2017-07-07 08:28:08

jherman
Member
From: Kingsport, TN USA
Registered: 2012-12-09
Posts: 95
Website

Re: Pangolin Required fields

I apologize for the diversion off topic. Well sort of. Life is too short to take too seriously. Glad Rod had the good sense to actually answer the question.

michilge, flunked. Badly! Even considered the sun glasses http://enchroma.com/, then looked at the price.

Daniel, with the white background, the bar on the left serves the purpose. I would not have known the text wasn't black/grey otherwise. The moon is, to my eye, an excellent pallet. Though can't say what color the not grey text is. Doesn't matter, I have no difficulty navigating your site.  I tend to prefer neutral darker backgrounds as I don't feel like i'm squinting to look at the images. This is likely why LR chose a grey pallet. My first reference above is a bit technical, but the latter half of the post spends time discussing color choices for presentations. It seems here is a disproportionate number of science nerds with a color issue.

Matthew, blue is my choice as well. My wife, color consultant, lobbied for, not blue, thus my pallet choices.

Begs the question, do my color choices make everyone else's face hurt? https://www.jamesherman.net/

Considering a road trip to Hattusa to visit the Hittite Palace next month. Any takers?
Cheers all.
Jim.


User with too little time but coding is therapeutic.

Offline

#12 2017-07-07 11:54:12

SunFoxNC
Member
Registered: 2015-09-04
Posts: 80

Re: Pangolin Required fields

markh wrote:

Fascinating. Honestly, now there's a topic I had never even considered when designing a website user interface. Does anyone know if there are other color perception deficiencies in humans we should all be wary of? I actually did use red for my cart icon. Guess I'd better rethink that.
Mark

My mother is totally colour blind...everything is literally shades of grey.

She's learnt to recognise particular hues of grey as certain colours (for example, on a stoplight) but I'll never forget when I discovered this was when I proudly brought home a maroon-coloured sports car and being so proud of the car's colour only to have her ask me what was so impressive about a grey car!

Failing that, she'll ask what colour something is and then carry on.

I thought I had her with the thousand-piece jigsaw puzzle from hell which was a fractal-looking thing with all sorts of colours in play.  She had it completely put together in less than a day...her colour blindness allowed her to look past the glaring colour and see the patterns which made it trivial.  She took great delight in presenting me with that puzzle in a frame and patting me on the head with "better luck next time!"

Offline

Board footer

Powered by FluxBB