Archive index

A11y Slackers Gitter Channel Archive 6th of June 2017

What fresh hell is THIS now? - Patrick Lauke
  1. zakim-robot
    @zakim-robot
    Jun 06 11:46
    [pweil] I've been building a form with a similar "all" or "some" choice of checkboxes. Until I read this, I was doing a show/hide thing with Vue.js and was just ready to think about implementing aria for it. I share the doubts about aria-controls, but what's odd about the w3c example is that it requires you to click "all" twice to select all of checkboxes. Do you think this is a js mistake?
  2. zakim-robot
    @zakim-robot
    Jun 06 12:01
    [mgifford] Do Web Components like iron-a11y-announcer https://www.webcomponents.org/element/PolymerElements/iron-a11y-announcer essentially use aria-live to screen readers? What kind of testing has this had with devices?
  3. zakim-robot
    @zakim-robot
    Jun 06 12:49
    [pweil] ah, I see. One other curious thing is how the examples assign role="checkbox" to a div instead of a checkbox input. Then they use images to visually convey the state. All of this seems pretty clunky. Why not just use a checkbox input (with the role for the aria attributes)?
  4. zakim-robot
    @zakim-robot
    Jun 06 13:11
    [geekf] @mgifford I don't know what testing has been done on the component but I see from their source code that they use aria-live with default mode as 'polite'. As far as I have tested aria-live is correctly announced on all screen readers (I have used JAWS, Talkback, Voiceover). Note that if there's aria-live component inside another component that has aria-live on it then it would be announced twice.

  5. [kivi] @rynpsc the guidance on the page quoted by @geekf is:

    In some implementations, the system may remember which options were checked the last time the overall status was partially checked. If this feature is provided, activating the overall checkbox a third time recreates that partially checked state where only some options in the group are checked.

  6. [mgifford] Thanks @geekf I assumed that is what it was doing, but hadn’t dug into it.
  7. zakim-robot
    @zakim-robot
    Jun 06 15:49
    [marcysutton] There was something so soothing about reviewing this public administration website. Thanks, France, for upholding democracy at a troubling time. https://a11ywins.tumblr.com/post/161508580173/french-public-administration-website
  8. [skymaiden] I love that website, the new version is easier for everyone!
  9. zakim-robot
    @zakim-robot
    Jun 06 15:55
    [cklatik] Wow that's a fantastic example of solid design and accessibility
  10. [marcysutton] Right?? Thanks to Aurelien Levy for submitting it.
  11. zakim-robot
    @zakim-robot
    Jun 06 18:14
    [juliettepiazza] If you are looking for participants with access needs for your testing (like people with disabilities or assistive technology users), connect with me, I am specialised on this
  12. zakim-robot
    @zakim-robot
    Jun 06 20:26
    [tink] @geekf I've just dropped into the channel. Which pattern are you discussing?
  13. zakim-robot
    @zakim-robot
    Jun 06 21:01
    [geekf] @tink I was dicussing checkbox pattern, especially the tri-state checkbox as was required by @rynpsc. Other than that there's another discussion on a11y-announcer polymer component. I personally have a query on #aria-patterns channel which you may want to check out in case you can provide me suggestions.