Posts in category: "html"

Linting HTML using CSS

When HTML is written incorrectly, nothing much happens. Because of this, it's easy to have invalid, unsemantic, or unaccessible bits in markup without it being obvious. There are many ways we can lint our HTML to discover and fix these issues, for example using the W3C Markup Validation Service. Another...

Rules for Using ARIA in HTML

The Web Accessibility Initiative's Accessible Rich Internet Applications Suite (WAI-ARIA, or just ARIA) is a set of tools and guidelines for making web content and applications more accessible. Most notably, it includes a suite of attributes we can add to HTML elements to embed in them more semantic information that...

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...

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...

Toast.js, a Library for Toast messages

Last week I created a small library for creating Toast messages. Here, I thought I would share my process in creating it and the code behind it. The HTML The Toast is made up of two elements. The Toast message itself, .toastjs, and a container element, .toastjs-container. <div class=...