Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Invalid color is a little too orange #6982

Closed

Description

@jestelle

It appears in
https://material.angularjs.org/latest/demo/input
that Deep Orange A700 is used as the default 'invalid' color, used to style text indicating an input is invalid.

I'm assuming this was chosen because it meets accessibility contrast guidelines. However, the Material team has new recommendations on defaults here.

The Material Design team recommends replacing the default with:
Google Red a700 (#D50000) on light backgrounds and

ff6e6e on dark backgrounds.

FF6E6E is a value outside of the Material palette but its the closest to Red A700 that passes accessibility.

These colors will match the Material spec, but shouldn't be considered cast in stone.

Developers and designers are welcome to override these defaults, but should take care in meeting accessibility requirements within their own applications.

Activity

  1. added
    P4: minorMinor issues. May not be fixed without community contributions.
    on Feb 2, 2016
  2. added this to the 1.0.6 milestone on Feb 2, 2016
  3. EladBezalel commented on Feb 6, 2016

    @EladBezalel
    Member

    @jestelle please take a look at #3973 and #5992

  4. added
    needs: feedbackThe issue creator or community need to respond to questions in this issue
    on Feb 10, 2016
  5. modified the milestones: 1.0.7, 1.0.6 on Feb 10, 2016
  6. EladBezalel commented on Feb 29, 2016

    @EladBezalel
    Member

    @jestelle closing due to inactivity, if you found anything that i missed please ping me and i will reopen this issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

P4: minorMinor issues. May not be fixed without community contributions.g3: reportedThe issue was reported by an internal or external product team.needs: feedbackThe issue creator or community need to respond to questions in this issue

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions