Focusing on Focus Styles

Not everyone uses a mouse to browse the internet. If you’re reading this post on a smartphone, this is obvious! What’s also worth pointing out is that there are other forms of input that people use to get things done. With these forms of input comes the need for focus styles. #People People are complicated.Continue reading “Focusing on Focus Styles”

Tips For Conducting Usability Studies With Participants With Disabilities

Over the last few years, I ran several usability studies with participants with various disabilities. I thought it would help others if I shared some of my experiences. In this article, I provide lessons learned or tips to consider in planning and executing usability testing with participants with disabilities. The lessons learned are divided intoContinue reading “Tips For Conducting Usability Studies With Participants With Disabilities”

How to create a simple CSS loading spinner & make it accessible

Since CSS animations are now so well supported using an animated .gif for a loading spinner is now no longer necessary. The mighty Developer Jon Pearse, showed me how to make a CSS loading spinner so I thought I’d share his technique using a flexible SCSS mixin step by step. This spinner will work inContinue reading “How to create a simple CSS loading spinner & make it accessible”

Short note on what CSS display properties do to table semantics 

The CSS display properties are powerful. You can change the visual display of elements to match your desired styling, but sometimes doing this can have an unintended effect of nuking the semantics of the elements, as conveyed to screen reading software, in the browser accessibility tree. Screen readers and other assistive tech, in general, do not have directContinue reading “Short note on what CSS display properties do to table semantics “

Hey, It’s Still OK to Use Tables

Consider this post to be the sequel to my 2012 post It’s OK to Use Tables. Here I will go into bit more detail based on the state of accessible efforts I see today. In that post I identified two scenarios I see frequently as a result of developers blindly following the don’t use tablesContinue reading “Hey, It’s Still OK to Use Tables”

30 Helpful Resources for Improving Mobile and Web Accessibility

Creating accessible apps and websites is everyone’s responsibility, from designers and content strategists to developers and testers. Adopting accessibility practices into your workflow will make accessibility an inherent part of your process, no matter your role, and ultimately lead to a better product. To help you create apps and sites that everyone can use, weContinue reading “30 Helpful Resources for Improving Mobile and Web Accessibility”

OS: High Contrast versus Inverted Colors

There are different ways to make a web page more easy to read, but there are two options that come directly from the operating system that many developers and designers seem to confuse — high contrast and inverted colors. While the confusion may not be a big deal in most contexts, when talking about implementingContinue reading “OS: High Contrast versus Inverted Colors”

Text Splitting Causes Screen Reader Problems – Axess Lab

I am a screen reader user, and I am annoyed! I repeatedly encounter the same problem on websites. It’s about text splitting up. Let me share my agony with you! … The solution: role=”text” We had a similar problem on our site with headings, but the solution I used will work for links as well.Continue reading “Text Splitting Causes Screen Reader Problems – Axess Lab”

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 the outline to create, for example,Continue reading “Document Outlines in HTML 5.1”

Advocating for Accessible UI Design | CSS-Tricks

Accessibility is a hot topic these days, and the older we web-makers get, the hotter it’s going to become! That might be a snarky outlook, but what I’m trying to say is that it’s about time we start designing the web for everyone because the web was meant to be for everyone, and less and less areContinue reading “Advocating for Accessible UI Design | CSS-Tricks”