Issue trying to create a pure select option dropdown list

[ghost]

Hi,

My issue can be in two parts:

1. It would be useful if you created a working example for a pure select / option widget. Without using a button.

2. Issue trying to get the Enter key to work in browsers such as Firefox, seems to work ok in Google Chrome. Does W3c have a list of standards for select option dropdown lists?

I'm using parts of your: https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-collapsible.html

To add some keyboard navigation controls to the following HTML code example:

<div class="form-group">

    <select class="form-control valid" name="example" aria-label="We require you to select an option" required aria-required="true" role="listbox" aria-haspopup="listbox" aria-expanded="false">
        <option value="">Select an option</option>
        <option value="red">Red</option>
        <option value="blue">Blue</option>
        <option value="green">Green</option>
    </select>

</div>

So far I have managed to get the following keyboard controls working:

• Space bar to expand the dropdown list

• Escape to collapse the dropdown list

• Alt + Down Arrow to expand the dropdown list

• Alt + Up Arrow to collapse the dropdown list

• Home and PageUp to move to the first option

• End and PageDown to move to the last option

• Up Arrow and Left Arrow to move to the previous option

• Down Arrow and Right Arrow to move to the next option

I'm having trouble getting the Enter key to work to expand the dropdown list. Like I said above works fine in Google Chrome but not in Firefox. While setting the aria-expanded="false" and aria-expanded="true" and trying to expand the select box (collapse works ok).

p.s. I'm using jQuery to code my logic.

Look forward to any help and advice,

Thanks.

[JAWS-test]

1: I would like an example of drop-down list without a button (see #1137). But it should be without the HTML elements select and option, but only with the ARIA roles listbox and option or combobox and option.
2 I don't know why Enter should work. That's not part of the standard operation of a drop-down list, even if it works in Chrome, in IE 11 and Firefox it doesn't work and that's fine. A drop-down list is opened with Alt+arrow down.

[ghost]

Thanks, I didn't realise Alt+arrow down was the default, I guess W3c website is misleading with that example:

Because listboxes are not Enter and it's because that example is using a button and not a select element. That's why I think there should be a spearate example - not using a button.

[JAWS-test]

Only this W3C example is misleading because it uses a button for a drop-down list

[clhenrick]

Would the Select-Only ComboBox example satisfy this ask?