July 14, 2021

(Updated: September 27, 2021)

Accessibility

Many sites and tools are developed with barriers that make it difficult or impossible for some people to use. This is where accessibility comes in. By making sites more accessible we can make the web a better place for everyone.

Blogs to follow

Sara Soueidan

Read/Subscribe

Sara has written some great articles on writing semantic and accessible HTML. She's also an all-round great human.

Tools

Colorable

Contrast Checker

An easy to understand colour contrast checker by Brent Jackson.

Toptotal

HTML entities

Find the HTML equivelent to many a symbol, I've used this quite a few times and a good site is pretty hard to find on this!

Metatags.io

Social Share Preview

A handy little tool to preview how your blog posts and site links will look when shared on different platforms.

Articles

maintained by @stevefaulkner gives an overview of browser support for HTML5 features across browsers.

@necolas (the author of normalise.css) super timely article, a great read.

Why use CSS when HTML can do all of the heavy liftings for you? A short article on using the hidden attribute and making your HTML that smidge more semantic.

Full of some great tips for making your forms easy on the eye, understandable and functional. You may see some of these as common sense but it's always good to have those references for particular use cases.

Ever wondered how to make your checkboxes and radio buttons accessible? Sara explains the current pitfalls in using just CSS and talks us through an elegant approach that takes advantage of SVG.

Do you know a resource that could benefit another reader and is relevent for this page? Let me know by leaving a short message below and I will take a look!