#56269 closed defect (bug) (fixed)
Twenty Twenty: Comments accessibility - links should be identifiable
Reported by: |
|
Owned by: |
|
---|---|---|---|
Milestone: | 6.1 | Priority: | normal |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | has-screenshots has-patch commit |
Focuses: | accessibility, css | Cc: |
Description
In Twenty Twenty, the links displayed in the Comments section are not visually identifiable. We should make them different from regular text for better accessibility.
Attachments (4)
Change History (18)
This ticket was mentioned in PR #3008 on WordPress/wordpress-develop by whaze.
17 months ago
#1
- Keywords has-patch added; needs-patch removed
I made links red and with underline on hover
Trac ticket: https://core.trac.wordpress.org/ticket/56269
#2
@
17 months ago
hello,
I made a PR : i changed the color of the links in red and with underline on hover.
#3
@
17 months ago
- Keywords changes-requested added
Thanks for the patch!
However I think it would be better for accessibility and consistency to use the same pattern as other content links: different color + underline and remove underline on hover (but keep the different color).
See screenshot below (comment’s content)
#5
@
17 months ago
Thanks!
I think we could remove those styles from .comment-notes
links as well. Twenty Twenty itself does not add any links to that message, but a plugin or a child theme might.
#6
@
17 months ago
Hi there!
Yes it is better to remove those CSS for .comment-notes
and .logged-in-as
.
.comment-respond .comment-notes a { color: inherit; text-decoration: none; } .comment-respond .comment-notes a:focus, .comment-respond .comment-notes a:hover, .comment-respond .logged-in-as a:focus, .comment-respond .logged-in-as a:hover, .comment-respond .comment-notes a:hover { text-decoration: underline; }
This ticket was mentioned in Slack in #accessibility by sabernhardt. View the logs.
16 months ago
16 months ago
#14
Committed in https://core.trac.wordpress.org/changeset/53797
"Logged in" and "Log out?" should be visually identifiable as links.