Archive index

A11y Slackers Gitter Channel Archive 12th of September 2017

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Sep 12 00:09
    [mayabenari] @jonathantneal is it the lightness value (as in HSL - hue, saturation, lightness)?
  2. Jonathan Neal
    @jonathantneal
    Sep 12 01:29

    Hmm, I think it's what ugi said. I just thought it had a name. People do it all the time in Sass (often using a lightness conditional statement, mayabenari) to generate this contrasting color.

    I really thought it had a common name. I thought it was like me describing a "cylindrical rotating door appendage" and I was waiting for someone to say "you mean a door knob?"

  3. HHN
    @HerinHentry
    Sep 12 06:19
    Hi,
    I am looking for Accessible fill in the blank sentences using form controls. Does any one have any reference materials?
  4. zakim-robot
    @zakim-robot
    Sep 12 11:48
    [spell] Hi, Gang! A colleague brought to my attention that keyboard tabbing was disabled by default on Mac/Firefox. Not sure what version it is, but is that still so in latest version? Not a huge deal, just more annoying than anything else.
  5. zakim-robot
    @zakim-robot
    Sep 12 11:57
    [scottohara] yes it's still true
  6. [scottohara] it's actually a system setting that FireFox 'respects' while browsers like chrome are like "ha. nope"
  7. [scottohara] You can enable it by going into System Preferences > Keyboard and then update the radio button for "Full Keyboard Access" to "All Controls"
  8. zakim-robot
    @zakim-robot
    Sep 12 12:19
    [spell] Thanks, @scottohara
  9. zakim-robot
    @zakim-robot
    Sep 12 13:41
    [mikey] does anyone have any good articles on accessibility and login/sign ups?
  10. [mikey] trying to do a competitive review
  11. [tink] I don't know of anything. Basic form accessibility and usability would be good baseline metrics though I should think.
  12. zakim-robot
    @zakim-robot
    Sep 12 14:21
    [car] @mikey There was a bit of discussion about that here a little while back: https://web-a11y.slack.com/archives/C042TSFGN/p1504874923000057
  13. zakim-robot
    @zakim-robot
    Sep 12 16:10

    [phoebe] Hi, I have some upcoming usability testing where we’d like to test users who are visually impaired. The team has said they only want to test two people who are blind. I think that number is too low and that we should also test people who are low-vision or color-blind, as well. In the past, my company has only usability-tested for accessibility a handful of times, during which we were thrilled if we could test 2-3 people (I’m honestly not sure why we only tested 2-3 people each time, all of which were blind. I think my manager at the time was going for extremes and assumed any changes made for blind users would cover any issues other visually-impaired users would have).

    About the system we’re wanting to test: It’s a touchscreen with accessibility controls, such as screen reader, color contrast controls, volume controls, and font size controls. There is also a handset you can use instead of navigating with your fingers. The color contrast, volume and font all meet WCAG 2.0 AA standards. There is no flexibility at this point regarding semantic order (unfortunately). However, the screen reader copy (Google TalkBack) and handset controls are basically blank slates that we’ll have to determine based on testing.

    My questions for you all are:
    A. Is two people too few? If so, how many users is enough to start seeing trends, especially if we’ll most-likely have varying levels of familiarity with Google TalkBack and the specific kind of system we’re testing?

    B. I really think we should be testing with a few people who are low-vision or color-blind, but I’m struggling to come up with an argument for this because (a) we’ve never tested either user group before for any of our other products and (b) the team I’m working with knows the system already meets WCAG standards, so when I’ve brought it up with them in the past, they just tell me it already meets the standards.

    Any thoughts or help on this would be hugely appreciated. Thank you!

  14. zakim-robot
    @zakim-robot
    Sep 12 16:19

    [ghanek] It sort of depends on what you expect to get from the testing. If you want to find out points of friction in that design (aka where does this design suck?) then Nielsen et al have shown that 5-6 representative users are sufficient. If you want to know if your design is actually good, then you'll need at least 30 users (I know T. Frick published a study supporting this assertion.)

    Is two people too few? If so, how many users is enough to start seeing trends, especially if we’ll most-likely have varying levels of familiarity with Google TalkBack and the specific kind of system we’re testing?

  15. [eric] I think your feeling to test low vision users is spot-on as well—not every user who navigates via a screen reader is blind
  16. [kivi] In support of @ghanek
  17. [eric] meeting letter of the law WCAG standards is one thing, but refining the design to be really intuitive for things like screen magnification and high contrast mode is another
  18. zakim-robot
    @zakim-robot
    Sep 12 16:32
    [shawn.henning] @phoebe yes get a low vision person. I recall watching as a blind person operated a touch interface with high contrast black with yellow text. The screen flashed white and I asked "what just happened" What had happened was the system Print Dialog had appeared which would have been painful for a light sensitive person.
  19. zakim-robot
    @zakim-robot
    Sep 12 16:37
    [phoebe] Thank you all so much for your responses! I feel like I have a much stronger proposal for testing more than 2 users now.
  20. [phoebe] @shawn.henning Thanks for your example. That’s a real-world situation I’m sure we haven’t considered.
  21. zakim-robot
    @zakim-robot
    Sep 12 17:23
    [phoebe] Thanks, @karlgroves . There are definitely some things in your article I can use for this and other projects.
  22. zakim-robot
    @zakim-robot
    Sep 12 17:55
    [jasonday] @phoebe - For typical usability studies, 5 people will catch 85% of the issues. 1 person catches about 30%. I would make the assumption that a11y testing is similar, so I would push for 5 participants from low vision to completely blind.
  23. [jasonday] @karlgroves - can tenon.io plug into something like eslint to provide feedback early in a dev's cycle (prior to build)?
  24. zakim-robot
    @zakim-robot
    Sep 12 18:00
    [phoebe] Thanks, @jasonday. I actually just pushed for that exact thing in a conversation just now (5 participants - combination of low-vision and blind).
  25. [karlgroves] @jasonday We have Grunt & Gulp plugins and node modules
  26. zakim-robot
    @zakim-robot
    Sep 12 19:24
    [ken.petri] Do you have any reports of issues with it yet? It seems to be failing frequently, requiring uninstall, kill browser, re-install. Once it fails on one site it will not run at all on others. Clicking the Analyze button just starts a spinner or returns to the default "Analyze Accessibility" splash screen. P.S. is there an aXe slack?
    The new aXe Chrome extension is out: https://twitter.com/marcysutton/status/907372962101182465
  27. zakim-robot
    @zakim-robot
    Sep 12 19:37
    [ken.petri] Thanks Marcy. I'll look through the gitter thread.
  28. [elisaf] I've got a two-fold question.

    I'm working on a web app where users can upload their own images to put into a gallery. Devs made it so that there is a required "caption" field that defaults to the file name because they can still bulk upload hundreds of photos. They can certainly change it to be descriptive for the photos (as we made it so that caption is the generated alt text) -- *Is this acceptable?*

    Second question: We are migrating an existing group of people from a different application into ours. The previous app did not require any sort of description for the photo, and they did not retain any file names. What should be the acceptable route here considering having something for alt text is required?

  29. [svinkle] @elisaf The alt attribute is required. Text is determined by the image context, whether it adds content or is just decorative, etc.
  30. zakim-robot
    @zakim-robot
    Sep 12 19:43
    [elisaf] I guess I am not sure - It would be something for a school club, so they might have had an event and taken photos, I don't believe they'd be decorative
  31. [svinkle] @elisaf Right, so in that case, the photos should be described in text; what’s happening in the photo, foreground, background, etc.
  32. [svinkle] Defaulting to the file name is not helpful, more of a nuisance, really.
  33. [elisaf] Yes, that part I've tried to relay to them. The thing is, getting students to actually take the time to do that for hundreds of photos isn't realistic, which is why i'm wondering if it's a bad thing that we default to the file name?
  34. [elisaf] In a perfect world, I would love for them to put in a great description, but I know that's not happening
  35. [eric] DSCSBCS4757.jpg does not communicate a lot of information about a photo’s contents
  36. [elisaf] I know... but there is zero way for someone to actually monitor what they put in
  37. [eric] spitballing here, would it be acceptable to null the photos and require a gallery description, then point to that?
  38. zakim-robot
    @zakim-robot
    Sep 12 19:55

    [svinkle] @elisaf, to @eric’s point, you may want to consider something like:

    if image.caption then   alt = image.caption else   alt = gallery.description endif
    

    At least then the alt won’t be empty and the image will “appear” when navigating through the gallery. Not exactly ideal though. (thinking face emoji)

  39. zakim-robot
    @zakim-robot
    Sep 12 20:05
    [elisaf] That would be even more helpful if they were required to put in a description of the album - unfortunately they do not, and most of them are empty
  40. [svinkle] @elisaf To attempt an answer to your second question, depending on the layout/output/design of the page with people, you may be able to get away with null alt. Thinking here if the photo is on a bio page, and it’s next to the persons name; having the name as the alt would be redundant if in close proximity to the name.
  41. zakim-robot
    @zakim-robot
    Sep 12 20:12

    [elisaf] Maybe some context would help? The only photos that exist that aren't just a decorative element are uploaded into the photo albums.

    If It's the "Apiary Club" which is basically beekeeping club, they might have an album that is "9/24 Weekend Beekeeping Outing," which may or may not have a description, and most of the photos are of people outside with suits on near the little hive things (sorry, no idea what they're called), or pictures of bees and segments of honey.

  42. [eric] how many galleries with a lack of description are there? from your example I’m guessing each club has multiple galleries?
  43. zakim-robot
    @zakim-robot
    Sep 12 20:17
    [elisaf] @eric thousands :(
  44. [elisaf] Each club can have as many galleries as they like
  45. [rselzer] if you feel like getting super fancy, there are deep learning methods of generating the descriptions programatically. So you could conceivably run the migrated galleries through a program en masse. Here's a fun read http://cs.stanford.edu/people/karpathy/deepimagesent/
  46. [elisaf] We've got a few hundred schools that use the app, with each school ranging in the amount of clubs they have from anywhere from 5-maybe 300, all of which could possibly create hundreds of galleries
  47. [elisaf] I wish, I'm just a designer and I'm trying to help developers and I could just imagine my product owner's eyes bug out at the thought of that one :p
  48. zakim-robot
    @zakim-robot
    Sep 12 21:32

    [laura.ciporen] @elisaf, in terms of user experience for those relying on screen readers, having an empty alt attribute would be preferable than having the file name. File names are often long strings of gobbledygook which provide no information anyway. Personally, if I were a user, I would rather hear nothing than a long string of gobbledygook that provides the same amount of information as not hearing anything. Then it would also be easier for users to find the images that do have alt descriptions and thus are accessible.

    And if there are lots of clubs that take pictures of the same things all the time, perhaps there could be a club-created list of alt text options that could be chosen from a dropdown to make adding tags to lots of images simpler. Alongside that, could be an easy way to add the names of people who are in the images (from a list of club members) so you could wind up with "Jenny, Mike, and Joe at their hive harvesting honey" without too much work. ::shrug::

  49. zakim-robot
    @zakim-robot
    Sep 12 21:41

    [svinkle] > gobbledygook

    (sweat smile emoji)

  50. zakim-robot
    @zakim-robot
    Sep 12 23:48
    [ugi] WCAG 2.1 Working Draft is updated today. Interesting stuff.. https://www.w3.org/TR/WCAG21/