New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 859651 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Last visit > 30 days ago
Closed: Jul 25
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: iOS
Pri: 1
Type: Task
Q2
Team-Accessibility



Sign in to add a comment

(Accessibility) Make sure contrast of text in new UI changes meets GAR guidelines

Project Member Reported by ghendel@chromium.org, Jul 2

Issue description

lpalmaro pointed out that the subtext in the UI redesign may be too light to meet GAR guidelines, making the gray to hard to see for people who are visually impaired. Can you check this and make any changes necessary to meet the minimum contrast ratio (4.5:1)?

An incomplete list of where the light gray text appears (you may have to find it elsewhere in the app):
-On the NTP titles of most visited and collections
-On subtext of articles listed in the feed
-In collections views like Bookmarks, on the subtext for each line item
 
Cc: lpalmaro@chromium.org
Labels: M-69
Labels: MS-Tab-Grid
An additional related note from a dogfooder:
"The text on the welcome screen (where you can search google or open your recent websites) is a bit gray, making it feel like it blurry (but it's not) - even though it's even more loose (less packed..)."

Cc: pschaffner@chromium.org
Owner: martijnb@chromium.org
Load-shedding to martijnb@.

Martijn, can you turn this into a list of specific changes that need to be made?
Cc: martijnb@chromium.org
Owner: ----
Yep, I think the light gray appears in the list below. I'm leaving it up to Pete to decide which changes to do. 


* NTP - titles under most visited and collections
Current Contrast: 2.96 - #969696 (Black 41%)
Proposed Contrast: 4.54 - #767676 (Black 54%)

* NTP Zine - subtext of articles listed in the feed
Current Contrast: 2.85 - #999999 (Black 40%)
Proposed Contrast: 4.54 - #767676 (Black 54%)

* Collections (Bookmarks, Reading List, Recent Tabs, History) - Cell Subtext and Timestamp
Current Contrast: 3.1 - #8E8E93
Proposed Contrast: 4.54 - #767676 

* Promos (Collections, Zine, Settings) 
Current Contrast: 5.1 - #6D6D72

* Settings - Cell Subtext
Current Contrast: 3.1 - #8E8E93
Proposed Contrast: 4.54 - #767676 

* Tab Grid: (Recent Tabs) 
Current Contrast: 4.89 - #8F8E93

* Search Fields (History, etc) 
Current Contrast: 2.66 - #8D8D92
Proposed Contrast: 4.54 - #666666 

Labels: -MS-Tab-Grid MS-Collections
Owner: lod@chromium.org
lod@ -- Can you work with martijnb@ to get these colors updated.
Status: Started (was: Assigned)
In Pete's absence I'm going to implement all of these, rather err on the side of too readable than not enough. We can revert or make further updates later.
Sounds good. As discussed, don't implement changes for Search Fields. 

Project Member

Comment 10 by bugdroid1@chromium.org, Jul 25

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/7beedc820bff35f6f06074d8d9fb66b27f48ca02

commit 7beedc820bff35f6f06074d8d9fb66b27f48ca02
Author: Elodie Banel <lod@google.com>
Date: Wed Jul 25 14:15:20 2018

Update colors to meet GAR  guidelines.

Darkening anything under a 4.5 contrast ratio.

Bug:  859651 
Cq-Include-Trybots: luci.chromium.try:ios-simulator-full-configs;master.tryserver.chromium.mac:ios-simulator-cronet
Change-Id: I4b56ca36d89e6d62a9104aaddf14e12f7c4b8e0a
Reviewed-on: https://chromium-review.googlesource.com/1150159
Reviewed-by: Mark Cogan <marq@chromium.org>
Commit-Queue: Elodie Banel <lod@chromium.org>
Cr-Commit-Position: refs/heads/master@{#577874}
[modify] https://crrev.com/7beedc820bff35f6f06074d8d9fb66b27f48ca02/ios/chrome/browser/ui/collection_view/cells/collection_view_cell_constants.h
[modify] https://crrev.com/7beedc820bff35f6f06074d8d9fb66b27f48ca02/ios/chrome/browser/ui/content_suggestions/cells/content_suggestions_cell.mm
[modify] https://crrev.com/7beedc820bff35f6f06074d8d9fb66b27f48ca02/ios/chrome/browser/ui/content_suggestions/cells/content_suggestions_most_visited_constants.mm

Status: Fixed (was: Started)
Labels: Merge-TBD
Please add merge request label if this needs to be merged to M69.

Labels: -Merge-TBD Merge-Request-69
Project Member

Comment 15 by sheriffbot@chromium.org, Aug 2

Labels: -Merge-Request-69 Hotlist-Merge-Approved Merge-Approved-69
Your change meets the bar and is auto-approved for M69. Please go ahead and merge the CL to branch 3497 manually. Please contact milestone owner if you have questions.
Owners: amineer@(Android), kariahda@(iOS), cindyb@(ChromeOS), govind@(Desktop)

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Project Member

Comment 16 by bugdroid1@chromium.org, Aug 3

Labels: -merge-approved-69 merge-merged-3497
The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/85f0bb472446be45f444221e0f34392f3fda76ba

commit 85f0bb472446be45f444221e0f34392f3fda76ba
Author: Elodie Banel <lod@google.com>
Date: Fri Aug 03 11:48:37 2018

Update colors to meet GAR  guidelines.

Darkening anything under a 4.5 contrast ratio.

Bug:  859651 
Cq-Include-Trybots: luci.chromium.try:ios-simulator-full-configs;master.tryserver.chromium.mac:ios-simulator-cronet
Change-Id: I4b56ca36d89e6d62a9104aaddf14e12f7c4b8e0a
Reviewed-on: https://chromium-review.googlesource.com/1150159
Reviewed-by: Mark Cogan <marq@chromium.org>
Commit-Queue: Elodie Banel <lod@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#577874}(cherry picked from commit 7beedc820bff35f6f06074d8d9fb66b27f48ca02)
Reviewed-on: https://chromium-review.googlesource.com/1162121
Reviewed-by: Elodie Banel <lod@chromium.org>
Cr-Commit-Position: refs/branch-heads/3497@{#377}
Cr-Branched-From: 271eaf50594eb818c9295dc78d364aea18c82ea8-refs/heads/master@{#576753}
[modify] https://crrev.com/85f0bb472446be45f444221e0f34392f3fda76ba/ios/chrome/browser/ui/collection_view/cells/collection_view_cell_constants.h
[modify] https://crrev.com/85f0bb472446be45f444221e0f34392f3fda76ba/ios/chrome/browser/ui/content_suggestions/cells/content_suggestions_cell.mm
[modify] https://crrev.com/85f0bb472446be45f444221e0f34392f3fda76ba/ios/chrome/browser/ui/content_suggestions/cells/content_suggestions_most_visited_constants.mm

Sign in to add a comment