Archive index

A11y Slackers Gitter Channel Archive 1st of September 2016

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Sep 01 09:25
    [jamesmtownsend] hey, anyone about?
  2. [jamesmtownsend] i got a quick question i hope someone can help me with
  3. Job van Achterberg
    @jkva
    Sep 01 09:26
    Shoot
  4. zakim-robot
    @zakim-robot
    Sep 01 09:26
    [jamesmtownsend] this is probably not the right place to ask but i’m drawing a blank
  5. [jamesmtownsend] when you have some text and then you have an asterisk after, which is a link and that links to another part of a page, like on wikipedia to reference the biblography, what is that called?
  6. Job van Achterberg
    @jkva
    Sep 01 09:28
    footnote?
  7. zakim-robot
    @zakim-robot
    Sep 01 09:28
    [jamesmtownsend] yes! thank you!!!
  8. Job van Achterberg
    @jkva
    Sep 01 09:28
    hth
  9. zakim-robot
    @zakim-robot
    Sep 01 09:29
    [jamesmtownsend] i couldn’t think of the word
  10. [jamesmtownsend] one of those mornings
  11. zakim-robot
    @zakim-robot
    Sep 01 09:46
    [michiel] shoots down jkva
  12. Job van Achterberg
    @jkva
    Sep 01 09:47
    What did I do
  13. zakim-robot
    @zakim-robot
    Sep 01 10:29
    [michiel] You said shoot.
  14. stevefaulkner
    @stevefaulkner
    Sep 01 12:18
    slackity slack slackers
  15. Ian Devlin
    @iandevlin
    Sep 01 12:19
    Steve!
  16. stevefaulkner
    @stevefaulkner
    Sep 01 12:22
    hi ian
  17. Job van Achterberg
    @jkva
    Sep 01 12:25
    Heya @stevefaulkner
  18. @michiel I should've known
  19. Ian Devlin
    @iandevlin
    Sep 01 12:34
    :D
  20. stevefaulkner
    @stevefaulkner
    Sep 01 12:38
    @jkva a merry dance i do for you and your brave wife
  21. Job van Achterberg
    @jkva
    Sep 01 12:38
    Uh oh, what did she do now?
  22. stevefaulkner
    @stevefaulkner
    Sep 01 12:39
    nuthin that i know of, but am sure she has ruffled somebodies feather while i have been away :-)
  23. Job van Achterberg
    @jkva
    Sep 01 12:39
    :D
  24. It was fun, we were at the Perl conference in Romania, and a well known speaker at some point says "And then Mallory said [...]" everyone knows who she is, even though she doesn't do any Perl, she just comes for the tech and social =)
  25. zakim-robot
    @zakim-robot
    Sep 01 14:32
    [michiel] hmm, it's been a while since karlgroves has fired me. I'm getting suspicious.
  26. zakim-robot
    @zakim-robot
    Sep 01 14:38
    [karlgroves] Wait until brighton
  27. Job van Achterberg
    @jkva
    Sep 01 14:38
    :D
  28. zakim-robot
    @zakim-robot
    Sep 01 14:43
    [michiel] Yeah you're the best Carly, getting me fired, death threats, the lot.
  29. [karlgroves] Only the best for you, Mitch
  30. Job van Achterberg
    @jkva
    Sep 01 14:44
    Aw you guys
  31. The Paciello hugbox is real!
  32. zakim-robot
    @zakim-robot
    Sep 01 14:49
    [cameron] thought I’d share something I and the thoughtbot team have been working on for some time
  33. [cameron] it’s called AccessLint CI, it’s a tool that runs web accessibility tests in CI
  34. [cameron] here’s the announcement https://robots.thoughtbot.com/introducing-accesslint-web-accessibility-testing-in-ci
  35. [cameron] I’m super excited! :)
  36. Fiona Holder
    @FionaHolder
    Sep 01 15:26
    looks cool :)
  37. zakim-robot
    @zakim-robot
    Sep 01 17:32
    [dna] hey slackers, anyone have any guidance on best practices for loading a page with an important notice on it?
  38. [dna] i know of role=alert, but is that intended for client-side rendered notices only?
  39. [dna] the other alternative I see is perhaps redirecting keyboard focus on load to a relevant div filled with information
  40. zakim-robot
    @zakim-robot
    Sep 01 17:41
    [michiel] I would advice the alert role.
  41. [michiel] http://w3c.github.io/aria-practices/#alert
  42. zakim-robot
    @zakim-robot
    Sep 01 17:55
    [marcysutton] I've used it on server-side rendered alerts as well
  43. [marcysutton] but there might be a timing issue...you'd have to test it
  44. [marcysutton] if you put the notice early enough in the source order it should be discoverable
  45. [marcysutton] (even without role=alert)
  46. [dna] @marcysutton what do you mean by a timing issue?
  47. [marcysutton] Typically when you use ARIA live you establish the region at load time, then append messages to it. If the message and the role are rendered at the same time, I would expect the message might get missed and not announced
  48. [marcysutton] but that's just a hunch
  49. [dna] ah gotcha
  50. [karlgroves] That’s right. Adding the aria live properties later won’t work. Screen readers keep a copy of the DOM in a buffer. The only things that trigger buffer refresh are adding/ removing items from the DOM or changing display properties
  51. [karlgroves] modifying element attributes won’t do it
  52. zakim-robot
    @zakim-robot
    Sep 01 18:01
    [dna] @karlgroves so that means the role=alert won’t work, right? would redirecting keyboard focus to a tabindexed div with content be too invasive?
  53. [karlgroves] It would work fine as long as it exists ahead of time or if the DOM is modified somehow
  54. [karlgroves] So, if you load the page with role=alert it should be announced as soon as the speech buffer allows it
  55. [dna] oh, great
  56. [dna] i’ll try it out
  57. [dna] second question that’s unrelated but arguably more important: does anyone know if google penalizes screen-reader-only text as “cloaking”?
  58. [dna] or if that’s on their radar

  59. [karlgroves] On page load, the first things read are things like the page title, URL, and other characteristics about the page (# of links etc.)

    If you have a role=alert on page load it should read that content as soon as the other stuff is done with.

  60. [marcysutton] if the text is spammy and unrelated to the rest of the content maybe?

  61. [karlgroves] > does anyone know if google penalizes screen-reader-only text as “cloaking”?

    Generally, no. Of course it is is too long and resembles keyword stuffing then yes

  62. [dna] yeah, i figure a comma separated list would be a good heuristic
  63. [karlgroves] Hidden text like validation messages are OK. Loads of people do that, including Google themselves.
  64. [dna] true, good point
  65. [karlgroves] But not
    “mesothelioma, lawyers, lawyers California, litigation attorneys” etc.
  66. [karlgroves] ;)
  67. [dna] okay, all great, thanks @marcysutton and @karlgroves!
  68. zakim-robot
    @zakim-robot
    Sep 01 18:06
    [karlgroves] thumbsup emoji
  69. [marcysutton] "Goodbye to moles and skin tags"
  70. [marcysutton] ^ an actual subject line in my spam folder
  71. [karlgroves] Man your spam is more interesting than mine
  72. [marcysutton] Are those like alt tags? (joy/allthethings emoji)
  73. [jiatyan] Is there a WCAG guideline to apply for a form field where the warning/error/instruction is provider after the field? eg. [\__]*required
  74. zakim-robot
    @zakim-robot
    Sep 01 18:12
    [karlgroves] I’d say that is definitely part of the SCs relating to labels.
  75. [karlgroves] 1.1.1, 1.3.1, 3.3.2, 4.1.2
  76. [jiatyan] Interesting. Never thought of it that way. Thanks, @karlgroves
  77. zakim-robot
    @zakim-robot
    Sep 01 20:52
    [jiatyan] Has anyone come across an accessible seating map? Example cases are when we are purchasing concert or sports tickets.
  78. luis garcia
    @garcialo
    Sep 01 20:54
    Airlines should have some good ones
  79. zakim-robot
    @zakim-robot
    Sep 01 20:54
    [jiatyan] oh right, they are supposed to by now :) thanks!
  80. luis garcia
    @garcialo
    Sep 01 20:55
    NP