Skip to content

touch target size not up to a11y standards for DatePicker day period selector. #168245

@benjaminwg2017

Description

@benjaminwg2017

Steps to reproduce

The "AM" and "PM" buttons in the TimePicker dialog have a hard coded height of 39 pt (see image below), which is smaller than the recommended touch target size (see Android a11y guidelines, for example)

Image


This DartPad project displays the TimePicker with the "AM" and "PM" buttons. Inspecting the buttons reveals their size. I believe this is the offending code, hardcoding a height of 80 pixels total for both buttons.

Expected results

The "AM" and "PM" buttons should each have a touch target size of at least 48x48 pixels.

Actual results

The "AM" and "PM" buttons each have a touch target height of 39 pixels only.

Code sample

[

Code sample

[Paste your code here]
](https://dartpad.dev/?id=bd8509ad498a4d44871c78e4c038e418)

Screenshots or Video

No response

Logs

Flutter Doctor output

N/A

Metadata

Metadata

Assignees

Labels

P1High-priority issues at the top of the work lista: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)customer: chalk (g3)f: date/time pickerDate or time picker widgetsf: material designflutter/packages/flutter/material repository.frameworkflutter/packages/flutter repository. See also f: labels.r: fixedIssue is closed as already fixed in a newer versionteam-accessibilityOwned by Framework Accessibility team (i.e. responsible for accessibility code in flutter/flutter)triaged-accessibilityTriaged by Framework Accessibility team

Type

No type

Projects

Status

Done (PR merged)

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions