这是indexloc提供的服务,不要输入任何密码
Skip to content

Ensure active user interface components have sufficient contrast #12226

@yoshjurkic

Description

@yoshjurkic

Describe the problem

The color contrast ratio of the active focus outline for the "Show/Hide Password" button is less than 3.0:1.
There are focus outlines for elements with a contrast ratio below 3.00:1.

Foreground color: #FBEDED
Background color: #FFFFFF
Contrast ratio: 1.13:1

Expected fix

Ensure active focus outline for user interface components has sufficient contrast. The required minimum contrast ratio is 3.00:1.

Common examples of qualifying components include text field borders, check marks for checkboxes, fillings for radio buttons, focus indicators, and icon-only controls. Non-interactive controls are exempt from this requirement.

Image

On which browser(s) did you experience this issue?

No response

Additional context

For more information about Non-text Contrast, please see the W3C Web Accessibility Initiative's ARIA Authoring Practices Guide: https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html

I would like to fix this problem.

  • I will try and fix this problem on docs.flutter.dev.

Metadata

Metadata

Assignees

No one assigned

    Labels

    infra.designRelates to the design of docs.flutter.dev

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions