intfiction.org

The Interactive Fiction Community Forum
It is currently Thu Jul 19, 2018 1:05 am

All times are UTC - 6 hours [ DST ]




Post new topic Reply to topic  [ 6 posts ] 
Author Message
PostPosted: Sun Jun 17, 2018 3:52 pm 
Offline

Joined: Tue Nov 08, 2011 8:11 am
Posts: 2516
Location: US - Central
Does anyone have trouble seeing the highlighted link text in this sample?

Attachment:
Screenshot 2018-06-17 13.46.28.png
Screenshot 2018-06-17 13.46.28.png [ 16.92 KiB | Viewed 251 times ]


I know there are different types of color-blindness with regard to which hues don't register. Originally I was using light gray text with purple highlight links. Then at sunset f.lux kicked in on my monitor, warming the color temperature and removing most of the blue, and suddenly I was presented with a screen that had no visible links!

I've heard the most common form is not begin able to distinguish reds, so I switched up and made it purplish text with bright white highlights. Now I'm second-guessing and hoping the purple doesn't disappear for someone. Does anyone have feedback on this or better combinations of colors?

For reference, there's not an easy way to include a "colorblind" option that changes the theme on the fly for those who need it. Although I'm not good with CSS I suppose I could figure out how to make the highlighted text underlined?

_________________
http://hanonondricek.wixsite.com/pyramidif
https://pyramidif.itch.io/


Top
 Profile Send private message  
Reply with quote  
PostPosted: Sun Jun 17, 2018 9:26 pm 
Offline

Joined: Sat Oct 04, 2008 9:21 pm
Posts: 241
There are extensions such as Stylish for the end user to program in their own CSS codes. (I use it even on this forum, to get rid of the large padding around everything and other annoyances.)

_________________
.


Top
 Profile Send private message  
Reply with quote  
PostPosted: Mon Jun 18, 2018 5:44 am 
Offline

Joined: Wed Sep 07, 2011 10:21 am
Posts: 27
I am red-green colour-blind (as you say the most common form), and it is fine for me. That said, I may not be that severe; I cannot tell red and amber (orange) on traffic lights apart, but the green looks very different. My grandfather could not tell the green and red apart.


Top
 Profile Send private message  
Reply with quote  
PostPosted: Mon Jun 18, 2018 1:44 pm 
Offline
User avatar

Joined: Fri Jul 11, 2014 12:50 pm
Posts: 101
There is a software called Color Oracle that is supposed to show you how someone with colour blindness would see the screen. I have absolutely no idea how accurate it is, however.


Top
 Profile Send private message  
Reply with quote  
PostPosted: Tue Jun 19, 2018 7:22 am 
Offline

Joined: Tue Oct 17, 2017 5:47 am
Posts: 4
My understanding is that everyone can detect differences in brightness OK, and you have a fairly significant difference there. So I think you're fine. In general if you take a screenshot and convert it to grayscale and all the differences are still clear then AFAIK you should be totally safe.

Once brightness isn't enough and you need different colors to be distinguishable then it gets more complicated, of course.

You could also use font weight (thin/bold) or other things (italics, underline, very different font faces) to distinguish different things if your tools support that. Those should be universally visible, I believe.

If you search around there are plenty of color blind simulators out there which attempt to show the effect so you can see where you might have trouble. I like this one which allows playing with a bunch of different forms of color blindness: http://www.color-blindness.com/coblis-c ... simulator/

There's also http://colorbrewer2.org/ ("color advice for cartography") which has a bunch of color schemes for displaying various types of statistical data on a map, and many of their schemes are color-blind friendly. I'll often browse through that as a starting point.


Top
 Profile Send private message  
Reply with quote  
PostPosted: Tue Jun 19, 2018 12:01 pm 
Offline

Joined: Tue Nov 08, 2011 8:11 am
Posts: 2516
Location: US - Central
Thanks, everyone for the suggestions and advice!

AXMA has a template selector where you can change certain things, then a "StoryStyle" passage which looks mostly like CSS, but I think I need to buckle down and learn what everything is. Perhaps I need to actually put the exported HTML it creates into one of those utilities that shows you in real time what the changes are instead of poking and guessing at the StoryStyle passage.

_________________
http://hanonondricek.wixsite.com/pyramidif
https://pyramidif.itch.io/


Top
 Profile Send private message  
Reply with quote  
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 

All times are UTC - 6 hours [ DST ]


Who is online

Users browsing this forum: Google Feedfetcher and 5 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group