Allowing aria label for Link component (Yew router) #2720
douglas-sousa
started this conversation in
Ideas
Replies: 1 comment 1 reply
-
It's good to see that there's a viable workaround. If there are other issues with accessibility where you can't find a workaround, feel free to open an actual issue to track progress towards a fix. Being a bit more familiar with the internal workings, I can say that we're currently missing a way to inherit from other props/add arbitrary attributes that get passed on to a nested component in a developer friendly way. |
Beta Was this translation helpful? Give feedback.
1 reply
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello, guys!
I've started using Yew and noticed that the Link component from Yew router, currently, doesn't take the aria-label attribute.
I believe it'll be a nice addition for describing anchor tags that take non descriptive text or icons as children, as per the accessibility recommendations.
Taken from w3:
I'm using svg inside the anchor tags and the browser warns me about it not having descriptive text
![image](https://user-images.githubusercontent.com/44327992/172061472-7fbffd52-6f26-4bd6-b9f7-29a73fabce89.png)
Right now, one way to circumvent that is to place an aria label in the svg instead
![image](https://user-images.githubusercontent.com/44327992/172061552-1d8a6e27-e3ae-48ab-8aed-eb73d50095ae.png)
Congrats for the awesome project!
Beta Was this translation helpful? Give feedback.
All reactions