March 21, 2023
Recently I've been doing a lot of lived user accessibility testing, which involves observing people with disabilities using assistive technology to perform specific tasks on websites or apps. The goal is to identify the issues they encounter so the site owner can remedy them.
One issue I've frequently observed, which was totally unexpected for me, is uncertainty and confusion on the part of blind…
Accessible wording for form submit buttons
February 15, 2023
It's a nearly universal pattern in websites: the organization logo in the top left corner of the page, usually a link to the site homepage. But what text label should that link have?
How the label is provided isn't what we're dealing with here (usually it's by alt text on the logo graphic), but its wording.
Normally, I counsel developers and content editors to only include the visible text in an…
Should a site's linked logo include the word "Home" in the label?
December 20, 2022
Recently I discovered an odd Drupal Views bug. While testing a view I realized that content it should have shown was missing from one display. After a lot of testing, it turned out it was due to two relationships to content in entity reference fields on the content type my view displays. These fields were empty in the missing nodes. Removing the relationships or adding content to those fields…
Drupal views doesn't show content if entity reference field relationship is empty
April 26, 2022
Yesterday I had an interview for a front-end developer contract. The job would have involved overseeing a small front-end team rebuilding a suite of marketing sites on a strict deadline, specifically focused on improving performance.
I asked about the client's commitment to accessibility, and whether that was part of their redevelopment plan, only to be told no, it wasn't. Meeting their deadline…
Why I turned down a job for a client not interested in accessibility
November 17, 2021
Anyone who has read this blog before knows that I love the Drupal Group module. It has a companion module, Entity Group Field (not yet stable), which makes it even more useful. This adds a field to entities which allows you to add them to groups on their edit form, rather than having to go separately to the group to add them.
Here's how to print the rendered value of that field in node.html.twig…
Print entity group field value in node.html.twig and configure display modes
September 16, 2021
The title of this post might seem a little surprising. Isn't alternative text supposed to describe the image?
That's the concept that's drilled into us, and it's what most people think of when writing alt text. However, in some situations, it's actually wrong. One of those situations is when the image is serving as the visible content of a control, such as a link or button which does not also…
Linked image alt text should not describe the image
September 10, 2021
Weird little accessibility note: using the CSS property display: table causes NVDA to announce the element as a table. (I'm not sure about other screen readers).
Putting role="presentation" on the element with this property stops it announcing as a table.
This is yet another reason you're better off using Flexbox or Grid for layout (as if we needed any more reasons). They're a lot more…
CSS table display property causes NVDA to announce a table
August 26, 2021
WCAG Success Criterion 1.4.4 Resize text states:
Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.
The reason for this is pretty obvious: people with low vision may need to resize text so they can read it. There are two ways to do that in the browser (not counting tools like screen magnifiers,…
Detecting browser font size to fix accessibility and layout issues with large fonts
August 16, 2021
Recently CSS Tricks posted "A Deep Dive on Skipping to Content" by Paul Ratcliffe. It's great to see so much content lately focused on accessibility, and this article should prove useful for many years to come.
However, I've got a few thoughts on the implementation which I think can improve it a bit, related to the skip link target element. I posted some of these as a comment on the article, but…
Some thoughts on CSS Tricks' "Deep Dive on Skipping to Content"
August 13, 2021
I came across a weird issue while doing an accessibility audit recently. NVDA announces the site logo as "clickable", and the cursor changes to a pointer (the little "hand") when hovering over it with the mouse. I assumed it was a link to the homepage, as is typical for header logos, but clicking it did nothing – on the homepage, at least.
On interior pages, clicking the logo takes you to…
The importance of using correct semantic HTML