Archive index

A11y Slackers Gitter Channel Archive 5th of February 2016

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    Feb 05 05:35
    [jessebeach] @jnurthen, I put him on the ticket. We can debate it there :simple_smile:
  2. MichielBijl
    Feb 05 07:34
    Today feels like a good day :)
  3. I wonder why =)
  4. I remember showing a non-Dutch my country. "What's that?" "That's a parking spot for invalids." ("invalide" -> Dutch for disabled/physically handicapped, I translated literally without thinking). They looked at me incredulously. And it's weird when you think about it. Although looking at Dutch wiki there are various terms to describe it.
  5. MichielBijl
    Feb 05 08:13
    Oxford Dictionary: “A person made weak or disabled by illness or injury.”
  6. MichielBijl
    Feb 05 08:13
    That's not that far off :)
  7. MichielBijl
    Feb 05 08:14
    Interesting statistic, there are more people with an iPhone 5S, than there are people with either of the iPhone 6S models combined…
  8. I've got a 6 for sale if anyone's interested ;)
  9. MichielBijl @MichielBijl still loves his 5
  10. I couldn't get used to Apple. Went backt to android, got a Moto style
  11. <3 <3
  12. Hi all. Client is asking me to show inputs in a form only when hovering over them (so hide them entirely unless the user can magically find them by hovering). Which SC is this failing? I need to argue my point.
  13. I'll go look at the WCAG
  14. WebAIM guideline 1.1 looks good
  15. StommePoes
    Feb 05 09:29
    This "play the game of shoot the monkey and oh yeah, find the inputs" thing is pure evil
  16. Yeah it's terrible
  17. StommePoes
    Feb 05 09:30
    Evil like pits with spikes at the bottom
  18. I really didn't like "People use keyboards?!" when I told them their site is unusable by keyboard. Getting through is like pulling teeth
  19. StommePoes
    Feb 05 09:30
    hand-rubbing, cat-petting, bottom of a lair deep within a volcano with secret lab and henchmen evil
  20. StommePoes
    Feb 05 09:30
    Again, a big problem is, nobody sees disabled people. Or even people not like them.
  21. They're not evil. they simply don't know. All I can do is refuse and educate.
  22. StommePoes
    Feb 05 09:31
    They're all hidden away in bedrooms awaiting pity visits, instead of being out and about Doing Daily Things.
  23. StommePoes
    Feb 05 09:31
    So they become mythical.
  24. StommePoes
    Feb 05 09:31
    And clients don't believe they exist.
  25. StommePoes
    Feb 05 09:31
    Frustrating. Hair-losing.
  26. What bugs me most is that this client is in education
  27. I love my pity visits
  28. As long as they bring scotch
  29. Hey everyone. It's been too long.
  30. Heya @pkra. You're just in time for today's 10 minutes of hate
  31. Read this just now. Any thoughts?

    I think pragmatic screenreader users have their own tools to find hyperlinks.
    So it should be no problem to ignore hyperlinks from tabbing order
    and to tab only through landscapes (navbar items, book frame, left/right buttons, ...)

  32. MichielBijl
    Feb 05 09:33
    @jkva? 3.2.1 On Focus: When any component receives focus, it does not initiate a change of context. (Level A)
  33. @jkva hah!
  34. @michielbijl: Not sure if that applies? Client wants to only render input on hover (as in, only show labels). Am I misunderstanding you?
  35. MichielBijl
    Feb 05 09:34
    Ah
  36. MichielBijl
    Feb 05 09:35
    How does that work? Won't the layout flip out?
  37. I'm not sure what you mean
  38. I'll make a recording =)
  39. MichielBijl
    Feb 05 09:35
    Cool
  40. MichielBijl
    Feb 05 09:36
    And also: 2.1.1 Keyboard: All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints. (Level A)
  41. MichielBijl
    Feb 05 09:36
    Which makes 3.2.1 apply too I guess
  42. MichielBijl
    Feb 05 09:37
    You cannot focus a label, you can only focus the input.
  43. MichielBijl
    Feb 05 09:37
    So on focus the context changes (read this text -> fill in this form)
  44. MichielBijl
    Feb 05 09:38
    But I'm no WCAG expert.
  45. MichielBijl
    Feb 05 09:38
    If you have some time, the total thing is only 700 pages longs :P
  46. This message was deleted
  47. @MichielBijl : see above. I'm not a master at making videos yet =D
  48. MichielBijl
    Feb 05 09:45
    So label is to the left, input only shows on hover?
  49. Yep
  50. derp derp
  51. MichielBijl
    Feb 05 09:46
    I still think 3.2.1 is your best bet, you got no context to input field.
  52. MichielBijl
    Feb 05 09:46
    But maybe someone else has some better reasoning/advice for you :)
  53. Thanks =)
  54. Here's a new demo from our math tool. Listen to boring repetition of things working quite well now https://www.youtube.com/watch?v=6GSgTjorewQ
  55. god that embed is huge.
  56. Anyway, feedback is very welcome!
  57. That's a lot of tabs!
  58. Client said "Huh. I had never thought of that. You're absolutely right, don't hide the inputs." w00t! a11y wins
  59. @jkva was that directed at me?
  60. @pkra - no, but I'm watching your video at the moment.
  61. ah, ok :)
  62. Very nice @pkra. Not sure how hard it is for AT to deal with TeX atm.
  63. @jkva well, the underlying format is MathML, where AT is so-so.
  64. @jkva the TeX gets converted on the fly.
  65. @jkva problem is, MathML implementations are shoddy, so JS rendering is necessary
  66. MathML gets thrown out the page, but AT can only handle plain MathML -- and ARIA has no module for math so renderers like MathJax can't do anything sensible.
  67. @jkva and of course AT is as also shoddy in terms of MathML support.
  68. @pkra: Very impressed in that case - interpretation seemed uniform
  69. @jkva Thanks for the kind words. Do try out the demo and find bugs and holes :)
  70. We're looking for more funding to expand the tool (i18n, better semantics & speech rules) as well as informing the standards folks to maybe solve this at the root.
  71. @jkva we'd really rather not do any of this ;-)
  72. Out of curiosity, what's powering the backend?
  73. No backend. Just JS.
  74. all open source, of course.
  75. ++
  76. we do build on Volker Sorge's earlier work as part of ChromeVox.
  77. Cool, all new to me
  78. thx.
  79. "krautzource", heh, clever
  80. :innocent:
  81. StommePoes
    Feb 05 12:20
    @pkra are those NVDA arrows just plain arrows, or Object Nav arrows?
  82. MichielBijl
    Feb 05 12:36
    @jkva: whoop whoop! Go a11y :D
  83. StommePoes
    Feb 05 15:28
    Hey Slackers, I have an actual question
  84. StommePoes
    Feb 05 15:30
    So someone's made what seems like a multi-select listbox (that is, this functionality http://cookiecrook.com/test/aria/multiselect/listbox.html) but it looks much different-- like the select2 jQuery thingies (https://select2.github.io/examples.html see the "tagging" and multiple select examplts)
  85. StommePoes
    Feb 05 15:30
    So, they keyboarding th guy's come up with don't follow the rules for a listbox.
  86. StommePoes
    Feb 05 15:31
    The user needs to hit enter to hide/show the dropdown options.
  87. StommePoes
    Feb 05 15:31
    The user can move up and down those options with arrows. Hitting enter selects an item.
  88. StommePoes
    Feb 05 15:31
    To remove an item, focus needs to be at the top and removed with the backspace key.
  89. StommePoes
    Feb 05 15:32
    So, clicking on an item which is already selected doesn't remove it (whereas in James' version of listbox, toggling with space the item will add/remove it).
  90. Remove an item from a select?
  91. You select an item from a select.
  92. StommePoes
    Feb 05 15:32
    So this new thing acts a lot like the add email address To: field in Gmail.
  93. StommePoes
    Feb 05 15:32
    It's somewhat like a select, but not entirely. It's a web component but I don't think it's enough like a select to have him inherit from select with <select is="x-funky-component"> stuff
  94. StommePoes
    Feb 05 15:33
    Though... it could be, with multiselect attribute, as the web component fallback.
  95. MichielBijl
    Feb 05 16:00
    Haven't looked at your thing though (on the move).
  96. StommePoes
    Feb 05 16:24
    ah ok combobox, except can haz multiple things
  97. StommePoes
    Feb 05 16:25
    In Gmail, if you Compose, in the TO field, you can get an autocomplete name to show up, but then you can add another and another and another, and you can delete them by clicking with a mouse on the little X. No idea what keyboard should to do delete a name though.
  98. MichielBijl
    Feb 05 16:28
    That still sounds like a combobox
  99. MichielBijl
    Feb 05 16:28
    Err
  100. MichielBijl @MichielBijl needs more beer before giving advice
  101. jnurthen
    Feb 05 16:46
    we use arrow left/right which will highlight the entries and then delete to remove them.
  102. jnurthen
    Feb 05 16:47
    this example has some messed up aria (I think we have fixed this in a more recent version) but I think the keyboarding seems ok - http://www.oracle.com/webfolder/technetwork/jet/uiComponents-combobox-multi.html
  103. StommePoes
    Feb 05 16:55
    Oh @jnurthen that, that's it right there
  104. StommePoes
    Feb 05 16:56
    looks like that anyway, and yeah @michielBijl it's got autocomplete sort of feature as well
  105. StommePoes
    Feb 05 22:23
    Yeah the combobox is always aria-hidden :P
  106. jnurthen
    Feb 05 22:26
    actually there is another one that gets added to the page (a child of one of the list elements)
  107. jnurthen
    Feb 05 22:27
    it is a little funky though.... in my testing it seems to work but it is a little.... lets say... unconventional ;)
  108. zakim-robot
    Feb 05 23:20
    [alice] alt-related straw poll: has anyone here seen a purely decorative <img> in the wild lately?
  109. zakim-robot
    Feb 05 23:21
    [alice] Distinct from: background images, redundant icons
  110. garcialo
    Feb 05 23:21
    pretty rarely, but it happens
  111. garcialo
    Feb 05 23:22
    more often than not I see images in CSS
  112. jnurthen
    Feb 05 23:22
    spacer images ;)
  113. jnurthen
    Feb 05 23:23
    I see them frequently.... I guess my wild is different from your wild
  114. garcialo
    Feb 05 23:23
    yeah, YWMV
  115. jnurthen
    Feb 05 23:26
    to clarify I don't see them much in new frameworks but there are a lot of old frameworks still in use
  116. MichielBijl
    Feb 05 23:50
    Twitter's main menu has decorative images.
  117. MichielBijl
    Feb 05 23:50
    Those don't really add much
  118. MichielBijl
    Feb 05 23:52
    And of course they're icon fonts and not images…
  119. zakim-robot
    Feb 05 23:52
    [alice] @jnurthen where have you seen spacer images recently?
  120. zakim-robot
    Feb 05 23:52
    [alice] "seen"
  121. jnurthen
    Feb 05 23:53
    in a bunch of our apps on old frameworks ;)
  122. zakim-robot
    Feb 05 23:53
    [alice] haha
  123. zakim-robot
    Feb 05 23:53
    [alice] @MichielBijl You mean the redundant icons?
  124. MichielBijl
    Feb 05 23:53
    Yeap
  125. zakim-robot
    Feb 05 23:54
    [alice] Yeah, I think of that as a distinct case
  126. jnurthen
    Feb 05 23:55
    for example all EBusiness Suite apps are on an HTML framework which uses spacer images
  127. jnurthen
    Feb 05 23:58
    I see a few leftovers in a few other tech stacks too....
  128. jnurthen
    Feb 05 23:58
    anything behind the question?