No Code Attached Yet a11y Backend Template bug
avatar brianteeman
brianteeman
29 May 2022

When the class text-muted is used for text it fails the contrast checks.

At the moment I can only see this scenario occuring with the new MFA but it is probably occuring elswehere as well.

image

Element has insufficient color contrast of 3.74 (foreground color: #808589, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1

possible solution

Use foreground color: #72777b and the original background color: #ffffff to meet a contrast ratio of 4.53:1.

WCAG 1.4.3

avatar brianteeman brianteeman - open - 29 May 2022
avatar joomla-cms-bot joomla-cms-bot - change - 29 May 2022
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 29 May 2022
avatar brianteeman
brianteeman - comment - 29 May 2022

Same page same contrast issue

image

avatar chmst chmst - change - 29 May 2022
Labels Added: a11y
avatar chmst chmst - labeled - 29 May 2022
avatar chmst chmst - change - 29 May 2022
Labels Added: ?
avatar chmst chmst - labeled - 29 May 2022
avatar chmst
chmst - comment - 7 Jun 2022

Disabled Action Buttons also have bad contrast.

avatar chmst chmst - change - 17 Feb 2023
Labels Added: bug
Removed: a11y
avatar chmst chmst - unlabeled - 17 Feb 2023
avatar chmst chmst - labeled - 17 Feb 2023
avatar chmst chmst - change - 17 Feb 2023
Labels Added: a11y
avatar chmst chmst - labeled - 17 Feb 2023
avatar brianteeman brianteeman - change - 21 Nov 2023
Status New Closed
Closed_Date 0000-00-00 00:00:00 2023-11-21 18:14:42
Closed_By brianteeman
Labels Added: Backend Template
Removed: ?
avatar brianteeman brianteeman - close - 21 Nov 2023
avatar brianteeman
brianteeman - comment - 21 Nov 2023

Closed as actioned elsewhere

Add a Comment

Login with GitHub to post a comment