Select with custom menu not keyboard accessible in 1.1 rc1

[toddparker]

Both the native and custom menu selects will open when focused and the spacebar is pressed. However, the custom menu version doesn't seem to ever gain in focus when opened - no options have hte ui-focus class and no keystrokes seem to affect it.
http://jquerymobile.com/test/docs/forms/forms-all.html

This should have the same keyboard shortcuts as the native menu - arrow up/down changes the selected option, spacebar or Enter selects the option and closes the select.

This is an issue in 1.0.1 so it's not a recent regression.

[scottjehl]

This definitely works in the betas, so it's a regression. I think it came from moving things over to native dom methods (maybe a tabindex was misplaced somewhere?).

[scottjehl]

I think this is good. @Wilto - if you get a chance, I would love a second opinion on the roving tabs and such. I didn't get a chance to do a full ARIA overview, but the keyboard and roving focus appear to be good now, and things are certainly working from a visual keyboard access perspective. thanks!

[toddparker]

So odd this isn't working for us after that commit. We'll have to try and get this in for 1.1 final.

[toddparker]

Sounds from the commit message that @scottjehl's fix makes this work on screenreaders but we still need the visual feedback to work for sighted users.

[scottjehl]

you're not getting visuals? In chrome? I am….

hmmm

On Feb 28, 2012, at 11:17 PM, Todd Parker wrote:

Sounds from the commit message that @scottjehl's fix makes this work on screenreaders but we still need the visual feedback to work for sighted users.

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

[scottjehl]

Right now on http://jquerymobile.com/test/docs/forms/selects/custom.html

I can tab to the first select, press space to open it, and arrow up and down to change the hover/focus before hitting space to make a choice.

The hover is subtle, same as our hover state, so maybe it's light enough it's hard to see? Could that maybe be the problem?

On Feb 28, 2012, at 11:17 PM, Todd Parker wrote:

Sounds from the commit message that @scottjehl's fix makes this work on screenreaders but we still need the visual feedback to work for sighted users.

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

[toddparker]

Hmmm….I see that now. Maybe we can add the focus class to the selected option?
Broken on this page tho - see last select.

filament
filamentgroup.com | 102 south street #3 boston, ma 02111
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
todd.parker .: . todd@filamentgroup.com .: . (tel) 617.482.7120 (fax) 617.687.0212

On Feb 28, 2012, at 12:07 PM | February 28, 2012, Scott Jehl wrote:

Right now on http://jquerymobile.com/test/docs/forms/selects/custom.html

I can tab to the first select, press space to open it, and arrow up and down to change the hover/focus before hitting space to make a choice.

The hover is subtle, same as our hover state, so maybe it's light enough it's hard to see? Could that maybe be the problem?

On Feb 28, 2012, at 11:17 PM, Todd Parker wrote:

Sounds from the commit message that @scottjehl's fix makes this work on screenreaders but we still need the visual feedback to work for sighted users.

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

[scottjehl]

full page ones may need a little extra help, yes.

On Feb 29, 2012, at 12:40 AM, Todd Parker wrote:

Hmmm….I see that now. Maybe we can add the focus class to the selected option?
Broken on this page tho - see last select.

filament
filamentgroup.com | 102 south street #3 boston, ma 02111
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
todd.parker .: . todd@filamentgroup.com .: . (tel) 617.482.7120 (fax) 617.687.0212

On Feb 28, 2012, at 12:07 PM | February 28, 2012, Scott Jehl wrote:

Right now on http://jquerymobile.com/test/docs/forms/selects/custom.html

I can tab to the first select, press space to open it, and arrow up and down to change the hover/focus before hitting space to make a choice.

The hover is subtle, same as our hover state, so maybe it's light enough it's hard to see? Could that maybe be the problem?

On Feb 28, 2012, at 11:17 PM, Todd Parker wrote:

Sounds from the commit message that @scottjehl's fix makes this work on screenreaders but we still need the visual feedback to work for sighted users.

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

[toddparker]

No, that is a small custom menu example. Maybe bad syntax?

filament
filamentgroup.com | 102 south street #3 boston, ma 02111
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
todd.parker .: . todd@filamentgroup.com .: . (tel) 617.482.7120 (fax) 617.687.0212

On Feb 28, 2012, at 12:49 PM | February 28, 2012, Scott Jehl wrote:

full page ones may need a little extra help, yes.

On Feb 29, 2012, at 12:40 AM, Todd Parker wrote:

Hmmm….I see that now. Maybe we can add the focus class to the selected option?
Broken on this page tho - see last select.

filament
filamentgroup.com | 102 south street #3 boston, ma 02111
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
todd.parker .: . todd@filamentgroup.com .: . (tel) 617.482.7120 (fax) 617.687.0212

On Feb 28, 2012, at 12:07 PM | February 28, 2012, Scott Jehl wrote:

Right now on http://jquerymobile.com/test/docs/forms/selects/custom.html

I can tab to the first select, press space to open it, and arrow up and down to change the hover/focus before hitting space to make a choice.

The hover is subtle, same as our hover state, so maybe it's light enough it's hard to see? Could that maybe be the problem?

On Feb 28, 2012, at 11:17 PM, Todd Parker wrote:

Sounds from the commit message that @scottjehl's fix makes this work on screenreaders but we still need the visual feedback to work for sighted users.

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

[scottjehl]

oh sorry ok - well both do then :)

maybe syntax. I'll see tomorrow!

On Feb 29, 2012, at 12:52 AM, Todd Parker wrote:

No, that is a small custom menu example. Maybe bad syntax?

filament
filamentgroup.com | 102 south street #3 boston, ma 02111
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
todd.parker .: . todd@filamentgroup.com .: . (tel) 617.482.7120 (fax) 617.687.0212

On Feb 28, 2012, at 12:49 PM | February 28, 2012, Scott Jehl wrote:

full page ones may need a little extra help, yes.

On Feb 29, 2012, at 12:40 AM, Todd Parker wrote:

Hmmm….I see that now. Maybe we can add the focus class to the selected option?
Broken on this page tho - see last select.

filament
filamentgroup.com | 102 south street #3 boston, ma 02111
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
todd.parker .: . todd@filamentgroup.com .: . (tel) 617.482.7120 (fax) 617.687.0212

On Feb 28, 2012, at 12:07 PM | February 28, 2012, Scott Jehl wrote:

Right now on http://jquerymobile.com/test/docs/forms/selects/custom.html

I can tab to the first select, press space to open it, and arrow up and down to change the hover/focus before hitting space to make a choice.

The hover is subtle, same as our hover state, so maybe it's light enough it's hard to see? Could that maybe be the problem?

On Feb 28, 2012, at 11:17 PM, Todd Parker wrote:

Sounds from the commit message that @scottjehl's fix makes this work on screenreaders but we still need the visual feedback to work for sighted users.

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

---

Reply to this email directly or view it on GitHub:
#3658 (comment)

[scottjehl]

Todd are you talking about the blue select at the end of the page? (second to last one?)

That one works for me, but the hover state and active state are all themed pretty similar, so it's almost impossible to see the shift. Something else for you?