Testing Color Contrast & Simulating Color Blindness with the Firefox Accessibility Inspector

14 Comments

1. 

   123matejm November 13, 2019

   Great!

   Reply
2. 

   Ruben Rojas November 13, 2019

   Hi, great demostration, why my firefox do not show the defficiency color simulator? is possible when the imac is some old? i see accessibility inspector, but color blindness simulator can't see

   Reply
3. 

   Akhil Rana November 13, 2019

   Thanks a lot. Great stuff.

   Reply
4. 

   Mozilla Developer November 13, 2019

   Is the Color Vision Deficiency Simulator (color blindness simulator) not showing up on your computer? At 6:40 I explain why, and how you can turn it on. Be sure to watch that part.

   Reply
5. 

   Jesse Dugas November 13, 2019

   Epic! Can’t wait to see more and I’m glad accessibility is starting to finally get more awareness.

   Reply
6. 

   Wray Bowling November 13, 2019

   Fancy!

   Reply
7. 

   liho26 November 13, 2019

   Hi Jen. Thank you for the good content in mv. But I world like to ask another question. When Firefox Will supports select <option> css attributes. Now, if I want customize select and option, I should use javascript.

   Reply
8. 

   Patrick C. November 13, 2019

   This is what I needed! Really practical new features in Firefox :)!

   Reply
9. 

   lrfious November 13, 2019

   5:21 According to this article, white text on colorful backgrounds can be an accessible combination even while failing to meet the contrast ratio. https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/

   Reply
10. 

    avneet12284 November 14, 2019

    Crazy good video 👌. Enjoyed it

    Reply
11. 

    Alan Raftel November 14, 2019

    I've been reading an interesting conversation https://github.com/w3c/wcag/issues/695 about the math behind the contrast ratio. the current formula `(L1 + 0.05)/(L2 + 0.05)` may change to `(L1 – L2)/(L1 + 0.1)` in the future. As a developer, should I care about this change? I'm developing a website that has the infamous orange as a primary color. I do want to meet WCAG 2.0 AA, but it's difficult to tweak the orange color on white background. With the possible change of formula in WCAG 3.0, some variants of orange can be accessible.

    Reply
12. 

    Douglas Geiste November 14, 2019

    Stop with the double U CAG. It's WiCAG (like Wick AG). But thanks for the FF color contrast tool. Handy

    Reply
13. 

    Ari Sweedler November 15, 2019

    So cool!

    Reply
14. 

    Owen Far November 15, 2019

    Thank you so much for these videos. Very informative. One suggestion for the thumbnail image – I like that I can see who's the representer in the video, but why don't you have one good image of yourself and keep uploading the same one? I think this makes it more consistent, and probably easier for you 🙂

    Reply