Archive index

A11y Slackers Gitter Channel Archive 27th of November 2015

What fresh hell is THIS now? - Patrick Lauke
  1. MichielBijl
    08:27
    @bmeunier: that looks like a button (action on the same page)
  2. MichielBijl
    08:28
    Plus, you don't set focus to the input—which a label does—but merely change its visual state.
  3. zakim-robot
    13:02
    [jitendra] In a website I’m working. I need to show all days on week to user
  4. zakim-robot
    13:02
    [jitendra] and user can select one or multiple days
  5. zakim-robot
    13:03
    [jitendra] What would be the best way to show this?
  6. zakim-robot
    13:04
    [jitendra] Designer has given this
  7. garcialo
    13:04
    How would you do that if you had to use standard controls?
  8. zakim-robot
    13:05
    [jitendra] Checkboxes or select dropdown?
  9. garcialo
    13:06
    Checkboxes would probably be better than select. Multiselect can be a pain with keyboard.
  10. garcialo
    13:06
    Basically, you want to implement something with similar functionality to checkboxes. http://www.w3.org/TR/wai-aria-practices/#checkbox
  11. zakim-robot
    13:14
    [jitendra] Does anybody know what is the current state of accessibility of Wordpress admin?
  12. zakim-robot
    13:14
    [jitendra] https://www.sitepoint.com/community/t/how-accessible-is-the-wordpress-cms-for-a-blind-content-manager-study/13628
  13. zakim-robot
    14:14
    [callumacrae] Does anyone have any examples of a website written using React that works well with AT?
  14. zakim-robot
    14:14
    [callumacrae] Doesn't have to be a real site, can just be a demo
  15. MichielBijl
    14:45
    @jitendra: I agree with @garcialo.
  16. MichielBijl
    14:45
    Put them in a ol for moar informations
  17. stevefaulkner
    14:59

    I agree with @garcialo.

    never a good idea ;-)

  18. garcialo
    15:00
    Hah
  19. StommePoes
    15:12
    Are there any examples posted in the news from FB about their "accessible React"? (ug, that there's "React" and then separately, "Accessible React"
  20. StommePoes
    15:12
    )
  21. StommePoes
    15:13
    https://code.facebook.com/posts/435862739941212/making-react-apps-accessible/
  22. StommePoes
    15:14
    So they're claiming the ads manager app is written accessibly in Native React.
  23. StommePoes
    15:14
    er, React Native. Or whatever.
  24. StommePoes
    15:14
    @callumacrae
  25. zakim-robot
    15:15
    [callumacrae] You have to manually make everything accessible? Why isn't it accessible by default?
  26. zakim-robot
    15:15
    [jitendra] @michiel: in ol?
  27. StommePoes
    15:16
    @callumacrae my thoughts too.
  28. MichielBijl
    15:17 
    <ol>   <li><label><input type="checkbox">Monday</label></li>   <li><label><input type="checkbox">Tuesday</label></li>   <li><label><input type="checkbox">Wednesday</label></li>   <li><label><input type="checkbox">Thursday</label></li>   <li><label><input type="checkbox">Friday</label></li>   <li><label><input type="checkbox">Saturday</label></li>   <li><label><input type="checkbox">Sunday</label></li> </ol>
  29. StommePoes
    15:17
    @jitendra but if you use OL don't rely on the generated numbers for your numbers, have the day numbers be content.
  30. MichielBijl
    15:17
    “list 7 items” will be announced
  31. StommePoes
    15:17
    @michielBijl remember Dragon
  32. MichielBijl
    15:18
    What does the damn dragon do now?
  33. StommePoes
    15:18
    http://www.ssbbartgroup.com/blog/dragon-13-aria-support-is-here/ I'm actually curious what exactly that means, Dragon doesn't support implicit labels... does that mean if you speak the visible label name, that that doesn't check or focus the checkbox?
  34. StommePoes
    15:19
    @deborahgu may know
  35. StommePoes
    15:19
    I think Dragon's the only one now that doesn't though.
  36. StommePoes
    15:20
    Wow, okay, am I seeing this right? I clicked from Facebook's Accessible React page on their link to HIKE.
  37. StommePoes
    15:20
    https://code.facebook.com/posts/1152362248125846/hike-our-quick-simple-accessibility-primer/
  38. StommePoes
    15:21
    And on it I see a big image
  39. StommePoes
    15:21
    Inside a <figure>
  40. StommePoes
    15:21
    with a class and a src
  41. StommePoes
    15:21
    and that's it.
  42. MichielBijl
    15:21
    @StommePoes check the header image, that's a background…
  43. MichielBijl
    15:23
    Anybody know where to file bugs against HIKE?
  44. MichielBijl
    15:23
    Ah, that is just the Facebook blog thingy
  45. StommePoes
    15:24
    @Michiel one could successfully argue the header image is decorative tho
  46. MichielBijl
    15:24
    It has text
  47. StommePoes
    15:25
    Sign Up to see what your friends like!
  48. StommePoes
    15:25
    It has a logo, and it's repeating the name of the page "HIKE".
  49. StommePoes
    15:25
    If it were clickable though, I'd say they couldn't argue that cause now it's content
  50. StommePoes
    15:26
    alt="fugly HIKE logo"
  51. MichielBijl
    15:26
    Sure, but it looks like content anyhow
  52. StommePoes
    15:26
    I had missed it, myself
  53. StommePoes
    15:26
    banner blindness perhaps
  54. StommePoes
    15:26
    It looked like those bg images on twitter and linkedin
  55. StommePoes
    15:27
    or medium
  56. MichielBijl
    15:27
    custom styles: .hero { display: none }
  57. StommePoes
    15:27
    so I hadn't even looked at it
  58. StommePoes
    15:27
    where's the hero class? I don't see it
  59. MichielBijl
    15:27
    Not sure it's there
  60. StommePoes
    15:27
    bleh nasty classnames _5ix0 _3f42 _5rax _2td2
  61. MichielBijl
    15:27
    I was trying to make a haha :(
  62. StommePoes
    15:28
    I no good at grokking ha-has
  63. MichielBijl
    15:28
    As in use user styles and just hide all .hero elements
  64. zakim-robot
    16:32
    [blink183] It means you can't speak the content of an implicit label to gain direct voice access to the input using Dragon.
  65. zakim-robot
    16:38
    [jitendra] @stomme what do u mean by Day numbers?
  66. zakim-robot
    16:38
    [jitendra] I need to days name only
  67. garcialo
    16:46
    It's usually better to do things explicitly. labels, language, etc.
  68. stevefaulkner
    18:54
    Hi from adrians site http://adrianroselli.com/a11yslackers
  69. aardrian
    19:06
    Hey I just tried you
    And this is crazy
    But here's my sidebar
    So chat me maybe
  70. stevefaulkner
    19:08
    @aardrian he sings as well
  71. aardrian
    19:09
    @stevefaulkner So glad there is no audio in this chat.
  72. stevefaulkner
    19:09
    :-)
  73. stevefaulkner
    19:10
    @aardrian think we should do some work on this to improve UI accessibility, but love its lack of clutter
  74. aardrian
    19:11
    @stevefaulkner I didn't even check to see if there is a public repo to edit. Also like lack of clutter, ability to just hang out on the page.
  75. stevefaulkner
    19:14
    yup
  76. MichielBijl @MichielBijl waves @aardrian
  77. stevefaulkner
    21:23
    @aardrian https://github.com/gitterHQ/sidecar
  78. aardrian
    21:25
    @stevefaulkner Sweet. Will add that to the list of things I feel guilty about ignoring this weekend.
  79. stevefaulkner
    21:29
    @aardrian add this too https://github.com/kyoshino/simple-sidebar
  80. stevefaulkner
    22:01
    Its a bit wonky on touch/mobile