Archive index

A11y Slackers Gitter Channel Archive 29th of September 2015

What fresh hell is THIS now? - Patrick Lauke
  1. LjWatson
    11:44
    Recommend this talk: What even is a table? A quick look at accessibility APIs by Edd Sowden https://vimeo.com/139062429
  2. zakim-robot
    12:21
    [callumacrae, a11y] The talk he mentions at the beginning he did on saturday at EpicFEL, it was good :simple_smile:
  3. zakim-robot
    12:21
    [callumacrae, a11y] He basically tried to teach 200 people how to use a screenreader at the same time
  4. LjWatson
    12:23
    @callumacrae Ha! That sounds like chaos on demand :)
  5. zakim-robot
    12:23
    [callumacrae, a11y] It wasn't like a dojo or anything, it was just him using a screen reader in front of us
  6. zakim-robot
    12:23
    [callumacrae, a11y] Two weeks today, I am doing a dojo and teaching 30–40 people how to use a screen reader at the same time :smile: I told them to bring headphones lol
  7. LjWatson
    12:27
    @callumacrae That sounds insane but brilliant. Good luck :)
  8. zakim-robot
    12:27
    [callumacrae, a11y] thank you! I will definitely need it
  9. zakim-robot
    13:11
    [joly, a11y] U.S. Web Design Standards https://playbook.cio.gov/designstandards/
  10. zakim-robot
    15:17
    [Katy Moe, a11y] What’s the current thinking of wrapping inputs in labels instead of using the for attribute? E.g. <label>Address<input type=“text”></label>
  11. zakim-robot
    15:20
    [Jordan Scales, a11y] @katy IIRC there are some issues with click targets on iOS when using this pattern
  12. zakim-robot
    15:22
    [Jordan Scales, a11y] http://stackoverflow.com/questions/7358781/tapping-on-label-in-mobile-safari
  13. zakim-robot
    15:23
    [Jordan Scales, a11y] might be orthogonal though, that example has a label with a for=“”
  14. zakim-robot
    15:47
    [Alice Boxhall, a11y] @katy AFAIK (and others may jump in and correct me on this) the only gotcha with the wrapped label pattern is that it will only label the first labelable element descendant
  15. zakim-robot
    15:48
    [Alice Boxhall, a11y] so e.g. don't do <label>Date<input type=number id=day>/<input type=number id=month>/<input type=number id=year></label> expecting each of the inputs to get the full textcontent of $('label') as its label
  16. zakim-robot
    16:03
    [Katy Moe, a11y] ah, thanks both
  17. zakim-robot
    16:06
    [Alice Boxhall, a11y] @jdan that bug is a facepalm though
  18. zakim-robot
    16:12
    [aarongustafson, a11y] Last week my colleague Cynthia posted about the state of a11y in Microsoft Edge and a bit of a roadmap for where things are going (http://blogs.windows.com/msedgedev/2015/09/25/accessibility-towards-a-more-inclusive-web-with-microsoft-edge-and-windows-10/). If you’ve read it and have feedback for the team, I’d happily pass it along.
  19. zakim-robot
    18:15
    [ccwilcox, a11y] @jdan: That stackoverflow is from 2011 and probably was a genuine bug. In iOS 8, I encounter no problem with tapping on a label, either wrapped or using the “for” attribute.
  20. zakim-robot
    18:16
    [ccwilcox, a11y] @alice: yes, each form field is expected to have its own label so I wouldn’t expect a single label wrapped around multiple ones to work
  21. zakim-robot
    18:18
    [ccwilcox, a11y] I think the thing to do for a multi-field date input is wrap them in a fieldset with a legend “Date” then give each individual field a Day, Month, Year label
  22. zakim-robot
    18:43
    [Darryl Pogue, a11y] If you use FastClick, it adds handling for clicking on labels
  23. zakim-robot
    19:06
    [Devon Persing, a11y] fieldset legends have pretty uneven support, unfortunately, if you’re looking to label a group of things together. VoiceOver on iOS skips them entirely.
  24. powrsurg
    20:47
    So I'm trying to convert over some buttons that previously used background and had a background-size attribute set so that retina quality devices scaled the images properly. I am converting them over to use the content attribute so that they appear when in high contrast mode. That all works well, except there is no equivalent to background-size for content. What should I do?
  25. powrsurg
    20:59
    CSS transform with scale?
  26. annagaiel
    22:59
    Hi :smile: