Archive index

A11y Slackers Gitter Channel Archive 2nd of December 2016

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Dec 02 11:21
    [michiel] quidkid: what do you mean by tab index cases?
  2. zakim-robot
    @zakim-robot
    Dec 02 14:17
    [quidkid] @michiel i have two separate tab index. one for mobile and one for desktop which contain the exception because in the desktop i need to make sure i can’t tab to the mobile menu and vice versa
  3. zakim-robot
    @zakim-robot
    Dec 02 14:28
    [karlgroves] @quidkid are you setting tabindex attributes everywhere?
  4. zakim-robot
    @zakim-robot
    Dec 02 14:34
    [quidkid] @karlgroves not everywhere. for those they have the tabindex -1. everything else by default shoudl be tabindex 0
  5. [karlgroves] I’m really not sure I follow the question.
    If you have a mobile menu and a desktop menu and are using responsive design, why not display: none the menu you don’t want someone to interact with?
  6. zakim-robot
    @zakim-robot
    Dec 02 14:47
    [quidkid] @karlgroves wow actually i’ll try that. i think the issue is that i have display none on the desktop but not sure what is happening on mobile(working off existing code) but i don’t think it is controlled by display none.
  7. zakim-robot
    @zakim-robot
    Dec 02 15:13
    [quidkid] @karlgroves thank you so much! i’m not sure how those elements were being hidden but definitely not by display none but fixed
  8. [karlgroves] awesome! glad it helped
  9. luis garcia
    @garcialo
    Dec 02 15:28
    @jnurthen I've abandoned using the rice cooker for oatmeal. Doing it manually has much better results for me.
  10. zakim-robot
    @zakim-robot
    Dec 02 15:46
    [quidkid] whew finally got the focus trap to work in the mobile menu and focus is back on the menu button. now i have two things(i hope) left to address. 1) when i resize the window it’s still pretty buggy about tabbing. aka what do i do if focus was left on a button that is hidden and then the screen resizes? where should focus go? 2) only on mobile does the tab focus on the logo doesn’t outline the whole logo(it’s an img within an a tag). on desktop is highlights the whole logo img which is what i want but on mobile it’s like a tiny highlight on the top left corner 1px large
  11. Jason Day
    @jasonday
    Dec 02 18:38
    Does anyone have resources for contract accessibility testers/auditors? I'd like to supplement my team for 4-6 months to fill the backlog.
  12. Marcy Sutton
    @marcysutton
    Dec 02 21:09
    @jasonday yes, can you DM me contact info?
  13. zakim-robot
    @zakim-robot
    Dec 02 21:12
    [cyns] anyone have a good contact for arranging meeting space at CSUN?
  14. zakim-robot
    @zakim-robot
    Dec 02 21:33
    [mattgregg] Hey I have some custom checkboxes and even with the for and id matching my screen reader won’t read the label. Has anyone experienced this issue before. looks like this 
    <div class=”checkbox”>   <input type="checkbox" name="values-9zR5KrucHf" id="zR5KrucHf-myFR9B091T" value=”test”>   <label for="zR5KrucHf-myFR9B091T">Yes, at this organization</label> </div>
  15. Mallory
    @StommePoes
    Dec 02 21:40
    that code looks fine...
  16. so I'd say your problem isn't that code, but something else (JS, CSS, something...)
  17. what's custom about it?
  18. Mallory
    @StommePoes
    Dec 02 21:54
    Can anyone tell me if there's been any improvement on the issue with summary/details and focusables inside it?
  19. zakim-robot
    @zakim-robot
    Dec 02 22:00
    [mattgregg] It has custom css with after content on the label. The checkbox is behind the custom checkbox being created by the label css. No js.
  20. Mallory
    @StommePoes
    Dec 02 22:03
    And the after content is just sitting right over the checkbox, physically covering it?
  21. Or is the checkbox also being hidden from view?
  22. zakim-robot
    @zakim-robot
    Dec 02 22:04
    [mattgregg] physically covering it
  23. Mallory
    @StommePoes
    Dec 02 22:04
    You're able to tab to this when you aren't running an SR?
  24. and check it and all that?
  25. zakim-robot
    @zakim-robot
    Dec 02 22:04
    [mattgregg] i’m able to tab to it and toggle it
  26. [mattgregg] it just reads “unchecked, checkbox"
  27. Mallory
    @StommePoes
    Dec 02 22:04
    ok, is the after calling an image, text, or what
  28. I mean, that HTML looks great.
  29. zakim-robot
    @zakim-robot
    Dec 02 22:05
    [mattgregg] I can force it to read by adding an aria-label but I don’t feel I should have to do that
  30. [mattgregg] It could be mac’s voiceover?
  31. Mallory
    @StommePoes
    Dec 02 22:05
    If you've got it on a URL somewhere, I could test on some SRs here as well. Which sr/browser you testing it?
  32. not firefox right?
  33. You're only ttesting in Safari right?
  34. And no, you shouldn't need aria-label, agreed.
  35. zakim-robot
    @zakim-robot
    Dec 02 22:06
    [mattgregg] chrome
  36. Mallory
    @StommePoes
    Dec 02 22:06
    See if Safari is just as bad. If it works in Safari, I would call the browser as at fault
  37. zakim-robot
    @zakim-robot
    Dec 02 22:06
    [mattgregg] hmm thanks
  38. Mallory
    @StommePoes
    Dec 02 22:06
    iOS or OSX?
  39. zakim-robot
    @zakim-robot
    Dec 02 22:06
    [mattgregg] OSX
  40. Mallory
    @StommePoes
    Dec 02 22:07
    ok. If it's buggy in Safari there too then it oculd be VO, I dunno VO's bugs but I know people who've quit using Macs to develop on because teh VO bugs got too terrible (on iOS it's still pretty good)
  41. zakim-robot
    @zakim-robot
    Dec 02 22:07
    [mattgregg] yea
  42. [mattgregg] thanks for the info. I’ll try the chrome reader extension as well
  43. Mallory
    @StommePoes
    Dec 02 22:08
    But at work I'm telling people to only test VO on Safari since Chrome is always iffy and Firefox often does little to nothing (mozilla's working on it I hear but it's kinda caused by Apple)
  44. zakim-robot
    @zakim-robot
    Dec 02 22:08
    [mattgregg] typical haha
  45. Mallory
    @StommePoes
    Dec 02 22:08
    I def can't find anything wrong with your HTML unless I'm misreading something. It looks great and I would expect it to work.
  46. zakim-robot
    @zakim-robot
    Dec 02 22:14
    [mattgregg] yea it does work in safari with VO
  47. zakim-robot
    @zakim-robot
    Dec 02 22:33
    [pstonier] Newly released a11ycast on NVDA from Rob Dodson https://www.youtube.com/watch?v=Jao3s_CwdRU
  48. James Nurthen
    @jnurthen
    Dec 02 23:58
    @mattgregg check what is in the a11y tree in chrome too. chrome://accessibility in URL bar.