1926413 - Import Browser Data: Combobox needs additional markup

Status: NEW

(Firefox :: Messaging System, defect, P1)

Description

[Natalie Stroud [:nstroud]]

Attachment: Screenshot of Import Browser Data with Dev Tools docked to the right of the browser

Prerequisites:

Found in Nightly 133.0a1 (2024-10-21)(64-bit)

STR:

1. Open about:welcome from the URL bar
2. Click the 'Save and Continue' button to go to the next screen
3. When the Import Browser Data screen appears, right click on the combobox and select 'Inspect (Q)' from the context menu

Expected:

The <button> element should have role=combobox added and follow the combobox ARIA pattern

Comment 1

[Anna Yeddi [:ayeddi]]

To expand on the Expected behavior:

1. keep the <button> element and
2. as per bug 1926153, ensuring aria-expanded is set when the page loads and is properly updated, PLUS
3. use role=combobox on the button
4. no need for aria-haspopup because...
5. the dropdown’s container should have role=listbox and
6. each option role=option with aria-selected

As always, if you have any questions, do reach out to the Accessibility team in #accessibility on Slack or Matrix.