Skip to content

Tag: accessibility

A11y 101: 2.4.7 Focus Visible

Disabilities come in all sorts. So do users. Some users can manipulate a mouse. Some rely on keyboard alone. Others have assistive technology. When you use a mouse, where your mouse is located is visible. This lets the sighted mouse user know what they are clicking on and where the focus is. Keyboard only users need something else. Let’s get into the details of what is needed.

Comments closed

Update: Free Little Pantry

You can see in the photo our little pantry was quickly thrown up. Now we are facing winter weather in Wisconsin. We realized we needed a better structure. So we bought a small 22 sq foot shed. We posted that this was happening on social media and looking for assistance to install it as both my wife and I are disabled.

Comments closed

We Started a Free Pantry

Times are tough, but we have a little extra. Instead of shaming people for needing help, we are sharing what we can. I have been a Buddhist for over a decade. I’ve read all the major religious texts as well as the major philosophy and ethics books as part of getting my degree in philosophy. My wife is a deacon at her Episcopal church. One thing we agree upon is that all humans deserve care, love, support, the right to food, clothing, shelter, and healthcare. Actually, we agree on a lot, but most of it is irrelevant to this post.

‘Truly I tell you, whatever you did for one of the least of these brothers and sisters of mine, you did for me.’ – Matthew 25(40)

If you have the means to help your local community, I encourage you to do so. If you can’t provide a pantry like ours, find somewhere to donate time or money. Because our budget for this is coming out of our pockets, we have limits. If you’d like to help us support our community, please visit our page about the pantry and donate.

Comments closed

Quick Tip: Use More Than Tab in Screen Readers

It’s been a busy week in my house, so I’m going to keep this quick. One of the issues I often see flagged by other accessibility testers is that something doesn’t work with keyboard navigation. The vast majority of times I revisit these, it turns out the tester doesn’t fully understand how screen readers work. I want to highlight a few items for folks.

Modes

Screen readers typically have 3 main modes. The virtual browser, forms, and application.

Virtual Browser

The virtual browser is when the screen reader technology is intercepting the keyboard input and uses that to execute a function in the browser for you. When we press tab we jump to the next active item. Pressing the down arrow will read the next line, chunk, or set number of characters in a paragraph. Here’s a short list of common commands:

  • H: moves through the headings on the page
  • T: moves through the tables on the page
  • Control+Alt+Arrow: Move from one table cell to the next in the direction of the arrow
  • L: moves through the lists

Forms

When a user encounters a form element, the screen reader should automatically shift to the forms mode. There usually is ab audible sound to indicate this. This mode moves the screen reader out of the way to interact directly with the page via the keyboard. This limits how to navigate to using only the Tab and Shift keys to move among the active elements in the form.

Application

In this mode you need to have the role=”application” and then the screen reader again gets out of the way of the keyboard. However, even if you use active controls navigating between them is completely up to the author. They will work with Space & Enter to activate, but the author really needs to define the navigation scheme and controls to use the tool.

Don’t flag an issue for not being keyboard accessible with a screen reader on unless you can identify it is an application or is also not accessible without the screen reader.

There’s way more to this, but the great folks over at Tetralogical have a great screen reader misconceptions article and a full break down of commands.

Comments closed

A11y 101: 2.4.5 Multiple Ways

In the physical world we understand that not everyone can climb 20 flights of stairs, so under the ADA we created rules to overcome these situations. Buildings now have commitments they need to make during construction to include ramps and elevators to access areas that someone might not be able to climb stairs. This is an example of multiple ways. Let’s review how that translates to digital spaces.

Comments closed

Rethinking Cookie Dialogs

If you are anything like me, you don’t want your data sold to third parties. You probably run ad blockers. Maybe a VPN. Some governments are trying to help by requiring the site to declare what cookies are used and providing the user to opt out. But the current method of displaying this information tends to have some serious accessibility issues. I have another way of thinking about them I’d like to propose.

Leave a Comment

The First Rule of ARIA

The internet today far exceeds what we initially thought it could be. We’ve advanced so far that we can replicate desktop applications running in the browser. Cloud-based software is everywhere. We’ve crafted frameworks to speed up development and solve the hard parts of server-client communication.

But the same problem keeps happening. We keep rebuilding interactive components using custom coding. And we forget all the things we need to do to make them accessible.

Today I’m looking at a why we should be using more native HTML controls and fewer custom ones. I’ll show you what is included if you use a native control.

Comments closed

GAAD 2024

Selfie of Nat with the VeDA website behind him.

I’m taking a break today from my normal work of auditing and coaching clients on how to make their digital properties more accessible to celebrate Global Accessibility Awareness Day. GAAD is a time when industry professionals, accessibility advocates, and disability defenders make a concerted effort to bring the conversation to the front.

Now this may sound like what I do every day, and it is. My company asks us to do volunteer work, giving back to the disabled communities around us. And you may say to yourself, “Doesn’t Nat already do that?” And yet again fine reader you would be correct. I spend a significant chunk of my free time serving on the board of directors for the Wisconsin Council of the Blind and Visually Impaired. I contribute to the W3C.

But I’m not walking away and making excuses. This year I reached out to VeDA and volunteered to help them with their accessibility. I’m currently working on the audit, but once that is done, I will also help them repair the code base.

Take some time today to do volunteer in making someone’s life better.

Comments closed