Archive for the ‘Accessibility’ Category

Smooth Scrolling and Accessibility

Posted on: No Comments
Smooth scrolling (the animated change of position within the viewport from the originating link to the destination anchor) can be a nice interaction detail added to a site, giving a polished feel to the experience. If you don't believe me, look at how ...

Automated Accessibility Checking with aXe

Posted on: No Comments
Accessibility concerns are often ignored due to the efforts required to check them and implement solutions. Not only do developers have to get acquainted with the underlying standards but also constantly check that they are met. Can we make developing ...

Writing JavaScript with Accessibility in Mind

Posted on: No Comments
Tips on how to improve the accessibility of your JavaScript components and provide users with more and better ways to interact with your website or web app. This article was originally published on Medium. In my first post Writing HTML with accessibil...

The Document Outline Dilemma

Posted on: No Comments
For the past few weeks there has been lots of talk about HTML headings in web standards circles. Perhaps you've seen some of the blog posts, tweets, and GitHub issue threads. Headings have been part of HTML since the very first websites at CERN, so it ...

A Nerd’s Guide to Color on the Web

Posted on: No Comments
There are a lot of ways to work with color on the web. I think it’s helpful to understand the mechanics behind what you’re using, and color is no exception. Let's delve into some of the technical details of color on the web. Color mixing A huge pa...

Accessible SVGs

Posted on: No Comments
Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg, gif and png graphics for the well-supported SVG, too? Let’s see how this will impact users of a...

Make a Simple JavaScript Slideshow without jQuery

Posted on: No Comments
"I just want to make a simple JavaScript slideshow without jQuery." The slideshow --- also known as the image carousel, the slider, or the rotating banner --- is a commonly requested tutorial among people who are learning JavaScript. In this tutorial, ...

Designing A Dementia-Friendly Website

Posted on: No Comments
  Some well-established web design basics: minimize the number of choices that someone has to make; create self-explanatory navigation tools; help people get to what they're looking for as quickly as possible. Sounds simple enough? Now consid...

How to Make Accessible Web Components — a Brief Guide

Posted on: No Comments
This article was peer reviewed by Mallory van Achterberg. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! In a previous article I demonstrated how to create a multiselect web component. In the comments sec...