5 ms·

Honestly, the only thing that has ever been a problem to me in terms of usability as a person with strong protanopia is sites that mess with link highlight colo

Honestly, the only thing that has ever been a problem to me in terms of usability as a person with strong protanopia is sites that mess with link highlight colors. Just leave it up to the browser defaults what color links show up in(visited or not) and all should be fine, I've never had any usability problems aside from this. Actually, no, that's not entirely true, this chart [1] that I saw today is a really bad culprit. I have to focus a lot to distinguish between the "Novels" color and the "Short Stories that appear in First Meetings in the Enderverse" color and even then I'm not 100% sure I can tell. Honestly though, what I've found is by far worse than websites in terms of color-blind friendliness is games. Lots of games, especially casual ones, where you match things based on color are really hard and sometimes impossible for me to play. Though in this area FOSS games almost always include a color-blind mode of some sort, for which I'm glad. [1] http://en.wikipedia.org/wiki/Ender%27s_Game_(series)#Chronological_order http://en.wikipedia.org/wiki/Ender%27s_Game_(series)#Chronol...

panzi 12y ago
Using this bookmarklet, is the graph better or worse? javascript:(function()%7B%7Bfunction%20%24(el%2Csel%2Ccb)%7BArray.prototype.forEach.call(el.querySelectorAll(sel)%2Ccb)%3B%7Dfunction%20fix(el%2Cbgcol%2Ctxtcol)%7Bel.style.backgroundColor%3Dbgcol%3Bel.style.color%3Dtxtcol%3B%24(el%2C%22*%22%2Cfunction(el)%7Bel.style.color%3Dtxtcol%3Bif(el.tagName%3D%3D%3D%22A%22)%7Bel.style.textDecoration%3D%22underline%22%3B%7D%7D)%3B%7D%24(document%2C%22.legend-color%2C%20td%22%2Cfunction(el)%7Bswitch(el.style.backgroundColor)%7Bcase%20%22rgb(170%2C%20170%2C%20255)%22%3Afix(el%2C%22black%22%2C%22white%22)%3Bbreak%3Bcase%20%22rgb(255%2C%20204%2C%20187)%22%3Afix(el%2C%22%230055aa%22%2C%22white%22)%3Bbreak%3Bcase%20%22rgb(255%2C%20153%2C%20238)%22%3Afix(el%2C%22%23ff9900%22%2C%22black%22)%3Bbreak%3B%7D%7D)%7D)() Source: javascript:(function(){ function $(el,sel,cb) { Array.prototype.forEach.call(el.querySelectorAll(sel),cb); } function fix(el,bgcol,txtcol) { el.style.backgroundColor = bgcol; el.style.color = txtcol; $(el,"*",function (el) { el.style.color = txtcol; if (el.tagName === "A") { el.style.textDecoration = "underline"; } }); } $(document,".legend-color, td",function (el) { switch(el.style.backgroundColor) { case "rgb(170, 170, 255)": fix(el,"black","white"); break; case "rgb(255, 204, 187)": fix(el,"#0055aa","white"); break; case "rgb(255, 153, 238)": fix(el,"#ff9900","black"); break; } }); })();
- ydant 12y ago
  Significantly better. Before the change I can see the two colors on "Ender's Game", since that's the only place they are side by side. All of the blocks which only have one of "Novels" or "Short Stories / Enderverse" I struggle to tell which it is. "Short Stories" is quite distinct from the other two colors.

panzi 12y ago

Using this bookmarklet, is the graph better or worse? javascript:(function()%7B%7Bfunction%20%24(el%2Csel%2Ccb)%7BArray.prototype.forEach.call(el.querySelectorAll(sel)%2Ccb)%3B%7Dfunction%20fix(el%2Cbgcol%2Ctxtcol)%7Bel.style.backgroundColor%3Dbgcol%3Bel.style.color%3Dtxtcol%3B%24(el%2C%22*%22%2Cfunction(el)%7Bel.style.color%3Dtxtcol%3Bif(el.tagName%3D%3D%3D%22A%22)%7Bel.style.textDecoration%3D%22underline%22%3B%7D%7D)%3B%7D%24(document%2C%22.legend-color%2C%20td%22%2Cfunction(el)%7Bswitch(el.style.backgroundColor)%7Bcase%20%22rgb(170%2C%20170%2C%20255)%22%3Afix(el%2C%22black%22%2C%22white%22)%3Bbreak%3Bcase%20%22rgb(255%2C%20204%2C%20187)%22%3Afix(el%2C%22%230055aa%22%2C%22white%22)%3Bbreak%3Bcase%20%22rgb(255%2C%20153%2C%20238)%22%3Afix(el%2C%22%23ff9900%22%2C%22black%22)%3Bbreak%3B%7D%7D)%7D)() Source: javascript:(function(){ function $(el,sel,cb) { Array.prototype.forEach.call(el.querySelectorAll(sel),cb); } function fix(el,bgcol,txtcol) { el.style.backgroundColor = bgcol; el.style.color = txtcol; $(el,"*",function (el) { el.style.color = txtcol; if (el.tagName === "A") { el.style.textDecoration = "underline"; } }); } $(document,".legend-color, td",function (el) { switch(el.style.backgroundColor) { case "rgb(170, 170, 255)": fix(el,"black","white"); break; case "rgb(255, 204, 187)": fix(el,"#0055aa","white"); break; case "rgb(255, 153, 238)": fix(el,"#ff9900","black"); break; } }); })();

ydant 12y ago
Significantly better. Before the change I can see the two colors on "Ender's Game", since that's the only place they are side by side. All of the blocks which only have one of "Novels" or "Short Stories / Enderverse" I struggle to tell which it is. "Short Stories" is quite distinct from the other two colors.