Thank you for your comment! And your questions are more than okay.
Everyone has a different learning style, so my comments might not be applicable across the board. One of the things in the course is that the instructor will show or refer to something, and then say something like "Just don't do that". Sometimes, there is a bit of an explanation, other times, not really. Often, information does not click for me when it is presented in a "just don't do that" sort of way.
One of the things I did love about the course was going through a website she made, using the screen reader, and then hopping into the code and fixing the issues. Seeing someone's workflow, especially if they know what they are doing, really helps me learn.
Hopefully those bits of feedback help you out!
And thank you for offering the language suggestion. I wasn't clear in my post- I am trying to use the span lang within an aria-label so when a screenreader lands on an icon for something like Dev.To, it can clearly say where it will lead the user if they click. I'm sure it's simple :)
Accessibility First DevRel. I focus on ensuring content created, events held and company assets are as accessible as possible, for as many people as possible.
Point 60 is about “visually hidden” or “screen reader only” text.
You can’t do what you want with aria-label But by placing visually hidden text inside the link that provides text for a screen reader. You can still use the Lang technique that way.
Another way would be to use aria-labelledby. This takes the ID(s) of elements on a page that contain the text you want to use as a label.
So you can do aria-labbelledby=“ID1 ID2” and give the first span ID1, second span ID2.
Sorry I am on phone so hard to do full examples.
Your feedback on the courses is very valuable so thank you for that!
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Thank you for your comment! And your questions are more than okay.
Everyone has a different learning style, so my comments might not be applicable across the board. One of the things in the course is that the instructor will show or refer to something, and then say something like "Just don't do that". Sometimes, there is a bit of an explanation, other times, not really. Often, information does not click for me when it is presented in a "just don't do that" sort of way.
One of the things I did love about the course was going through a website she made, using the screen reader, and then hopping into the code and fixing the issues. Seeing someone's workflow, especially if they know what they are doing, really helps me learn.
Hopefully those bits of feedback help you out!
And thank you for offering the language suggestion. I wasn't clear in my post- I am trying to use the
span lang
within anaria-label
so when a screenreader lands on an icon for something like Dev.To, it can clearly say where it will lead the user if they click. I'm sure it's simple :)dev.to/inhuofficial/101-digital-ac...
Point 60 is about “visually hidden” or “screen reader only” text.
You can’t do what you want with
aria-label
But by placing visually hidden text inside the link that provides text for a screen reader. You can still use theLang
technique that way.Another way would be to use
aria-labelledby
. This takes the ID(s) of elements on a page that contain the text you want to use as a label.So you can do
aria-labbelledby=“ID1 ID2”
and give the first span ID1, second span ID2.Sorry I am on phone so hard to do full examples.
Your feedback on the courses is very valuable so thank you for that!