Web-Facing Change PSA: Minimum size of <option> within <select> dropdown

[Stephanie Zhang]

Contact emails

stephan...@microsoft.com, sa...@microsoft.com

Specification

https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html

Design docs

https://github.com/openui/open-ui/issues/1026

Summary

The WCAG (accessibility guidelines) specify that the size of pointer inputs must be at least 24x24 CSS pixels. The <option> element within the <select> dropdown currently does not meet this height requirement.

Blink component

Blink>Forms>Select

TAG review

None

TAG review status

Not applicable

Risks

Interoperability and Compatibility

Low risk. This update modifies the height of the <option> elements within the select popup to ensure WCAG standards are met. While this may lead to minor visual changes on websites, the overall impact remains minimal since it only alters the size of the popup and the height of each <option> element, without affecting the in-page controls.

Gecko: Shipped/Shipping The default size of the <option> element within the <select> dropdown exceeds 24x24 CSS pixels.

WebKit: No signal Filed bug https://bugs.webkit.org/show_bug.cgi?id=275079

Web developers: No signals

Other signals:

Ergonomics

None

Activation

None

Security

None

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None

(This question autogenerates the response “None” and the answer cannot be modified on Chrome Platform Status. To clarify, this change is considered low risk and carries the same compatibility risk for Android WebView applications as it does for other platforms)

Debuggability

None

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, ChromeOS, Android, and Android WebView)?

Yes

Is this feature fully tested by web-platform-tests?

Yes

WPT test is in progress: https://chromium-review.googlesource.com/c/chromium/src/+/5520310/39/third_party/blink/web_tests/external/wpt/html/semantics/forms/the-select-element/select-option-accessibility-minimum-target-size.html

Flag name on chrome://flags

None

Finch feature name

SelectOptionAccessibilityTargetSize

Requires code in //chrome?

False

Tracking bug

https://issues.chromium.org/issues/339141283

Estimated milestones

Shipping on desktop

128

 

Shipping on Android

128

 

Shipping on WebView

128

 

Anticipated spec changes

Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way).

None

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5152633181700096

This intent message was generated by Chrome Platform Status.

 

[Stephanie Zhang]

Adding a WPT test will be tracked with  Add WPT test for minimum target size of <option> in select dropdown [346378685] - Chromium