Improvements in Legacy Theme

[milindmore22]

Bug Description

Best Practices

Serves images with low resolution

The gravatar is being served in low resolution 24X24 as per updated standards we should serve images with 36X36 resolutions

For this we can simply increase the image size to 36X36

Accessibility

Background and foreground colors do not have a sufficient contrast ratio.

According to the new WCGA Standard (2.2), AAA draft the contrast ratio should be 7:1 and the Current AA standards it's 4.5:1

As I checked the contrast ratio on this online tool, I can adjust the background color's contrast ratio to find the following colors that can meet requirements, I am proposing to update the default background colors as per following

WCGA Standard Contrast Ratio

Standard	AA	AAA
Ratio	4.5:1	7:1
Color	#0A7DB3	#0A5F85
Status	Published	Drafted

Page Speed

Before
After

Expected Behaviour

Should pass an audit that we control using the AMP plugin to be passed as per updated standards.

Screenshots

No response

PHP Version

8.0

Plugin Version

2.4.0

AMP plugin template mode

Reader

WordPress Version

6.1.1

Site Health

No response

Gutenberg Version

No response

OS(s) Affected

No response

Browser(s) Affected

No response

Device(s) Affected

No response

Acceptance Criteria

No response

Implementation Brief

No response

QA Testing Instructions

No response

Demo

No response

Changelog Entry

No response

[pavanpatil1]

QA Passed ✅

Verified the issue, The issues related to A11y and low-resolution images in the legacy theme are fixed.

Before:

before.pdf

After:

After.pdf

[milindmore22]

Looks good 👍🏼