Archive index

A11y Slackers Gitter Channel Archive 9th of May 2016

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    May 09 05:00
    [bruderstein] a11y beginner, just trying to improve a custom combobox a11y,whilst learning about how aria works etc. My workflow currently revolves around checking the chrome://accessibility tab, and the native accessibility tree to see if it "looks reasonable". Are there better methods, or something else I should be doing? (tooling for a11y seems really weak??)
  2. zakim-robot
    @zakim-robot
    May 09 05:33
    [mlockrey] @michiel: This is the best link I can find
    http://europa.eu/rapid/press-release_IP-16-1654_en.htm
  3. zakim-robot
    @zakim-robot
    May 09 05:34
    [marcysutton] @bruderstein: there is an Accessibility Inspector in Safari now, and one coming in Chrome (you can enable it in Chrome Canary https://groups.google.com/a/chromium.org/forum/#!topic/chromium-accessibility/zmWfzZic9fE)
  4. zakim-robot
    @zakim-robot
    May 09 05:35
    [marcysutton] Edge too apparently but i haven’t seen it yet myself
  5. zakim-robot
    @zakim-robot
    May 09 05:35
    [marcysutton] Other than browser tools like those or aViewer for Windows though, your best bet is to fire up a screen reader and see for yourself
  6. zakim-robot
    @zakim-robot
    May 09 05:36

    [mlockrey] It looks like the next steps are as follows:

    Following tonight's political agreement (in 'trilogue', between negotiators of the European Parliament, the Council and the Commission), the text will have to be formally approved by the European Parliament and the Council. After that it will be published in the Official Journal and will officially enter into force. Member States will have 21 months to transpose the text into their national legislation.

  7. zakim-robot
    @zakim-robot
    May 09 05:41
    [bruderstein] @marcysutton: thanks, I'll try those out. Had planned on testing with a screen reader, just wanted to get to a point where it might read something useful first :)
  8. Michiel Bijl
    @MichielBijl
    May 09 07:32
    Morning slackers.
  9. Job van Achterberg
    @jkva
    May 09 07:36
    hey @MichielBijk
  10. Job van Achterberg
    @jkva
    May 09 07:36
    *Bijl
  11. Michiel Bijl
    @MichielBijl
    May 09 08:26
    Morning Job :)
  12. Job van Achterberg
    @jkva
    May 09 08:26
    o/
  13. Job van Achterberg
    @jkva
    May 09 08:37
    @here I want to learn more about color theory. I can use google, but I'd like to know if any of you have personal experience with good resources that I could read on the subject.
  14. Job van Achterberg
    @jkva
    May 09 08:42
    Is that one you use personally jitendra?
  15. zakim-robot
    @zakim-robot
    May 09 08:45
    [jitendra] i do not check color theory often so no
  16. Job van Achterberg
    @jkva
    May 09 08:46
    @jitendra - that link looks good, thanks. But I did ask for personal experience resources :)
  17. Job van Achterberg
    @jkva
    May 09 08:46
    Maybe there's just not a lot to it...
  18. zakim-robot
    @zakim-robot
    May 09 08:55
    [michiel] mlockrey: I've downloaded the document that is linked to, but that was rather old, so don't know if that is the latest version.
  19. zakim-robot
    @zakim-robot
    May 09 08:56
    [mlockrey] Righto
  20. zakim-robot
    @zakim-robot
    May 09 08:57
    [mlockrey] I've no idea but it does say the official text will be published soon...
  21. Michiel Bijl
    @MichielBijl
    May 09 09:05
    Thanks!
  22. stevefaulkner
    @stevefaulkner
    May 09 09:23
    morning
  23. stevefaulkner
    @stevefaulkner
    May 09 09:23
  24. zakim-robot
    @zakim-robot
    May 09 11:29
    [jitendra] if I find a job post which has mentioned “Deep understanding of WCAG and Section 508” and I have never read whole WCAG and Section 508 docs, I’m not sure whether I will be considered or not
  25. Job van Achterberg
    @jkva
    May 09 11:29
    @jitendra: It means you have your work cut out for you ;)
  26. zakim-robot
    @zakim-robot
    May 09 11:30
    [jitendra] @jkva - I didn’t get, could you rephrase?
  27. Job van Achterberg
    @jkva
    May 09 11:30
    I don't think you're supposed to read the whole WCAG, even. I would read between the lines. What they ask for is "If we employed you, could you make sites WCAG and Section 508 compliant"
  28. Job van Achterberg
    @jkva
    May 09 11:31
    And you say "Yes, because I understand WCAG and section 508 and how to apply those guidelines and rules"
  29. Job van Achterberg
    @jkva
    May 09 11:33
    And in the meantime, there's http://www.section508.gov/content/learn
  30. stevefaulkner
    @stevefaulkner
    May 09 11:33
    reading/understanding the WCAG 2 criteria is a must, reading all the associated docs is not, only needed if you don't understand a particular requirement
  31. stevefaulkner
    @stevefaulkner
    May 09 11:33
    if you understand WCAG criteria you pretty well understand section 508
  32. zakim-robot
    @zakim-robot
    May 09 11:34
    [jitendra] ok
  33. zakim-robot
    @zakim-robot
    May 09 12:02
    [jitendra] Is there a way to filter WCAG for Web specific stuff only? I’m currently not interested to read more about accessibility of PDF, Video, Audio, iOS and Android apps.
  34. Job van Achterberg
    @jkva
    May 09 12:11
    Pfff, thought of printing the grid spec. 150 pages, yikes
  35. Job van Achterberg
    @jkva
    May 09 12:20
  36. zakim-robot
    @zakim-robot
    May 09 12:24
    [jitendra] @jkva - this is useful. thanks.
  37. Job van Achterberg
    @jkva
    May 09 12:24
    Glad to help.
  38. Michiel Bijl
    @MichielBijl
    May 09 12:42
    jkva: maybe you can read it and give the workshop instead of me.
  39. Job van Achterberg
    @jkva
    May 09 12:42
    @MichielBijl I don't have that TPG swagger
  40. Mallory
    @StommePoes
    May 09 12:48
    @jitendra there is some small things you should know about sectio 508 though
  41. Mallory
    @StommePoes
    May 09 12:50
    We have internal accessibility guidelines at my work which have some weird stuff, so I asked my manager why, and it was for 508. Sometimes an American client will come up and say "we need to be 508-compliant and we need to prove that" meaning that even if WCAG2 allows something, if 508 forbids it, you may not have that technique in use. And so our guidelines have for example lots of stuff about image maps. Nobody freaking uses image maps (<map>, <area> etc) but we must have internal guidelines for it.
  42. Job van Achterberg
    @jkva
    May 09 13:15
    ++
  43. stevefaulkner
    @stevefaulkner
    May 09 13:17
    this from Jim Thatcher also good - Side by Side WCAG vs. 508 http://jimthatcher.com/sidebyside.htm
  44. Job van Achterberg
    @jkva
    May 09 13:17
    Hmm that first link doesn't dns-resolve
  45. stevefaulkner
    @stevefaulkner
    May 09 13:18
    works for me
  46. Job van Achterberg
    @jkva
    May 09 13:18
    weird
  47. zakim-robot
    @zakim-robot
    May 09 13:19
    [jitendra] works for me too
  48. jkva @jkva runs a trace
  49. Michiel Bijl
    @MichielBijl
    May 09 13:26
    WFM
  50. Mallory
    @StommePoes
    May 09 15:04
    It might have temporarily had a network glitch, good link steve
  51. Job van Achterberg
    @jkva
    May 09 15:08
    Hmm yeah I can access it from the network at home
  52. Michiel Bijl
    @MichielBijl
    May 09 15:39
    Home network > all other networks.
  53. Michiel Bijl
    @MichielBijl
    May 09 15:39
    No place like ::1 and all that.
  54. zakim-robot
    @zakim-robot
    May 09 15:44
    [rianrietveld] Hey all, I have a question:
    Does any of you know a live example of a keyboard trap? I’m doing a workshop on keyboards a11y tomorrow, and really could use an example on a site somewhere
  55. zakim-robot
    @zakim-robot
    May 09 15:45
    [jitendra] gmail is using table for inbox list view. is it ok? if not what markup would be better?
    http://take.ms/u8klr
  56. zakim-robot
    @zakim-robot
    May 09 15:47
    [rianrietveld] @sillero: Thank you!
  57. zakim-robot
    @zakim-robot
    May 09 15:47
    [sillero] david is doing some work on React and a11y, his focus trap implementation is for both vanilla JS and React
  58. zakim-robot
    @zakim-robot
    May 09 15:47
    [rianrietveld] David who?
  59. zakim-robot
    @zakim-robot
    May 09 15:48
    [sillero] don’t know him, just following his work on this as I’m working on something similar
  60. zakim-robot
    @zakim-robot
    May 09 15:48
    [sillero] davidtheclark
  61. zakim-robot
    @zakim-robot
    May 09 15:48
    [rianrietveld] ok, thanks :)
  62. Michiel Bijl
    @MichielBijl
    May 09 15:55
    Jitendra: depends on the view I guess, but table should work if it has multiple columns etc.
  63. Michiel Bijl
    @MichielBijl
    May 09 15:55
    I don't know what gmail looks like.
  64. zakim-robot
    @zakim-robot
    May 09 16:14
    [ted_drake] does anyone have a link to an accessible, customized file uploader widget? I have found the YUI example, which is great but deprecated, and a jQuery widget. I’d like to see some other examples.
  65. zakim-robot
    @zakim-robot
    May 09 16:17
    [ted_drake] @rianrietveld: Look for a spreadsheet or similar application where you can add a row or extra object. Many times, these can be a keyboard trap. We had this problem in Intuit, but we make sure the row is not empty before appending an additional row. Otherwise, the user keeps adding rows and gets stuck.
  66. zakim-robot
    @zakim-robot
    May 09 16:18
    [ted_drake] @rianrietveld: Also, look at pages with never ending scroll sections. Such as Facebook, Twitter, Yahoo, etc. If not done correctly, the user will never reach the end of the main section and cannot reach the right column widgets
  67. Amanda Rush
    @amandarush
    May 09 16:20
    Here's an article on infinite scroll and accessibility. http://simplyaccessible.com/article/infinite-scrolling/
  68. zakim-robot
    @zakim-robot
    May 09 16:26
    [rianrietveld] @ted_dra & @amandarush Thanks! good examples
  69. Mallory
    @StommePoes
    May 09 16:43
    Rian: I saved one of the old Rabo login pages
  70. Mallory
    @StommePoes
    May 09 16:44
    it's not exactly a keyboard trap but it had auto-tab. You first type in your rekeningnummer and when you filled out enough digits, it auto-tabbed you to the special secret code number.
  71. Mallory
    @StommePoes
    May 09 16:45
    However if you wanted to shift-tab back to your rekeningnummer to correct it, because it was already full, you were always bounced back to the code-number input.
  72. Mallory
    @StommePoes
    May 09 16:45
    You could never easily fix your typed-in rekeningnummer.
  73. Mallory
    @StommePoes
    May 09 16:45
    Now, they have a new interface so this is only an issue when the old page appears, which seems to be only when doing a direct iDeal payment.
  74. Mallory
    @StommePoes
    May 09 16:45
    And I expect that one to be replaced too.
  75. Mallory
    @StommePoes
    May 09 16:46
    @rianRietveld
  76. Michiel Bijl
    @MichielBijl
    May 09 16:56
    It's like the NS planner where they put your input value in the placeholder if you tab back :(
  77. Job van Achterberg
    @jkva
    May 09 17:37
    Nice :)
  78. zakim-robot
    @zakim-robot
    May 09 18:14
    [carlinscuderi] Anyone know how Gravity Forms (WordPress plugin) ranks in terms of a11y?
  79. zakim-robot
    @zakim-robot
    May 09 18:22
    [violet] I’m playing around with VoiceOver for Mac and it looks like Chrome doesn’t have out-of-the-box support for interacting with HTML elements; you have to install an extension. 1) Is this true or am I missing a secret menu? 2) What accessibility extensions have you tried and liked? I’m trying out Caret later today but it’s the only one on my radar at the moment
  80. zakim-robot
    @zakim-robot
    May 09 18:34
    [sillero] violet: what kind of interaction?
  81. zakim-robot
    @zakim-robot
    May 09 18:34
    [sillero] VoiceOver should read the page as you TAB into into
  82. zakim-robot
    @zakim-robot
    May 09 18:35
    [violet] in Safari, once you get into the HTML page, you can go from element to element by pressing the Down arrow, but I couldn’t figure out how to navigate around elements in Chrome that aren’t explicitly focusable
  83. zakim-robot
    @zakim-robot
    May 09 18:35
    [cordelia] @violet do you have quick nav enabled on chrome?
  84. zakim-robot
    @zakim-robot
    May 09 18:35
    [cordelia] i believe quick nav is per-app
  85. zakim-robot
    @zakim-robot
    May 09 18:36
    [cordelia] if not, you’ll need to hold down ctrl+option+arrow to navigate element by element
  86. zakim-robot
    @zakim-robot
    May 09 18:36
    [violet] ohhhh okay thanks!
  87. zakim-robot
    @zakim-robot
    May 09 18:36
    [violet] I haven’t dug into quick nav
  88. zakim-robot
    @zakim-robot
    May 09 18:38
    [violet] yes thanks for the ctrl+option tip! got it going
  89. zakim-robot
    @zakim-robot
    May 09 18:38
    [cordelia] Hm… actually, I think Quick Nav isn’t per app. Anyway, with Quick Nav on, you can navigate elements with just the arrow keys, but with it off you need to press VoiceOver keys (Ctrl + Option) along with the arrow keys.
  90. zakim-robot
    @zakim-robot
    May 09 18:38
    [cordelia] cool! glad that worked for you
  91. zakim-robot
    @zakim-robot
    May 09 18:38
    [violet] okay, great to know! thanks. Safari I guess has it turned on by default
  92. zakim-robot
    @zakim-robot
    May 09 18:44
    [mrenty] Does anyone know a good example of a datepicker that has decent voiceover support?
  93. zakim-robot
    @zakim-robot
    May 09 18:45
    [carlinscuderi] @mrenty: I had this same struggle; I found some OK jQuery plugins, but overall did not find a solution.
  94. zakim-robot
    @zakim-robot
    May 09 18:47
    [mrenty] Yeah I’ve made a fork of a popular VanillaJS datepicker and made it keyboard accessible but if you move to quickly through the calendar it sometimes misses the change and just reads out “6” because it’s the last character of “2016” :\
  95. Mallory
    @StommePoes
    May 09 18:50
    Jason Kiss recently went through various datepickers and had some favourites
  96. Mallory
    @StommePoes
    May 09 18:50
    however I can't say he thought ot VO specifically
  97. Michiel Bijl
    @MichielBijl
    May 09 18:51
    So he picked a favourite date picker?
  98. Mallory
    @StommePoes
    May 09 18:52
    a few favourites
  99. zakim-robot
    @zakim-robot
    May 09 18:53
    [mrenty] Thanks will look into those ;)
  100. Michiel Bijl
    @MichielBijl
    May 09 18:53
    I should follow him someday.
  101. Michiel Bijl
    @MichielBijl
    May 09 18:53
    He gives good hugs.
  102. Mallory
    @StommePoes
    May 09 18:53
    haha
  103. Mallory
    @StommePoes
    May 09 18:54
    and has fucking-ducks but no fucking-duck eggs. He thinks maybe they're really all drakes.
  104. Job van Achterberg
    @jkva
    May 09 18:54
    I think a quack sold them those ducks
  105. Michiel Bijl
    @MichielBijl
    May 09 18:54
    =D
  106. Mallory
    @StommePoes
    May 09 18:54
    I need to find a page with ordinary form fields,
  107. Mallory
    @StommePoes
    May 09 18:54
    without a lot of styling added to the inputs
  108. Job van Achterberg
    @jkva
    May 09 18:55
    I have a whole sleeve of lasagna that I cannot possibly eat all by myself
  109. Mallory
    @StommePoes
    May 09 18:55
    it is not ready to be eaten is it?
  110. Job van Achterberg
    @jkva
    May 09 18:55
    Give it 5 mins to cool
  111. Mallory
    @StommePoes
    May 09 18:55
    I haz meeting in 5
  112. Mallory
    @StommePoes
    May 09 18:56
    and for that meeting I need some normal inputs
  113. Mallory
    @StommePoes
    May 09 18:56
    every website I can think of styles the crap out of them
  114. Job van Achterberg
    @jkva
    May 09 18:56
    I only have lasagna
  115. Michiel Bijl
    @MichielBijl
    May 09 18:56
  116. Michiel Bijl
    @MichielBijl
    May 09 18:56
    does not have all.
  117. Michiel Bijl
    @MichielBijl
    May 09 18:57
    Just make it :P
  118. Mallory
    @StommePoes
    May 09 18:58
    guess I have to build a webpage in 4 mintues
  119. powrsurg
    @powrsurg
    May 09 18:58
    @MichielBijl the docs on indeterminate is a 404
  120. Michiel Bijl
    @MichielBijl
    May 09 18:59
    I think le stevefaulkner sort of abandoned that library.
  121. powrsurg
    @powrsurg
    May 09 18:59
    I had never heard of a third-state for checkboxes so I wanted to check it out
  122. Michiel Bijl
    @MichielBijl
    May 09 18:59
  123. Michiel Bijl
    @MichielBijl
    May 09 19:00
    Ah
  124. Michiel Bijl
    @MichielBijl
    May 09 19:00
    It is in the HTML spec
  125. MichielBijl @MichielBijl looks for link
  126. Michiel Bijl
    @MichielBijl
    May 09 19:03
    StommePoes
  127. Michiel Bijl
    @MichielBijl
    May 09 19:04
  128. Michiel Bijl
    @MichielBijl
    May 09 19:05
    Actually, the first paragraph has some on intermediate too.
  129. powrsurg
    @powrsurg
    May 09 19:06
    I don't think I've ever needed that in the decade+ of webdev I've done, but I guess that's good to know
  130. powrsurg
    @powrsurg
    May 09 19:07
    so target="_blank" is considered harmful, now checkboxes have three states. The web is fun
  131. Michiel Bijl
    @MichielBijl
    May 09 19:07
  132. Michiel Bijl
    @MichielBijl
    May 09 19:08
    It's missing the correct visual state for the tri-state though :(
  133. powrsurg
    @powrsurg
    May 09 19:15
    yeah, I guess I can see it being useful for select-all type scenarios
  134. Mallory
    @StommePoes
    May 09 19:29
    Funny, I am getting zero focus styles in firefox on linux and windows. Another person testing windows sees a very faint focus something in FF and nothing in IE (I also see nothing in IE)
  135. Mallory
    @StommePoes
    May 09 19:29
    I don't remember not being able to see my focus in FF before, is this new?
  136. Mallory
    @StommePoes
    May 09 19:30
    We're now debating if we should add focus styles to the inputs or if there was some reason browsers deliberately removed it? checks and radios still have their dotted outlines
  137. Michiel Bijl
    @MichielBijl
    May 09 19:41
    You still need visible focus for WCAG AA.
  138. Michiel Bijl
    @MichielBijl
    May 09 19:41
    So, seems weird?
  139. Michiel Bijl
    @MichielBijl
    May 09 19:41
    FF shows focus on OS X.
  140. Michiel Bijl
    @MichielBijl
    May 09 19:44
    As in, would be weird to remove.
  141. powrsurg
    @powrsurg
    May 09 20:06
    Google is looking to make links black
  142. Mallory
    @StommePoes
    May 09 20:18
    all mac stuff has a fluffy blue outline glow thing, but not win or linux
  143. zakim-robot
    @zakim-robot
    May 09 20:25
    [marcysutton] UGH re: black links
  144. zakim-robot
    @zakim-robot
    May 09 20:28
    [alice] yeah but this article on it has the best illustrative image ever: http://www.engadget.com/2016/05/09/google-tests-black-search-links/
  145. zakim-robot
    @zakim-robot
    May 09 20:28
    [alice] (alt: Nigel Tufnel)
  146. zakim-robot
    @zakim-robot
    May 09 20:29
    [marcysutton] haha
  147. Amanda Rush
    @amandarush
    May 09 20:31
    Really? Black links? Come on.
  148. zakim-robot
    @zakim-robot
    May 09 20:32
    [joe-watkins] None blacker
  149. zakim-robot
    @zakim-robot
    May 09 20:34
    [joe-watkins] I love that scene in Spinal Tap.. looks like they changed type face as well in those tests.
  150. powrsurg
    @powrsurg
    May 09 20:38
    alt=gamer informing developer that they use a mouth wand to play games. Developer then chooses to re-add on-screen arrows back into his game.
  151. Michiel Bijl
    @MichielBijl
    May 09 20:46
    “I don't see the issue”—all DuckDuckGo users.
  152. Mallory
    @StommePoes
    May 09 21:16
    very cool re mouthstick buttons
  153. zakim-robot
    @zakim-robot
    May 09 21:20
    [cameron] @jessebeach: curious about the status of quailjs
  154. zakim-robot
    @zakim-robot
    May 09 21:20
    [cameron] I noticed you’re a maintainer on GH
  155. zakim-robot
    @zakim-robot
    May 09 21:24
    [jessebeach] @cameron: It's there, it mostly works :)
  156. zakim-robot
    @zakim-robot
    May 09 21:24
    [jessebeach] I haven't been working on it since Feb
  157. zakim-robot
    @zakim-robot
    May 09 21:25
    [jessebeach] I probably won't be putting more time into it this year. I'm recommending folks go with aXe by Deque. It's open source and some of the folks who worked on Quail are now working on aXe
  158. zakim-robot
    @zakim-robot
    May 09 21:28
    [cameron] @jessebeach: thank you for the update. curious, is Quail a non-profit, or just an affiliation
  159. zakim-robot
    @zakim-robot
    May 09 21:29
    [cameron] the reason I was curious, the W3C WCAG testing wiki points to Quail in a test spec https://www.w3.org/community/auto-wcag/wiki/1.1.1_Non-text_Content
  160. stevefaulkner
    @stevefaulkner
    May 09 21:32
  161. Mallory
    @StommePoes
    May 09 21:40
    @stevefaulkner it still ended up that on my windows box, FF and IE don't show any focus difference, while on a colleague's Windows box (10 instead of my 7), FF and IE both show a focus colour
  162. Mallory
    @StommePoes
    May 09 21:42
    I recall a friend telling me Dutch municipalities were using Quail to test things like PDFs... he had a low opinion, either of Quail or how they were using it, because it was passing really bad PDFs and websites.
  163. Mallory
    @StommePoes
    May 09 21:42
    It could be how they were using it, as these weren't accessibilty pros but just Dutch office people
  164. zakim-robot
    @zakim-robot
    May 09 21:57
    [jessebeach] @cameron
  165. zakim-robot
    @zakim-robot
    May 09 21:58
    [jessebeach] oh my, no, it's just an OSS project. There's no structured organization associated with it
  166. zakim-robot
    @zakim-robot
    May 09 21:58
    [jessebeach] That line in the wiki should be removed
  167. zakim-robot
    @zakim-robot
    May 09 21:59
    [jessebeach] I removed it
  168. zakim-robot
    @zakim-robot
    May 09 21:59
    [marcysutton] @wilco can probably handle that since he’s a chair of Auto-WCAG
  169. zakim-robot
    @zakim-robot
    May 09 22:00
    [marcysutton] ahh cool
  170. Jason Day
    @jasonday
    May 09 22:24
    Anyone still around?
  171. Michiel Bijl
    @MichielBijl
    May 09 22:26
    No, they all left.
  172. Jason Day
    @jasonday
    May 09 22:28
    ah well ;)
  173. Michiel Bijl
    @MichielBijl
    May 09 22:39
    What is on your mind Jason?