top of page
Writer's pictureDuncan Huaffe

Make your site accessible

Is your website accessible to different devices?

I was working on a site that requires mobile compatibility but I did not want to use plug-ins to generate this feature. Most web users use mobile devices to access the internet because it is flexible, uses less data and cheap.

To get your site mobile friendly or mobile compatible without plug-ins, you might come across css media queries. You can find examples in w3schools.com.

Media Queries

Technique introduced in CSS3 used to target media types - category of devices (different screen sizes). It uses @media rule to include conditions.

For example:

@media only screen and (max-width: 500px) { body { background-color: lightblue;} }

This will detect when the width of the screen is 500 pixels or less, the background-color is "lightblue"

See more examples in w3schools.com

If you can hard code this into your css or html templates, you're website is going to be accessible and you might see an increase in your visitors.

Thanks for visiting, I hope you've learnt something!

Peace out

4 views0 comments

Recent Posts

See All
bottom of page