Archive index

A11y Slackers Gitter Channel Archive 30th of October 2015

What fresh hell is THIS now? - Patrick Lauke
  1. powrsurg
    13:43
    anyone know who to contact about w3devcampus.com bringing up a login prompt?
  2. StommePoes
    13:51
    Anyone here have a copy of Safari or Epiphany? I'
  3. StommePoes
    13:51
    I'm curious if adding tabindex="-1" makes skip links work in webkit.
  4. StommePoes
    13:51
    (since it does in Blink)
  5. MichielBijl
    13:59
    Uhm
  6. MichielBijl
    13:59
    I have Safari
  7. MichielBijl
    13:59
    Let me check
  8. MichielBijl
    14:01
    Seems to work :)
  9. MichielBijl
    14:05
    Used this to test: http://codepen.io/Michiel/pen/qOKjye?editors=110
  10. zakim-robot
    14:08
    [ccwilcox] @MichielBijl that example seems to also work in Safari 9 without the tabindex="-1"
  11. MichielBijl
    14:08
    Hmm
  12. MichielBijl
    14:08
    Did they fix it in Safari 9 then?
  13. MichielBijl @MichielBijl searches bugzilla
  14. MichielBijl
    14:13
    @ccwilcox it breaks if I remove the tabindex
  15. MichielBijl
    14:13
    Maybe CodePen didn't refresh for you?
  16. zakim-robot
    14:15
    [ccwilcox] yeah, I just retried it and it didn't work without the tabindex
  17. MichielBijl
    14:16
    I like that TPG's skip-link is called Skippy :D
  18. StommePoes
    14:18
    I also had ul id="skippies" for a while but I was told that's not professional enough and what if a client saw it
  19. StommePoes
    14:18
    whatever
  20. StommePoes
    14:18
    Ok, so webkit still needs the tabindex thing and yesh tabindex fix for Blink works also for webkit. Cool
  21. StommePoes
    14:19
    Am I missing any other big-name webkit browsers? I have Safari and Epiphany. Not sure if there are others... a default, not-actually-safari mobile browser maybe?
  22. MichielBijl
    14:20
    I've never heard of Epiphany :x:
  23. MichielBijl
    14:20
    :x
  24. MichielBijl
    14:20
    DAMN YOU GITTER SMILEYS
  25. MichielBijl
    14:21
    Why can't you turn those of
  26. MichielBijl
    14:21
    off
  27. MichielBijl
    14:24
    gitterHQ/gitter#949
  28. MichielBijl
    14:24
    Can't take it anymore
  29. zakim-robot
    14:26
    [ccwilcox] Epiphany is a WebKit browser for Gnome, a *nix desktop environment. Annoyingly, they just call it "web" in the interface, Epiphany is its code name https://wiki.gnome.org/Apps/Web
  30. zakim-robot
    14:27
    [ccwilcox] I'm not sure if it's the default one but it's available on the Raspberry Pi
  31. MichielBijl
    14:27
    Thank you :)
  32. StommePoes
    14:37
    Epiphany is like my "I need to test webkit" browser on my home machine, esp since Orca works with it because Orca now supports webkitty things (had to, too many apps are written in it)
  33. StommePoes
    14:37
    But I'm on the Windows machine now
  34. StommePoes
    14:38
    :pileofpoo
  35. StommePoes
    14:38
    even the smilies hijack my smilies
  36. MichielBijl
    14:54
    I suggest you get on the Stop the Smileys-badwagon ;)
  37. MichielBijl
    14:54
    Sign up now, it's free! gitterHQ/gitter#949
  38. zakim-robot
    15:33
    [car] @alice, I just saw your Debugging Accessibility slides in the gitter archives (from "the day the pipe went down" <g>). I share your dream! :)
  39. zakim-robot
    15:35
    [car] Love the filtering idea.
  40. StommePoes
    15:42
    Michiel, I haz another question for your Saffyt
  41. StommePoes
    15:43
    Does onchange on a select get triggered just by moving by arrow keys? Apparently Chrome didn't used to but it definitely does now (and IE has all along).
  42. StommePoes
    15:43
    So Blink does, Trident does...Gecko doesn't. Not sure what webkitz do
  43. StommePoes
    15:43
    if you need a test, stommepoes.nl has an annoying one now on its main page
  44. MichielBijl
    15:47
    Cool
  45. MichielBijl
    15:47
    I'll go check
  46. MichielBijl
    15:48
    Does it trigger a console.log or something?
  47. StommePoes
    15:48
    a sexy alert
  48. StommePoes
    15:48
    no console needed
  49. MichielBijl
    15:48
    Wowzers
  50. StommePoes
    15:48
    was my main debugger back in the day
  51. MichielBijl
    15:48
    It does not
  52. MichielBijl
    15:48
    You need to activate your selection (enter/space)
  53. MichielBijl
    15:49
    I can check iOS, but I'm pretty sure there it is the same thing.
  54. StommePoes
    15:50
    yeah it should be the same
  55. StommePoes
    15:50
    I'm updating some old docs claiming it's purely an IE problem
  56. StommePoes
    15:50
    but it's not anymore!
  57. StommePoes
    15:52
    ok, I did just figure out epiphany's package name for the debian running on this windows box, so I should be able to test the rest here
  58. StommePoes
    15:52
    thank yous
  59. zakim-robot
    15:53
    [car] @jdan: re convincing designers to follow color contrast guidelines, I've used the very cool AA and AAA color suggestions in the Chrome Accessibility Devtools (thanks @alice!) to show designers what an AA color, for example, would look like in a "remediation" situation (i.e. design already implemented, corporate accessibility deadline looming, no time for complete redesign...). They actually said, "That doesn't look as bad as I thought it would". ;)
  60. StommePoes
    15:54
    lol
  61. StommePoes
    15:55
    Was that only in Canary?
  62. StommePoes
    15:55
    I followed the video along too but there came no option for colour contrast in the extension checkbox area
  63. StommePoes
    15:55
    with just latest normal Chrome
  64. garcialo
    15:55
    It's in Chrome if you install the dev tools
  65. StommePoes
    15:55
    I have dev tools, and installed the extention alice mentions in her video
  66. garcialo
    15:55
    you have to inspect and then goto Accessibility Properties for the element
  67. StommePoes
    15:57
    yeah I get the contrast ratio but not that cool stuff she showed
  68. StommePoes
    15:57
    it'
  69. garcialo
    15:57
    Oh yeah, that's not in Chrome proper yet...just Canary
  70. StommePoes
    15:57
    ah ok
  71. garcialo
    15:57
    you mean the graph?
  72. garcialo
    15:57
    I actually am not a fan of the graph
  73. StommePoes
    15:57
    I wondered, I knew she was using Canary but wasn't sure if that was now in your case in normal-Chrome yet
  74. StommePoes
    15:58
    also no graph
  75. garcialo
    15:58
    Okay, what stuff are you talking about then?
  76. StommePoes
    15:58
    but under Accessibility Properties I do get a section with Contrast ratio: blah (little box)
  77. StommePoes
    15:58
    it
  78. StommePoes
    15:58
    's just not editable
  79. StommePoes
    15:58
    and she was able to click it and get that same picker
  80. StommePoes
    15:58
    (with a graph too yeah)
  81. StommePoes
    15:59
    and to enable that, when she was enabling the other accessibility stuff (there was a checkbox under settings), there was also a checkbox for contrast
  82. StommePoes
    15:59
    that checkbox hadn't appeared on my old Chromium so I thought, well that's old.
  83. StommePoes
    16:00
    But just got a brand new googley-branded Chrome on this machine and added it here too. Just wondered if one still needed Canary for the colour contrast picker/helper/chooser bit.
  84. garcialo
    16:06
    You have to hit Shift a few times
  85. garcialo
    16:06
    like...6 or 7 for that checkbox to show up
  86. StommePoes
    16:06
    oh?
  87. StommePoes
    16:06
    lemme try that
  88. StommePoes
    16:11
    oh now there's indeed one asking about a line in the colour picker (must be the graph)
  89. StommePoes
    16:11
    cool
  90. zakim-robot
    16:41
    [elaina] hey all! does anyone know of any good data out there regarding web animations and motion sickness? i’ve seen broader evidence (e.g. issues with ios 7 parallax/zooming, val’s list apart article), but I’m wondering if there’s been more solid testing
  91. zakim-robot
    16:57
    [alice] @StommePoes the color line is in the devtools native color picker
  92. zakim-robot
    16:57
    [alice] so many UIs :confused:
  93. zakim-robot
    16:59
    [jitendra] Which is the best new website, accessible?
  94. zakim-robot
    18:19
    [car] (Sorry @StommePoes @garcialo - intermittent wifi - I was on a train. It's ok now at McD's <g>). I am just using a regular googley-branded Chrome with the a11y devtools extension, but I wasn't using the color picker. I just click on the suggested AA or AAA color swatch and the new color style is slammed into the element. (Designer was surprised to see opacity: 1; slammed in too, but that's ok - gets the point across).
  95. zakim-robot
    18:22
    [alice] @car Yeah, the opacity thing is unfortunate - would be significantly harder to provide suggestions taking opacity into account, though
  96. zakim-robot
    18:22
    [alice] so it just makes the simplifying assumption that opacity can be 1.0
  97. zakim-robot
    18:23
    [car] Yeah, that's what I figured.
  98. zakim-robot
    18:25
    [alice] So yeah, as you say - it at least gives you the "that doesn't look as bad as I expected" gut check, then you can either use the provided color values as-is or figure out equivalent color with alpha/opacity<1 yourself
  99. zakim-robot
    18:27
    [car] Yep - it's a great tool. Good thing you know your math(s). :)
  100. zakim-robot
    18:27
    [alice] \o/ Yep, feeling totally vindicated in the time I spent learning linear algebra now :stuck_out_tongue:
  101. zakim-robot
    18:28
    [car] <chuckle>
  102. zakim-robot
    18:28
    [alice] [even if this is basically the simplest possible application]
  103. zakim-robot
    18:29
    [car] The key is that you boldly jumped in and did the calculations. :)
  104. zakim-robot
    18:29
    [car] And now we all have a very useful tool. :)
  105. zakim-robot
    18:31
    [alice] :dancer:
  106. StommePoes
    20:28
    I don't have enough toes to do algebra