[Claire Ryberg, a11y] Can anyone take a look at this
https://jsfiddle.net/cryberg/u6458d66/ and tell me what your screenreaders announce?
I was trying to figure out if it was helpful to use aria-pressed with a button that toggles an expand/collapse panel, and have come across some weird behavior. I think I will
not be using aria-pressed, because aria-expanded seems to be descriptive enough, but can anyone explain to me why adding aria-pressed to an accordion button reverses what is announced when the button is pressed?
This is what I mean: Using JAWS in IE11, with aria-expanded on a button that triggers an accordion, "expanded" is announced when the accordion opens, and "collapsed" is announced when it is closed, as expected.
When I add aria-pressed to the same button, it instead announces "collapsed" when the accordion opens, and "expanded" when it is closed, the reverse of what I would expect.