[buddypress-trac] [BuddyPress Trac] #7347: Accessibility: Improve color contrast of pending BP notifications bubble in Toolbar

[buddypress-trac]

#7347: Accessibility: Improve color contrast of pending BP notifications bubble in
Toolbar
-------------------------------------+------------------
 Reporter:  mercime                  |       Owner:
     Type:  enhancement              |      Status:  new
 Priority:  normal                   |   Milestone:  2.8
Component:  Toolbar & Notifications  |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:                           |
-------------------------------------+------------------
Description changed by mercime:

Old description:

> Current background color of the notifications bubble is `#1fb3dd` which
> has a contrast ration of 2.46 -> way below the required 4.5 ratio for
> WCAG 2.0 AA conformance.
>
> The image below shows the result of bumping the background color to
> `#21759b` (5.14 contrast ratio), the same color used for the spans on
> BP's member's account menu.
>
> [[Image(https://cldup.com/hco2xKA3xa.png)]]
>
> This second image shows an alternative background color for the
> notifications bubble -> `#eee` and font color to `#000`.
>
> [[Image(https://cldup.com/u-Hjzh9Uj8.png)]]

New description:

 Current background color of the notifications bubble is `#1fb3dd` which
 has a contrast ratio of 2.46 -> way below the required 4.5 ratio for WCAG
 2.0 AA conformance.

 The image below shows the result of bumping the background color to
 `#21759b` (5.14 contrast ratio), the same color used for the spans on BP's
 member's account menu.

 [[Image(https://cldup.com/hco2xKA3xa.png)]]

 This second image shows an alternative background color for the
 notifications bubble -> `#eee` and font color to `#000`.

 [[Image(https://cldup.com/u-Hjzh9Uj8.png)]]

--

--
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/7347#comment:7>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac