Archive index

A11y Slackers Gitter Channel Archive 6th of January 2017

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Jan 06 00:37
    [melsumner] if aria-errormessage works the way it looks like it might work, that is going to be so.amazing.
  2. [melsumner] I literally squeaked with excitement when I saw some of the new properties
  3. James Nurthen
    @jnurthen
    Jan 06 00:38
    how does it look like it might work?
  4. zakim-robot
    @zakim-robot
    Jan 06 00:39
    [melsumner] @tylersticka I generally include aria-expanded with dropdowns (I work with JS frameworks mostly)
  5. [melsumner] @jnurthen it seems like an aria-describedby but for error messages.
  6. James Nurthen
    @jnurthen
    Jan 06 00:40
    yep... I was wondering if you were hoping it would do more :)
  7. zakim-robot
    @zakim-robot
    Jan 06 00:40
    [melsumner] baby steps ;) I'm excited for that. and aria-placeholder. and aria-modal. and...
  8. James Nurthen
    @jnurthen
    Jan 06 00:41
    I can see people expecting it to get read automatically - but it won't
  9. zakim-robot
    @zakim-robot
    Jan 06 00:41
    [melsumner] ok I need to stop all this excitement I'm too old for this
  10. [melsumner] I wonder if people who work with aria regularly will expect it to read automatically? I don't expect any automagic ^_^
  11. James Nurthen
    @jnurthen
    Jan 06 00:41
    modal will be handy... also i have lots of uses for aria-roledescription in chart modules
  12. zakim-robot
    @zakim-robot
    Jan 06 00:42
    [melsumner] oh my gosh yes
  13. James Nurthen
    @jnurthen
    Jan 06 00:43
    although like all of these things it has the potential to really screw things up for AT users too :(
  14. zakim-robot
    @zakim-robot
    Jan 06 00:44
    [melsumner] well an astroid could strike the earth
  15. [melsumner] when used properly, I'm sure these will be great. I think it's okay for them to require knowledge :)
  16. James Nurthen
    @jnurthen
    Jan 06 00:44
    yeah - me too.... I sometimes get outvoted on that on ARIA calls though :(
  17. zakim-robot
    @zakim-robot
    Jan 06 00:45
    [tylersticka] @melsumner So you would include aria-expanded but not aria-hidden because the expanded contents become visible automatically?
  18. [melsumner] aria-expanded=true/false should be okay, at least that is how I do it
  19. zakim-robot
    @zakim-robot
    Jan 06 05:37
    [sylvia] So looks like the Section 508 refresh might actually be happening
  20. [sylvia] https://twitter.com/accessboard/status/817120872473444354
  21. zakim-robot
    @zakim-robot
    Jan 06 05:49
    [indrekpaas] Pasted image at 2017-01-06, 16:43
  22. zakim-robot
    @zakim-robot
    Jan 06 08:36
    [tink] Can anyone recommend a good resource for guidance on converting content into something like Easy Read format?
  23. zakim-robot
    @zakim-robot
    Jan 06 09:12
    [sophieschoice_slack] what kind of content are we talking about? Just webpages or documents that can be downloaded?
  24. zakim-robot
    @zakim-robot
    Jan 06 09:17
    [tink] A short policy statement, available as a web page.
  25. zakim-robot
    @zakim-robot
    Jan 06 09:33
    [sophieschoice_slack] then it is already HTML, and you don´t need to convert to make it accessible :)
  26. [tink] Thanks sophieschoice_slack. The written content is a policy statement, so it isn't written in a form that will be easy for people with literacy or reading difficulties to understand. Easy Read is a format designed to make written content, well, easier to read :)
  27. [sophieschoice_slack] ah, I see now.
  28. Srinivas Yedhuri
    @sri429
    Jan 06 09:34
    @tink are you asking something like what readability addon does?
  29. zakim-robot
    @zakim-robot
    Jan 06 09:35
    [tink] No, I'd like to rewrite this content so it's easier to read - so was asking for tutorials/tools that might help me do that - if such things exist.
  30. Srinivas Yedhuri
    @sri429
    Jan 06 09:35
    ohh the grammer and vocabulary part
  31. zakim-robot
    @zakim-robot
    Jan 06 09:36
    [tink] If not I'll just have to go read the Easy Read guidelines and try to figure it out the hard way :)
  32. [tink] Yes.
  33. Srinivas Yedhuri
    @sri429
    Jan 06 09:42
    http://www.bdadyslexia.org.uk/common/ckeditor/filemanager/userfiles/About_Us/policies/Dyslexia_Style_Guide.pdf
  34. zakim-robot
    @zakim-robot
    Jan 06 09:42
    [tink] Thanks :)
  35. zakim-robot
    @zakim-robot
    Jan 06 13:08

    [karlgroves] @tink big long PDF, but they talk Easy Read guidance around page 28
    http://webarchive.nationalarchives.gov.uk/20130812104657/http://odi.dwp.gov.uk/docs/iod/easy-read-guidance.pdf

    Assuming the PDF is accessible, it starts at a heading that begins “Annex A:"

  36. zakim-robot
    @zakim-robot
    Jan 06 15:44
    [quidkid] hey guys so for a section on the website, there is a widget that essentially is a tab layout/carousel hybrid. like there are buttons along the top of the carousel that change what is in the carousel but also in the carousel you can navigate with the arrow key. how would i go about making this accessible and is this an accessible design?
  37. [conley] I would provide an alternate means of showing that info to the screen reader such as <ul> of the content
  38. [conley] aria-hide the carousel and make that <ul> visible only to the SR
  39. zakim-robot
    @zakim-robot
    Jan 06 15:51
    [conley] carousels by nature aren't very accessible
  40. zakim-robot
    @zakim-robot
    Jan 06 15:57
    [quidkid] ooh that’s a good idea, thank you @conley
  41. [conley] np, I mean, it's a bit janky in one respect because you're doubling-up on the markup but it's quick solution
  42. zakim-robot
    @zakim-robot
    Jan 06 16:08

    [karlgroves] Just an FYI in case anyone's interested: All courses on Udemy are $10 until midnight PST on Jan 10

    https://www.udemy.com/

  43. zakim-robot
    @zakim-robot
    Jan 06 16:36
    [cameron] friends, what is the general scope of the Section 508 ICT Refresh? Will the rules still only apply to federal agencies?
  44. [jiatyan] @cameron
  45. [jiatyan] @cameron Only the standards gets a refresh. Who it applies to stays the same.
  46. [jiatyan] @indrekpaas the read order should depend on your designer for that layout. If the ordering is just random eye candy, I'd use the order the script is pushing out the images.
  47. [cameron] @jiatyan got it, thanks!
  48. [cameron] Is there an amendment to the ADA in the works to apply Section 508 to commercial web?
  49. zakim-robot
    @zakim-robot
    Jan 06 16:41
    [jiatyan] @quidkid you might start with https://www.w3.org/WAI/tutorials/carousels/ But that UI you described sounds terribly confusing, having so many different CTA.
  50. [cameron] Is this what I’m thinking of? https://www.ada.gov/anprm2010/web%20anprm_2010.htm
  51. [jiatyan] @cameron ADA Title III applies to public accommodations required by private entities. https://www.ada.gov/t3hilght.htm <-- see section I. on Who is Covered.
  52. [jiatyan] tl;dr: if your 'place' is open to the public to draw in business, then that public area must be accessible. The definition of 'place' is being debated in in the circuit courts.
  53. [cameron] thank you @jiatyan
  54. zakim-robot
    @zakim-robot
    Jan 06 16:51
    [quidkid] @jiatyan thank you! what do you mean by CTA and if that’s the case, how should i talk to the designer about it given that it’s her job
  55. zakim-robot
    @zakim-robot
    Jan 06 17:06
    [jiatyan] @quidkid CTA=Call to Action, any kind of buttons/stuff that prompts people to interact. The designer should take a look at the advice on https://www.usability.gov/what-and-why/user-interface-design.html . Write down some primary user tasks, grab someone not related to the project, observe (and NOT prompt) those users on how they navigate her designs.
  56. powrsurg
    @powrsurg
    Jan 06 19:27
    Is there a reason why I still can't set alt text on images in signatures in Gmail?
  57. zakim-robot
    @zakim-robot
    Jan 06 20:42
    [lliskovoi] question for the WCAG savvy: would you consider it a fail for 2.4.3. Focus Order if a modal dialog does not constrain keyboard focus? WCAG gives the example of focus constrained within the dialog as successfully meeting the criterion but it does explicitly state that failure to constrain focus would mean a fail. My feeling is that this should be considered a fail, but interested in others’ opinions! Thanks in advance :)
  58. zakim-robot
    @zakim-robot
    Jan 06 20:54
    [jiatyan] @lillianszugyi I wouldn't fail it on 2.4.3 Focus Order, but I'll fail it on 2.4.7 Focus Visible. ;)
  59. zakim-robot
    @zakim-robot
    Jan 06 22:02
    [lliskovoi] thanks @jiatyan, keyboard focus is actually visible (I can see it in the background as it moves through the page haha).
  60. [jiatyan] Is it not obscured by some part of the modal?
  61. [lliskovoi] the dialog doesn’t cover any focusable elements in this case
  62. zakim-robot
    @zakim-robot
    Jan 06 22:37
    [jiatyan] @lillianszugyi Maybe someone can suggest a better success criteria. Perhaps not for this particular page, but if they reuse the code for that modal dialogue, they are going to run into scenarios where some part of the page will be obscured.
  63. [jiatyan] sorry, wrong handle. @lliskovoi