This <a> contains only an <svg> and no accessible text, which makes it unusable to screen readers. This adds text via an aria-label attribute.
In lieu of the aria- attribute, I would normally resolve this kind of thing with an sr-only or visually-hidden type of utility class and related CSS to allow the content inside the <a> to exist, but I'm not seeing any existing pattern/class like that in this project, so the aria-label should suffice.
This
<a>contains only an<svg>and no accessible text, which makes it unusable to screen readers. This adds text via anaria-labelattribute.In lieu of the
aria-attribute, I would normally resolve this kind of thing with ansr-onlyorvisually-hiddentype of utility class and related CSS to allow the content inside the<a>to exist, but I'm not seeing any existing pattern/class like that in this project, so thearia-labelshould suffice.