Archive index

A11y Slackers Gitter Channel Archive 7th of September 2017

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Sep 07 09:11
    [tink] You're welcome @skymaiden :)
  2. Chris O'Brien
    @a11ycob
    Sep 07 13:15
    @svinkle great tip!
  3. zakim-robot
    @zakim-robot
    Sep 07 15:55
    [quidkid] hey all! i have an accordion within a tab panel. when I switch tabs, should the accordion be closed too? or should it be left expanded if it wasn’t toggled off after going to the next tab?
  4. [scottohara] i'd say the state of any element, within a tab, should be maintained when switching between tab panels
  5. zakim-robot
    @zakim-robot
    Sep 07 17:37
    [jasonday] I don't have any experience with zoomtext, can anyone tell me whether it is a close approximation to JAWS (as far as testing for the web)?
  6. zakim-robot
    @zakim-robot
    Sep 07 17:44
    [karlgroves] Nope.
  7. [karlgroves] Although ZoomText has a screen reading capability, it is not a screenreader like JAWS
  8. [karlgroves] The screen reader in ZoomText is most useful for reading documents, like Word or PDF.
  9. zakim-robot
    @zakim-robot
    Sep 07 18:09
    [jasonday] thanks @karlgroves. A tester made a request to use zoomtext in place of JAWS, and I wasn't sure if they were built on the same engine.
  10. [karlgroves] Weird. I’d be concerned that the tester isn’t familiar enough with either of those to test effectively
  11. zakim-robot
    @zakim-robot
    Sep 07 19:51
    [jasonday] @karlgroves new QA being onboarded; no experience with a11y, but found zoomtext in our application catalog
  12. zakim-robot
    @zakim-robot
    Sep 07 20:44
    [backwardok] perhaps might make more sense to test out with nvda if part of the problem is the cost of jaws?
  13. [eric] Oh hello, a thing I just encountered! Sometimes the onus is on you to, ah, correct existing QA testing process. Including, but not limited to, replacing the testing software and just outright suggesting a screen reader test at all!
  14. zakim-robot
    @zakim-robot
    Sep 07 21:27

    [c.alatorre] I know I've read that we shouldn't stop scaling but looking through https://www.w3.org/WAI/WCAG20/quickref/ I'm not sure where it applies

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 1.4.4 but you can use em and that would comply right

  15. [droidpinkman] I dont believe that meta tag was ever in a spec so i dont see it listed on that link
  16. [droidpinkman] it was primarily a webkit thing so I dont think it would be in any official documentation
  17. [droidpinkman] i could be wrong here too of course
  18. [droidpinkman] 50 50 shot here to gamble on
  19. zakim-robot
    @zakim-robot
    Sep 07 21:45
    [c.alatorre] I asked what some code was doing and was told
    'doesn’t want to have the ugly focus rings around elements when you click on them but do to accessibility requirements we need to have them. So we made a compromise that on mouse interactions, it wouldn’t appear but the instant you start using a keyboard, they would',
    is that an acceptable work around?
  20. [droidpinkman] dont u have criteria list u have to follow?
  21. [droidpinkman] im not sure what your requirements are as a business because in that case the docs would vary
  22. [droidpinkman] there are diff levels of this kind of thing
  23. zakim-robot
    @zakim-robot
    Sep 07 22:02
    [mayabenari] Question: What focus styles do people recommend using? Some different ones I’ve seen: a blue halo, a solid orange outline (e.g. GOV.UK), and a dashed gray line.
  24. [quidkid] if a link is an external link so that it requires a modal to notify the user that they are leaving the site, should that link really be a button?
  25. [mayabenari] Also, on GOV.UK, text links get a solid color in addition to the outline
  26. [mayabenari] I can see why people like the dashed style, bc it’s so visually distinct, but I find it a little busy
  27. [mayabenari] Very appreciative of thoughts from low-vision folks on here
  28. [droidpinkman] something with good contrast always works
  29. [droidpinkman] nothing close in color
  30. [droidpinkman] could be something more visually appealing too than just a border
  31. [quidkid] @mayabenari I’ve pretty much did it based off the design. Sometimes I have a full block of color and the text changes color on focus or a thick underline, for sections where it’s not clear what the hover effect is, I’ve stuck with the blue if it shows up against the design. not sure if there is a recommended universal approach
  32. zakim-robot
    @zakim-robot
    Sep 07 22:08
    [mayabenari] color is always a challenge bc there’ll innevitably be a background color it doesn’t work off of, which is why maybe gov.uk chose a vibrant yellow/orange
  33. [mayabenari] my team is switching from a blue halo to a light dashed gray, and I’m already seeing issues when it’s on a gray background, which happens more often than a colored background
  34. [droidpinkman] 86 the gray
  35. [droidpinkman] it is tough to go with. needs some vibrance
  36. zakim-robot
    @zakim-robot
    Sep 07 22:21
    [mayabenari] would <3 if there was any research on focus styles I could point them to
  37. zakim-robot
    @zakim-robot
    Sep 07 22:39
    [eric] if you have a theming class on the body, or high up in the DOM, you can change the focus ring color to respond to it with a little extra CSS. Something like .t-light a:focus { outline: 1px solid #D714FF; }, .t-dark a:focus { outline: 1px solid #50E3C2; }