Problem/Motivation

The dropdown button that contains links like "Edit", "Delete" and "Report" that's available on activities and other content contains an arrow SVG that is decorative. The aria-label already tells screenreaders what they need to know so the SVG icon should not be visible to screen readers.

Proposed resolution

Mark the mentioned SVG element as decorative by hiding it from screenreaders.

Remaining tasks

  • Identify and list the places where this component is used or if it's a shared implementation, where that implementation is
  • Ensure the SVG icon itself is not seen by screenreaders in links.html.twig in socialbase

User interface changes

The SVG will no longer be visible for screen readers, leaving only the "More options" label. No visual changes.

API changes

None

Data model changes

None

Comments

Kingdutch created an issue. See original summary.

kingdutch’s picture

Issue summary: View changes

Added list of already identified places (the ... indicate we need to do more research!) as this also occurred in private message threads.

kingdutch’s picture

Issue tags: +Accessibility
kingdutch’s picture

Version: 8.x-9.x-dev » 8.x-8.x-dev
Issue summary: View changes
Status: Active » Needs review

This element is always rendered from links.html.twig so we can change it once to change it everywhere. The language switcher uses an alternative links.html.twig implementation which is already accessible.

https://github.com/goalgorilla/open_social/pull/2028

kingdutch’s picture

Status: Needs review » Fixed

  • Kingdutch committed 83ac44f on 8.x-8.x
    Issue #3171503 by Kingdutch: The SVG icon on the actions dropdown for...

  • Kingdutch committed 614ef32 on 8.x-9.x
    Issue #3171503 by Kingdutch: The SVG icon on the actions dropdown for...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.