Category Archives: tips

The new guidelines in WCAG 2.1 explained

New guidelines in WCAG 2.1 Before explaining the new guidelines in WCAG 2.1, you should know that WCAG 2.1 is backward compatible with WCAG 2.0. This means that: The previous categories and guidelines still apply The numbering still applies The basic principles still apply The three levels of success criteria (A, AA, AAA) still apply So,ContinueContinue reading “The new guidelines in WCAG 2.1 explained”

WICG/focus-visible: Polyfill for `:focus-visible`

Based on the proposed CSS :focus-visible pseudo-selector, this prototype adds a focus-visible class to the focused element, in situations in which the :focus-visible pseudo-selector should match. … Curated by (Lifekludger) Read full article at Source: GitHub – WICG/focus-visible: Polyfill for `:focus-visible`

What’s New In DevTools (Chrome 65)  | Google Developers

New features coming to DevTools in Chrome 65 include: Local Overrides New accessibility tools The Changes tab New SEO and performance audits Multiple recordings in the Performance panel Reliable code stepping with workers and asynchronous code Read on, or watch the video version of these release notes, below. Note: Check what version of Chrome you’re running at chrome://version. If you’re runningContinueContinue reading “What’s New In DevTools (Chrome 65)  | Google Developers”

WCAG 2.1: What is Next for Accessibility Guidelines

Are you staying on top of your digital accessibility game? Don’t be caught by surprise that a new version of W3C’s Web Content Accessibility Guidelines (WCAG) is on the horizon. In fact, The next “minor” version of WCAG is a proposed recommendation right now! The W3C has researched user needs and written WCAG 2.1 successContinueContinue reading “WCAG 2.1: What is Next for Accessibility Guidelines”

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.ContinueContinue 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 intoContinueContinue 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 inContinueContinue reading “How to create a simple CSS loading spinner & make it accessible”

Mobile Accessibility Testing Guide for Android and iOS – free 

Mobile Accessibility Testing Guide for Android and iOS – free Mobile Accessibility Testing for Android and iOS (PDF, 2.6MB) is a free accessible PDF outlining how to test native apps and the web for accessibility on Android and iOS. It provides an overview of accessibility settings, how to use them and common testing tools. InstructionsContinueContinue reading “Mobile Accessibility Testing Guide for Android and iOS – free “

How to Create an Accessible PDF

Accessible PDFs are also known as “tagged” PDFs. They contain a hidden network of instructions and provide a textual representation of the document so that people using screen readers can properly navigate the document. Properly tagged PDFs also benefit from better search engine optimization (SEO) because search engines read the words between header tags beforeContinueContinue reading “How to Create an Accessible PDF”

HTML for Screen Reader Accessibility: 3 Mistakes to Avoid

It Takes A Lot Of Time And Work To Satisfy The WCAG Criteria But In One Of Our Latest Healthcare Projects, There Was A Focus On Adherence And On Screen Reader Accessibility. Here Are 3 Mistakes To Avoid. … Curated by (Lifekludger) Read full article at Source: HTML for Screen Reader Accessibility: 3 Mistakes toContinueContinue reading “HTML for Screen Reader Accessibility: 3 Mistakes to Avoid”

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 tablesContinueContinue 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, weContinueContinue reading “30 Helpful Resources for Improving Mobile and Web Accessibility”

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.ContinueContinue 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,ContinueContinue reading “Document Outlines in HTML 5.1”

The math of CSS locks

A CSS lock is a Responsive Web Design technique that lets you transition smoothly between two values, depending on the current viewport size, rather than jump straight from one value to the other. … I found this technique in Tim’s article and, when I tried wrapping my head around it, and creating variants of it,ContinueContinue reading “The math of CSS locks”

Accessibility Masterlist

This MasterList is designed to serve as a resource for researchers, developers, students, and others interested in understanding or developing products that incorporate one or more of these features. Each feature or approach is then listed below along with applicable disabilities to each feature are marked with the following icons: B – Blindness (For ourContinueContinue reading “Accessibility Masterlist”

Accessible Dynamic Links

Although hyperlinks are the soul of the World Wide Web, it’s worth using them in moderation. Too many links becomes a barrier for visitors navigating their way through a page. This difficulty is multiplied when the visitor is using assistive technology, or is using a keyboard; being able to skip over a block of linksContinueContinue reading “Accessible Dynamic Links”

Accessibility Through Semantic HTML ◆ 24 ways

Working on Better, a tracker blocker, I spend an awful lot of my time with my nose in other people’s page sources. I’m mostly there looking for harmful tracking scripts, but often notice the HTML on some of the world’s most popular sites is in a sad state of neglect. What does neglected HTML look like?ContinueContinue reading “Accessibility Through Semantic HTML ◆ 24 ways”

Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility | CSS-Tricks

For a beginner, accessibility can be daunting. With all of the best intentions in the world, the learning curve to developing compliant, fully accessible websites and apps is huge. It’s also hard to find the right advice, because it’s an ever-changing and increasingly crowded landscape. I’ve written this post to give you some tips onContinueContinue reading “Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility | CSS-Tricks”

How Current Design Trends Impact Web Accessibility

“You are not your users.” “Involve people with disabilities in user testing.” “The average user does not exist.” “Design for the extremes, and the middle will take care of itself.” We hear these phrases all the time, yet a lot of people still believe that accessibility is mostly a quality assurance or developer’s responsibility, somethingContinueContinue reading “How Current Design Trends Impact Web Accessibility”

HTML Source Order vs CSS Display Order

Last month in my post Source Order Matters I wrote about why we need to consider how the source order of the HTML of a page can affect users when the CSS re-orders the content visually. While I used a recipe as an analogue and cited WCAG conformance rules,I failed to provide specific examples. IContinueContinue reading “HTML Source Order vs CSS Display Order”