Archive index

A11y Slackers Gitter Channel Archive 28th of December 2016

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Dec 28 10:02
    [nchardon] Hello! I am trying to test an angularjs application with pa11y and I get the following error :
    Error: HTML CodeSniffer: SyntaxError: DOM Exception 12
    at Object.<anonymous> (D:\npm\node_modules\pa11y\lib\pa11y.js:65:16)
    at Object.f [as onCallback] (D:\npm\node_modules\pa11y\node_modules\once\once.js:17:25)
    at D:\npm\node_modules\pa11y\node_modules\node-phantom-simple\node-phantom-simple.js:636:30
    at Array.forEach (native)
    at IncomingMessage.<anonymous> (D:\npm\node_modules\pa11y\node_modules\node-phantom-simple\node-phantom-simple.js:617:17)
    at emitNone (events.js:72:20)
    at IncomingMessage.emit (events.js:166:7)
    at endReadableNT (_stream_readable.js:913:12)
    at nextTickCallbackWith2Args (node.js:442:9)
    at process._tickCallback (node.js:356:17)
    I have tried using the wait parameter, still I got the same error. Any suggestions to get pa11y to work?
  2. zakim-robot
    @zakim-robot
    Dec 28 15:28
    [sylvia] Good morning everyone! I have a JAWS/Windows configuration issue. Yesterday, I finally got an upgrade to JAWS 18 on my work machine (up from 12! My IT department has be sluggish). I love the new JAWS, and it's working great. However, the first time I turned it on it completely borked my system fonts. They are jagged an very hard to read.
  3. [sylvia] Jaws 18, Windows 7, work machine with limited admin access. I tried a restart, and no luck, even with JAWS off. Has anyone experienced this issue?
  4. zakim-robot
    @zakim-robot
    Dec 28 15:33
    [quidkid] I’m trying to redo my menu and one of the guidelines is this: "Any key that corresponds to a printable character: Move focus to the next menu item in the current menu whose label begins with that printable character.” i guess the brute force way is to listen for the beginning of each character of each item but surely there is a more efficient way?
  5. [quidkid] @sylvia no idea but tried some googling and maybe this might help? maybe JAWS turned off a font smoothing thing http://www.thewindowsclub.com/disable-font-smoothing-windows (although in your case try enabling it)
  6. zakim-robot
    @zakim-robot
    Dec 28 15:38
    [quidkid] actually this seems more straightforward @sylvia http://www.howtogeek.com/howto/28790/tweak-cleartype-in-windows-7/
  7. Mallory
    @StommePoes
    Dec 28 15:44
    My fonts look like that but I didn't think it was from JAWS, it was stuff I had to manually turn off like clearType and then something additionally in Firefox for old ZoomText
  8. zakim-robot
    @zakim-robot
    Dec 28 15:44
    [sylvia] @quidkid Thanks, I'll check. Re: your menu; what kind of menu is it? You may be able to take advantage of a built in HTML features.
  9. [sylvia] I'd be hesitant to add a keystroke listener, because it might override useful screen reader shortcuts
  10. [quidkid] @sylvia you click on a hamburger icon and it slides out from the right
  11. [sylvia] Native mobile or HTML?
  12. Mallory
    @StommePoes
    Dec 28 15:46
    @nchardon no idea though if nothing else comes along, you could maybe try tweeting at @_hollsk
  13. zakim-robot
    @zakim-robot
    Dec 28 15:46
    [quidkid] also where do we put the role=”menu item” on the actual a tag or the li tag
  14. [quidkid] @sylvia html
  15. [sylvia] Hmmm. That's not really a typical feature for a menu, especially with a limited number of options. Where is this guidelien from?
  16. [quidkid] from ssbart they gave me a list of things to fix in my menu. I had it completely working trap focus and all with the tab but they want arrow keys within. lemme get it for ya
  17. [sylvia] Cleartype did fix the issue, thanks
  18. zakim-robot
    @zakim-robot
    Dec 28 15:51
    [sylvia] I'm really hesitant to recommend the menu-first-letter thing. It's not a feature I have seen, so not something I would think to try, outside of a select box. However, it really might break other keyboard shortcuts, especially for screen reader users
  19. [sylvia] Any screen reader/keyboard-only users on the channel have thoughts? Is this a feature you would enjoy, or would you find it annoying?
  20. [sylvia] It is in the W3C WAI-ARIA best practices, which is where the report is pulling from
  21. [quidkid] another issue is that i have to pass the guidelines. We need to meet WCAG AA and 508 since our client has government funding so if that’s necessary then I have to do it :(
  22. zakim-robot
    @zakim-robot
    Dec 28 15:56
    [sylvia] Best practices are suggestions, not rules, at least in most settings
  23. [sylvia] Your internal policies may vary, of course.
  24. [sylvia] Yeah, that feature is listed as optional
  25. [sylvia] I think it's meant for to apply to a menu in a desktop-style application, like the File menu in Windows programs
  26. zakim-robot
    @zakim-robot
    Dec 28 16:06
    [quidkid] @sylvia wow thank you!! haha he didn’t tell me it was optional. but yeah, would be curious whether it is an annoying or welcome feature
  27. [sylvia] The guidelines change from time to time; your reporter may have been working off a previous version.
  28. [sylvia] The newer version has different advice around TAB as well:
  29. [sylvia] Tab: Moves focus to the next element in the tab sequence, and if the item that had focus is not in a menubar, closes its menu and all open parent menu containers. Shift + Tab: Moves focus to the previous element in the tab sequence, and if the item that had focus is not in a menubar, closes its menu and all open parent menu containers
  30. [quidkid] whoa
  31. [sylvia] I would recommend that pattern for sure, instead of just the up/down arrows, because it's less likely to break mobile screen readers like VoiceOVer
  32. [quidkid] so i didn’t need to trap focus
  33. [quidkid] wait im not sure i understand what im supposed to be doing anymore
  34. [quidkid] before i had it working nicely with tab and it traps focus within the menu
  35. [sylvia] How do you get out of the menu?
  36. [quidkid] then i now added immediate focus on the first item upon opening the menu instead of waiting for tab
  37. [quidkid] you tab to the close button and hit enter
  38. zakim-robot
    @zakim-robot
    Dec 28 16:13
    [sylvia] Defensible, but I'd find it slightly annoying to have to tab through the whole menu.
  39. [sylvia] That's really a UX question, though. If you really can't do user testing, I'd go with the latest version of the WAI-ARIA practices, as linked above.
  40. [sylvia] If you do have have some users you can test with, I'd see what works best for them.
  41. [sylvia] Or at least see what some users on the channel think. I'm only a part-time screen reader/keyboard user, so I'm not the best judge of what is convenient.
  42. zakim-robot
    @zakim-robot
    Dec 28 16:25
    [quidkid] @sylvia so i’ll use tab to get in and out and arrows to navigate within. i have trouble implementing this though if you have any suggestions
  43. [sylvia] The guidelines actually suggest using tab to navigate in addition to the arrows. So if you are moving from item 2 to item 3, tab would work. If you tab off the last item, it would close the menu.
  44. [sylvia] Specific code suggestions? What tools/frameworks are you using?
  45. [quidkid] jquery, javascript, html, css
  46. zakim-robot
    @zakim-robot
    Dec 28 17:32
    [marcysutton] @nchardon I would google that error, it can give you a hint about where the error might be coming from (illegal id attributes)
  47. zakim-robot
    @zakim-robot
    Dec 28 20:45
    [quidkid] @sylvia whew finally got the arrows working. they currently don’t loop through the whole thing though. i’ll add that even though that’s optional but for tab, so instead of trapping focus, after the last one, it will close the menu -question which element would have the focus? the menu button or the next item?
  48. zakim-robot
    @zakim-robot
    Dec 28 20:59
    [sylvia] @quidkid: congrats! Sorry to wander off there; all the meetings today
  49. [sylvia] I'd go to the menu button, so people could reopen the menu or browse non-interactive content between the button and the next focusable
  50. [quidkid] @sylvia thank you so much!!