Archive index

A11y Slackers Gitter Channel Archive 24th of February 2017

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Feb 24 06:48
    [sophieschoice_slack] For mega menu examples that are also accessibile look at this project from the US Government. https://standards.usa.gov/components/headers/
  2. [sophieschoice_slack] I use their frame work/template (whatever you want to call it) for one of my websites and it is awesome!
  3. zakim-robot
    @zakim-robot
    Feb 24 07:54
    [sophieschoice_slack] awesome gif of a cat using sign-language to show his deaf boss that she is hungry: https://twitter.com/catsnkittys/status/834822003102191616
  4. [sophieschoice_slack] Is there a an example of dogs being able of this as well?
  5. zakim-robot
    @zakim-robot
    Feb 24 13:15
    [michiel] Does anyone here have a spare Dribbble invite by any chance?
  6. [michiel] Would like to post accessibility tips there :)
  7. zakim-robot
    @zakim-robot
    Feb 24 13:24
    [scottohara] i got one
  8. [michiel] Thank you Scott <3
  9. zakim-robot
    @zakim-robot
    Feb 24 13:37
    [jacquidow] I just read a pretty scary assumption in another slack group, someone posted a pic of website they have designed for 15-20 year olds. Someone else mentioned accessibility as the contrast was very low on some of the images. The response back was "Accessibility might not be too huge of a factor with such a young audience"
  10. [jacquidow] Does anyone have any research I can use to help them understand why this is such a bad assumption to be making?
  11. [michiel] Just label it hangover-mode ;)
  12. [jacquidow] It took a few moments for me to get that! But genius! :)
  13. zakim-robot
    @zakim-robot
    Feb 24 13:43
    [jacquidow] I saw an interesting thing the other day showing how considering accessibility can help people other than those with permanent disabilities, i.e. someone with no arm, someone with a broken arm, someone holding a baby all have the same affliction just for different periods of time
  14. [jacquidow] I guess this is the same
  15. [michiel] I totally didn’t steal that from my colleagues: https://www.youtube.com/watch?v=sIB6-8uB0jA
  16. [michiel] I don’t have a good resource that I can link to directly, but I believe the UK gov released a set of posters related to accessibility that included various disabilities.
  17. [jacquidow] Ahh, I can't find the image I was referring to with the broken arm and now it's bugging me!!
  18. zakim-robot
    @zakim-robot
    Feb 24 13:49
    [michiel] I think I saw that in a Medium post
  19. [michiel] Which doesn’t help much with narrowing it down…
  20. [jacquidow] I found it!
  21. [jacquidow] It's the Inclusive toolkit that Microsoft released
  22. powrsurg
    @powrsurg
    Feb 24 14:19
    Is there a contrast checker that lets you specify the A for RGBA set colors?
  23. I swear text in the nav in Google Analytics should be considered bad. They use rgba(0, 0, 0, 0.54) to make it lighter than straight black. I find it harder to read
  24. zakim-robot
    @zakim-robot
    Feb 24 14:30
    [alastc] I’d have thought the eye-dropper using the Colour Contrast Analyser would work on that, it will take the displayed value (including opacity) rather than the CSS value.
  25. zakim-robot
    @zakim-robot
    Feb 24 15:11
    [michiel] It does, rgba(0,0,0,.54) on #e5e5ff results in #696975, on #fff it would be #757575
  26. powrsurg
    @powrsurg
    Feb 24 16:19
    how did you compute that?
  27. powrsurg
    @powrsurg
    Feb 24 16:25
    the background for that text is FAFAFA, but why would the bg color matter at that point?
  28. powrsurg
    @powrsurg
    Feb 24 16:36
    er, I guess I get why it matters, just not how to compute it
  29. zakim-robot
    @zakim-robot
    Feb 24 16:51
    [michiel] CCA’s colour picker gets the displayed colour value. Which isn’t rgba(0,0,0,.54) but the computed value.
  30. [michiel] I’m not sure if there is a tool that will let you input a text colour’s rgba value which is then computed against a background value.
  31. [michiel] Ah, Think Lea Verou’s tool does this: https://leaverou.github.io/contrast-ratio/
  32. [michiel] alt=Lea Verou’s colour contrast tool with a rgb and rgba value. https://usercontent.irccloud-cdn.com/file/Z9CDqNaV/Screen%20Shot%202017-02-24%20at%2016.54.16.png
  33. zakim-robot
    @zakim-robot
    Feb 24 16:56
    [michiel] @powrsurg
  34. zakim-robot
    @zakim-robot
    Feb 24 17:05
    [marcysutton] That is a great tool! My only wish is that it had one more decimal point
  35. [michiel] For the returned ratio you mean?
  36. zakim-robot
    @zakim-robot
    Feb 24 17:11
    [marcysutton] yep.
  37. [michiel] You could file an issue on GitHub :)
  38. powrsurg
    @powrsurg
    Feb 24 17:18
    I <3 this room
  39. zakim-robot
    @zakim-robot
    Feb 24 17:19
    [albert] @michiel i was going to say just fork it and fix it. looking at it now actually
  40. zakim-robot
    @zakim-robot
    Feb 24 18:20
    [johnbhartley] there's a lingering pull request that takes care of it, but from august
  41. zakim-robot
    @zakim-robot
    Feb 24 19:10
    [michiel] First, in what I hope will be a series of, accessibility related Dribbble shot: alert dialog https://dribbble.com/shots/3318570-Thank-you-alert-dialog
  42. [michiel] Thanks again @scottohara
  43. zakim-robot
    @zakim-robot
    Feb 24 20:13
    [scottohara] haha. no problem