Learning to Code: Day 22 — Applied Accessibility Part 4

Make Elements only visible to a Screen Reader

.sr-only {

position: absolute;

left: -10000px;

width: 1px;

height: 1px;

top: auto;

overflow: hidden;

}

Improve Contast for Readability

Using Sufficient Contrast to Avoid Colourblind Issues

Can you make that out?
How about now?

Give Descriptive Link Text to Links

--

--

--

Step by step, learning to code with FreeCodeCamp

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Things I wish I knew when I started building Android SDK/Libraries

Upgrading your project to URP | Unity

The Road to Couchbase

Switching MIS: The Times, They Are a-Changin’

5 Things to Know When Creating an App for Business

How to delete Linux/second os boot file from windows boot partition.

Get system information using python

Electronics-Engineering Project: Sound to Color Wheel

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Hugh Burgess

Hugh Burgess

Step by step, learning to code with FreeCodeCamp

More from Medium

IKIGAI: THE JAPANESE SECRET TO LONG AND HAPPY LIFE- HECTOR GRACIAS, FRANCESC MIRALLES

A List of Writing Accomplishments to Avoid Impostor Syndrome