Opened 4 weeks ago
Last modified 4 weeks ago
#62982 new defect (bug)
Twenty Twenty-Five: The Written by pattern on single posts has too low color contrast in some variations
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | needs-design-feedback has-patch |
Focuses: | Cc: |
Description
In the theme Twenty Twenty-Five, the pattern twentytwentyfive/hidden-written-by
has a text and link color set on a group block that wraps some text content, the author name, and the categories.
The color is accent 4.
This text color does not have a high enough color contrast ratio against some of the background colors that can be applied with section styles.
Originally reported in https://wordpress.org/support/topic/sections-dont-work-appropriately/
Testing instructions:
Activate Twenty Twenty-Five.
Reset any custom styles and template changes.
Edit the single posts template.
Select the main group block, or, the first group block that is inside the main.
Open the Styles tab in the block settings.
Apply Styles 1 to 5, one by one, and observe the color of the text
"Written by author in categories" that is below the featured image.
Then repeat the steps with all the site style variations, and you will find that in some combinations, the text color is the same as the background color, so it is invisible.
My suggestion is to remove the text color from the markup. This will mean that the "Written by" content will fallback to using its default colors that are set in the variations.
But it will also mean that the text color will not be lighter than the post content, which was the intention behind the color choice in the original design.
Attachments (1)
Change History (3)
This ticket was mentioned in PR #8347 on WordPress/wordpress-develop by @rinkalpagdar.
4 weeks ago
#2
- Keywords has-patch added; needs-patch removed
Fixes #62982
### Testing instructions:
- Activate Twenty Twenty-Five.
- Edit the single posts template.
- Select the main group block, or, the first group block that is inside the main.
- Open the Styles tab in the block settings.
- Apply Styles 1 to 5, one by one, and observe the color of the text
- "Written by author in categories" that is below the featured image.
Before |
After |
Morning style variation, with section style 5 applied to the main group. The "written by" text is not readable.