Make Elements Only Visible to a Screen Reader by Using Custom CSS

HTML-CSS
1

<>

.sr-only { position: absolute; left: -10000px; width: 1px; height: 1px; top: auto; overflow: hidden; }

</>

This code gives me an error for the ‘left’ attribute/value.
This is on the legacy version of Responsive Design. This is my LAST exercise to complete the entire unit.

Can someone please help me?

Thanks,
Rommel Haynes
rhaynes3k@gmail.com

2

Hello !
Could you please use the help that appears after three failed attempts to provide the complete code and question, along with error message?

As well, you may wish to remove your email from the post.

Wishing you good success.

3

I have tried the Get Help link. The error is " Your code should set the left
property of the sr-only class to a value of -10000px.".

I can put all the values in except the left value. I can put the left value in and all of the others except the position value. That will trigger the left value error again.

This is the legacy version.

Make Elements Only Visible to a Screen Reader by Using Custom CSS

I don’t know how to remove my email from the post. Can you help?

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.