Defect 006 - Method picker listbox uses incompatible ARIA structure
Severity: Medium
Status: Confirmed repeatable by Lighthouse snapshot
Summary
The Method Picker Dialog list surface uses a section.method-picker-list with role=listbox. Lighthouse/axe reports the role is inappropriate for the element and contributes to an ill-formed accessibility tree. This area was changed by the MethodPickerDialog MVC work.
Steps to Reproduce
- Open the deployed generator.
- Set a row to
domain or faker.
- Open the Method Picker Dialog.
- Run an accessibility snapshot/audit on the current page.
Expected Result
The Method Picker List should expose valid listbox/options semantics with required ARIA parent/child relationships.
Actual Result
Lighthouse reports an accessibility-tree failure for section.method-picker-list with role=listbox, stating that the ARIA role should be appropriate for the element.
Evidence
- Screenshot:
../screenshots/loop1-mobile-method-picker.png
- Video:
../videos/defect-006-method-picker-aria-listbox-mobile.webm
- Lighthouse report:
../support/lighthouse-mobile-picker/report.html
- Lighthouse JSON:
../support/lighthouse-mobile-picker/report.json
Notes for Fix Agent
Inspect the Method List view markup. Consider using a div or ul with valid listbox semantics and ensure options are direct/valid children per ARIA expectations.
Defect 006 - Method picker listbox uses incompatible ARIA structure
Severity: Medium
Status: Confirmed repeatable by Lighthouse snapshot
Summary
The Method Picker Dialog list surface uses a
section.method-picker-listwithrole=listbox. Lighthouse/axe reports the role is inappropriate for the element and contributes to an ill-formed accessibility tree. This area was changed by the MethodPickerDialog MVC work.Steps to Reproduce
domainorfaker.Expected Result
The Method Picker List should expose valid listbox/options semantics with required ARIA parent/child relationships.
Actual Result
Lighthouse reports an accessibility-tree failure for
section.method-picker-listwithrole=listbox, stating that the ARIA role should be appropriate for the element.Evidence
../screenshots/loop1-mobile-method-picker.png../videos/defect-006-method-picker-aria-listbox-mobile.webm../support/lighthouse-mobile-picker/report.html../support/lighthouse-mobile-picker/report.jsonNotes for Fix Agent
Inspect the Method List view markup. Consider using a
divorulwith valid listbox semantics and ensure options are direct/valid children per ARIA expectations.