Colour Contrast Issues within Add Media Panel Attachment Details

[grahamarmfield]

Within the Attachment Details and Attachment Display Settings section of the Add Media panel, there are a number of different text strings that have insufficient color contrast. These are:

• The two headings: Attachment Details and Attachment Display Settings
• The upload date and pixel dimensions for the file
• The labels for the various form fields

A screenshot is attached which highlights the affected text.

WCAG guidelines state that contrast between text and its background should be at least 4.5:1.

Darker text (eg of a colour of # 666) should be employed

[grahamarmfield]

Screenshot showing the text that has insufficient contrast.

[neil_pie]

Updating colours in media-views.css

[grahamarmfield]

Replying to neil_pie:
Patch tested on Windows 7 laptop using Colour Contrast Analyzer and contrast levels are sufficient to pass WCAG2.0 AA. Nice one Neil.

[helen]

In 26455:

Increase the contrast of sidebar text in the media modal. props neil_pie. fixes #26288.