Posts in category: "accessibility"

Document Outlines in HTML 5.1

In one of my previous articles, Using Heading Elements to Create a Document Outline, I explained the importance of having valid outlines in an HTML page. The outline for an HTML document shows the structure of the content on the page. This is useful for user agents, who can use...

Making "Blue Beanie Me"

Blue Beanie Day (November 30th) is a day where web developers show support of web standards and accessibility by posting a selfie of themselves wearing a blue beanie. It was first instigated by Jeffrey Zeldman in 2006, who wrote a book about web standards and famously wears a blue beanie....

Tools for Developing Accessible Websites

Building websites that are accessible can be challenging for developers like myself that have never had to use any assistive technologies. Unlike visual issues such as layout which can be easily seen, accessibility issues can very easily go unnoticed if we don't have the correct tools to test for them....

Alternative Text and Images

The most accessible format for any content on the web is plain text. Plain text is incredibly malleable, it can be altered in ways to cater to almost any disability. For users with no visual difficulties, they can simply read the text. If a user has visual impairments, the text...

Creating An Accessible Modal Dialog

Modal Dialogs are a tricky thing to make accessible. For visual users navigating with a mouse, creating a dialog is as simple as styling the element to look visually different from the rest of the page. However, users navigating a site via a keyboard and/or screenreader need a lot...