A11y Slacker archive 2016-03-24

powrsurg
Mar 24 13:31

So what does the Paciello Group / NV Access partnership actually mean?
jonathantneal
Mar 24 15:28

I apologize if I’m going crazy, but I’m finding it hard to think there is ever a time aria-controls and aria-expanded would not be paired with aria-haspopup and vice versa. Can such a view fit within the ARIA paradigm? When wouldn’t this be so?
zakim-robot
Mar 24 15:34

[scottohara] i understand that to be the aria-haspopup to be an element that shows up on top of other content (like a drop down in a navigation) where as aria expanded could be content that exists within the normal document flow.

is my understanding of this situation correct?
zakim-robot
Mar 24 15:38

[cryberg] @jonathantneal I've come across that situation with bootstrap accordions before http://getbootstrap.com/javascript/#collapse
zakim-robot
Mar 24 15:42

[nwilliams] Anybody have experience making bootstrap ADA compliant. I have played with the PayPal accessibility plugin, but it doesn't appear to meet all of my needs. I'd also be curious to know if anyone else has experience with that particular plugin. One of my project requirement demands that I don't manipulate the tabindex attribute to control the workflow... the PayPal plugin does appears to manipulate those for collapse, dropdowns, and modals
powrsurg
Mar 24 15:44

My understanding of haspopup was that it required the popup to be a direct child of the parent (like an li would have aria-haspopup if it has a ul that is a popup in a typical drop down menu). This is not necessarily true for all types of things that may be expanded via a control. For example, a button may make a region within the page expand open
zakim-robot
Mar 24 15:46

[nwilliams] I have done some testing with the NVDA and I found the Bootstrap dropdown experience to be pretty weird in particular. Using the aria-haspopup attributes and aria-expanded to describe the popop, when tabbing over to the dropdown button, the screen reader describes the button as a collapsed submenu, but when you expand it, it is not alerting the user in any way... shouldn't it say something a that point?
zakim-robot
Mar 24 18:39

[lozandier] @nwilliams: I’m assuming you’re using Paypal’s a11y Bootstrap plug-in to significantly fix the out-of-the-box holes of Bootstrap’s components?
zakim-robot
Mar 24 18:47

[nwilliams] @lozandier: yes
zakim-robot
Mar 24 19:23

[lozandier] @nwilliams: Hmm, it’d be great if you have a pen on something like JSBin or Codepen for everyone active in the chatroom to access this then
powrsurg
Mar 24 19:50

the number of sites that use bootstrap makes me sad
powrsurg
Mar 24 19:50

so cookie-cutter
zakim-robot
Mar 24 19:56

[nwilliams] time and place for cookie cutter, time and place for craftsmanship
zakim-robot
Mar 24 20:02

[hmig] @nwilliams: I’ve seen http://assets.cms.gov/resources/framework/3.0/Pages/, which is supposed to be an accessible version of bootstrap, but I haven’t used it myself
zakim-robot
Mar 24 20:03

[nwilliams] @hmig: I saw that too. Has anyone used it?
jonathantneal
Mar 24 20:12

Which a11y readers announce (in some fashion) aria-controls or aria-expanded? I did not seem to be able to announce either using VoiceOver for Mac.
powrsurg
Mar 24 21:00

NVDA?
zakim-robot
Mar 24 21:10

[jdan] @jonathantneal safari + VO seems to announce aria-expanded just fine for me
zakim-robot
Mar 24 21:10

[jdan] I have it on an <a role="tab" />
stevefaulkner
Mar 24 21:29

@nwilliams My friend and colleague @hanshillen did a lot of work on assets he would be able to give you the lowdown
jonathantneal
Mar 24 21:33

Thanks @jdan, I will try it again. I think mine was on a <button>, not that it should make a difference.
zakim-robot
Mar 24 22:24

[afercia] @jonathantneal is your button using some CSS font icon or something? Firefox and NVDA trigger a bug in that case. see
nvaccess/nvda#5247
stevefaulkner
Mar 24 23:06

@jonathantneal is conforming and works on <button>

Gitter Channel Archive 24th of March 2016