Archive index

A11y Slackers Gitter Channel Archive 30th of June 2017

What fresh hell is THIS now? - Patrick Lauke
  1. Sean Elliott
    @seanus1138
    Jun 30 00:56
    Can someone please confirm for me a screen reader interaction im getting when using aria-live="assertive" on an element and that is also set display: none;
    Currently what i find is that on VoiceOver at least that the screen reader doesnt read out the text inserted into the element. Is anyone else getting the same thing?
  2. zakim-robot
    @zakim-robot
    Jun 30 02:40
    [caesar] Can you throw up a Codepen or something just to make sure I'm not understanding your scenario incorrectly?
  3. zakim-robot
    @zakim-robot
    Jun 30 03:51
    [dickson] @kivi nope.
  4. Sean Elliott
    @seanus1138
    Jun 30 05:00
    @caesar This is a really simple example of what im talking about, it seems aria-live="assertive" only works when the element isnt display:none/hidden
    https://codepen.io/seanus1138/pen/zzRpJe
  5. zakim-robot
    @zakim-robot
    Jun 30 05:11
    [caesar] JAWS 18 + Firefox... the aria-live is not announced when clicking the buttons
  6. [caesar] OK... NVDA + Firefox - messages are NOT announced
  7. [caesar] JAWS 18 + IE11 - messages ARE announced
  8. [caesar] I expect the display:none; property is not being changed fast enough to beat the aria-live being processed? Sorry, I'm not technical.
  9. Sean Elliott
    @seanus1138
    Jun 30 05:28
    yeh i got the same sort of behaviours, safari OSX only the element being hidden by sr-only worked, but on IOS for safari all were spoken by the screen reader
  10. zakim-robot
    @zakim-robot
    Jun 30 05:57
    [dickson] I want to use aria-describedby to provide additional info on checkboxes. The <span hidden>some text here</span> node being referenced has hidden set, but still shows up for screen readers when browsing the page
  11. zakim-robot
    @zakim-robot
    Jun 30 06:33
    [caesar] @dickson do you mean <span aria-hidden="true"> or else <span class="hidden"> (where "hidden" is a CSS class that hides the content?
  12. [caesar] Not meaning to insult your intelligence but there is no "hidden" attribute in HTML
  13. [dickson] Doesn't html5 have a hidden attribute?
  14. [dickson] <span hidden>...</span>
  15. [caesar] Oh, r ight
  16. [caesar] My bad. Didn't know that.
  17. [caesar] No idea what support for that would be like amongst AT, but I'd be highly skeptical
  18. zakim-robot
    @zakim-robot
    Jun 30 06:50
    [caesar] http://www.html5accessibility.com/tests/hidden2013.html
  19. [caesar] Apparently support is good
  20. zakim-robot
    @zakim-robot
    Jun 30 08:12
    [michiel] You can easily add support for it with the attribute selector like so: [hidden] { display: none; }
  21. [michiel] That way you pretty much end up with universal support.
  22. zakim-robot
    @zakim-robot
    Jun 30 09:39
    [dickson] @caesar @lindsaymcdougall thanks. For some reason changing the div to a span fixed it.
  23. zakim-robot
    @zakim-robot
    Jun 30 17:52
    [dickson] What's the tool people use to create accessible html slides like e.g from CSUN presentations? Looking for one that's accessible and works with e.g markdown
  24. zakim-robot
    @zakim-robot
    Jun 30 18:30
    [marcysutton] I use Reveal.js with a plugin. theoretically you could write markdown but I write HTML myself https://www.google.com/search?q=reveal+accessibility+plugin&oq=reveal+accessibility+plugin&aqs=chrome..69i57.6888j0j7&sourceid=chrome&ie=UTF-8
  25. [marcysutton] The main feature of that plugin is hiding content in offscreen slides, since links in those are still focusable in the default theme.
  26. zakim-robot
    @zakim-robot
    Jun 30 18:39
    [karlgroves] @dickson I use Shower.js but I’m thinking of switching to Reveal.js
  27. zakim-robot
    @zakim-robot
    Jun 30 20:07
    [jpdevries] @karlgroves is shower.js the one you mentioned you forked with that clever one line hack to make it more accessible?
  28. zakim-robot
    @zakim-robot
    Jun 30 20:27
    [karlgroves] Yes
  29. [karlgroves] I think that they merged my PR for that