WordPress.org

Make WordPress Core

Opened 4 months ago

Last modified 4 months ago

#52880 accepted defect (bug)

Twenty Twenty-One: RSS widget has empty link (feed icon)

Reported by: sabernhardt Owned by: sabernhardt
Milestone: Future Release Priority: normal
Severity: normal Version: 5.6
Component: Bundled Theme Keywords: has-patch
Focuses: accessibility Cc:

Description

Instead of hiding the RSS icon link, the image inside the link was hidden. So that results in an empty link.

.widget_rss a.rsswidget .rss-widget-icon {
	display: none;
}

Steps to discover:

  1. Create an RSS widget, with the Twenty Twenty-One theme active.
  2. Visit a page with that widget in a sidebar.
  3. Use the tab key to navigate to each link on the page.
  4. When you arrive at the RSS widget heading, the first link is invisible but clickable.

If using a screen reader, the speech output is unreliable:

Edge/NVDA - "feed link heading level 2"
Firefox/NVDA - "blank"
Edge/Narrator - "link"
Firefox/Narrator - "link"

Attachments (3)

rss-widget-twenty-twenty-one.webm (92.4 KB) - added by sabernhardt 4 months ago.
tabbing through the links, the feed link is invisible
rss-widget-highlighting-empty-link.webm (97.5 KB) - added by sabernhardt 4 months ago.
highlighting the empty link
52880.patch (499 bytes) - added by sabernhardt 4 months ago.
CSS option (same as Twenty Twenty)

Download all attachments as: .zip

Change History (5)

@sabernhardt
4 months ago

tabbing through the links, the feed link is invisible

@sabernhardt
4 months ago

highlighting the empty link

@sabernhardt
4 months ago

CSS option (same as Twenty Twenty)

#1 @sabernhardt
4 months ago

  • Keywords has-patch added
  • Owner set to sabernhardt
  • Status changed from new to accepted

I'd prefer removing the link entirely (see #52224), but the CSS patch would hide the link the same way that Twenty Twenty does:

.widget_rss .widget-title a.rsswidget:first-of-type {
	display: none;
}

#2 @sabernhardt
4 months ago

  • Version changed from 5.5 to 5.6
Note: See TracTickets for help on using tickets.