Skip to content

Inadequate color contrast #23319

Closed
Closed

Description

@XhmikosR

We have many issues even with WCAG2AA. I think we should try to fix some if not all of the issues.

Some examples I found in our docs homepage:

.text-muted
.btn-outline-secondary

/CC @patrickhlauke

Activity

  1. added
    cssSass sources or compiled CSS
    docsDocumentation site and its content
    v4v4, the frozen docs on gh-pages
    on Aug 11, 2017
  2. patrickhlauke commented on Aug 11, 2017

    @patrickhlauke
    Member

    i tried to tackle most things relating to color contrast a while ago, but @mdo passed on most of those fixes ... hence https://getbootstrap.com/docs/4.0/getting-started/accessibility/#color-contrast

    but sure, now that many changes have landed, there's still many aspects that need to be looked at, including the markup/behavior of widgets like the carousel, tabbed dynamic navigation, accordions, popovers.

  3. mdo commented on Aug 11, 2017

    @mdo
    Member

    Yeah, I had passed on a couple PRs because I was planning on replacing most of the existing colors outright. Didn't make sense to optimize those given that :).

  4. patrickhlauke commented on Aug 11, 2017

    @patrickhlauke
    Member

    As said, now that it's stabilised, I'll give it another crack :)

    Also, for sanity's sake, going to keep this issue focused just on color contrast.

  5. changed the title [-]Do an accessibility assessment[/-] [+]Inadequate color contrast[/+] on Aug 11, 2017
  6. XhmikosR commented on Aug 11, 2017

    @XhmikosR
    MemberAuthor
  7. added
    has-prAn open pull request addresses it
    on Dec 29, 2017
  8. added a commit that references this issue on Dec 29, 2017
    48f5408
  9. added a commit that references this issue on Dec 29, 2017
    625736b
  10. added a commit that references this issue on Dec 30, 2017
    ea1c866
  11. XhmikosR commented on Dec 30, 2017

    @XhmikosR
    MemberAuthor

    @patrickhlauke: this is not complete. The a color for example isn't adequate either.

  12. patrickhlauke commented on Dec 30, 2017

    @patrickhlauke
    Member

    treat this #25126 as the successor, and feel free to add further examples where we fail (i made a start, but sure with the various shades and variations we use there will be more).

  13. XhmikosR commented on Dec 30, 2017

    @XhmikosR
    MemberAuthor

    Oops, I missed that. I will have a look, thanks!

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityKeyboard, screen readers, contrast, ARIAcssSass sources or compiled CSSdocsDocumentation site and its contenthas-prAn open pull request addresses itv4v4, the frozen docs on gh-pages

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions