It started the way a lot of side projects these days seem to, with a “What if…” sent absent-mindedly over Slack. My teammates and I were about to attend a large meeting and were guessing at which common phrases would come up: words like “roadmap,” “innovation,” and the noun form of “ask.” What if we […]
Tag: Accessible Development
Explore 24 Accessibility’s Accessible Development articles covering accessible coding practices, semantic HTML, ARIA, JavaScript, web components, mobile development, and accessibility testing. Learn how developers can build inclusive digital experiences by integrating accessibility into design systems, workflows, and everyday development practices.
Tables and Beers
In the last article for the 2018 series, Steve Faulkner provides the results of one beer worth of screen reader testing of simple tables.
ARIA 1.1 – What’s New?
In today’s article, Birkir Gunnarsson tells us what’s new in ARIA 1.1, the new roles and properties that excite him, and the others that disappoint, due to their lack of support.
Benefits of a Single Text Field Versus Multiple Text Fields
In today’s article, Zoë Bijl explains how it’s easier for users to enter a phone number or a credit card number into a single field, but other scenarios may require properly labeled multiple fields.
Read Benefits of a Single Text Field Versus Multiple Text Fields …
Web components still need to be accessible
In today’s article, Eric Bailey explains why developers need to consider accessibility when creating custom web components and use semantic HTML when it makes sense, as to not needlessly reinvent the wheel.
Accessibility and Inclusion with the World’s Most Popular Communication Tool: Email
In today’s article, Jason Rodriguez shares some best practices on creating more accessible and inclusive email campaigns, routinely ranked as one of the world’s most valuable marketing channels, yet very little work has been done to make it more accessible for under-represented groups.
Read Accessibility and Inclusion with the World’s Most Popular Communication Tool: Email …
I Threw Away my Mouse
In today’s article, Manuel Matuzovic shares how he ditched his mouse, going keyboard-only. He shares the results of his research on 200 different pages and the issues that impact keyboard-only users.
A New Day: Making a Better Calendar
This calendar year is almost over and we still don’t have any solid guidance or official ARIA pattern on how to build an interactive and accessible calendar widget. Gerard Cohen shows us how to obtain an improved calendar experience.
Accessible SVG Icons with Inline Sprites
At a certain stage in a project someone always comes in and says: ‘We need icons!’ And why do people need icons? Whatever the reasoning may be, we need to make sure that people who can’t see or recognize these icons can understand their purpose. Marco Hengstenberg visits the practice of using SVG icons with inline sprites, and how to ensure these icons are accessible.
The “D” in the DOM
It’s within the Document Object Model (DOM) that we find one of the keys to building accessible things for the web: the document. Anthony Jeffery helps us decide what HTML elements to use to lay the foundation for an accessible document.
Stories from the Trenches: What I’ve learned from Working as a Blind Developer for a Sighted Dev Team
In this article, developer Florian Beijers shares his experiences with the employment process and his experiences with developer tools; the struggles as well as the positives of a blind developer.
Giving Back to the Community
Mike Gifford challenges us to try a new way of giving back. Not by writing an article, proposing a talk or organizing an accessibility awareness event, but by making the internet more accessible by default.
Congrats! You Just Received an Inaccessible Gift Card
In today’s article, Dennis Deacon returns with a recent experience with the timely act of redeeming a gift card, and the impact that accessibility plays into gift giving.
Read Congrats! You Just Received an Inaccessible Gift Card …
The Trials and Tribulations of the Title Attribute
The title attribute gets a lot of flack. And largely the disdain towards the attribute is quite justified. In June of 1993, twenty-four and a half years ago, title was proposed as part of the HTML 1.2 draft. It is primarily displayed as a native tooltip in desktop browsers, and revealed when a user mouse […]
React’s Accessibility Code Linter
In today’s article, Scott Vinkle asks developers, when creating or maintaining an existing React app, do you wonder about how to make sure the code you write helps to ensure an accessible user interface? There’s a tool to help developers write more accessible code, and it comes pre-packaged with React.
Accessibility Testing Tools for Desktop and Mobile Websites
In today’s article, Paul J Adam demonstrates how to use automated and manual accessibility testing tools on desktop and mobile websites, covering five tools, the pros and cons of each tool, and describe the best features of each tool.
Read Accessibility Testing Tools for Desktop and Mobile Websites …
How to Build a Cloud-Hosted Accessibility Testing Windows Computer using Amazon WorkSpaces
In today’s article, Eric Bailey describes the cloud-based option offered by Amazon AWS for developers to create powerful virtual computers in the cloud that are easy to access, but difficult to initially set up. Eric provides the setup steps, and offers a gift to help.
Read How to Build a Cloud-Hosted Accessibility Testing Windows Computer using Amazon WorkSpaces …
Web Accessibility in the Corporate World
In today’s article, Donna Maddox shares her view on web accessibility as a developer in a corporate environment, and how not to beat yourself up to meet the expectation of a miracle worker.
SVG, Icon Fonts, and Accessibility: A Case Study
In today’s article, Dennis Lembrée provides a brief history of web icons, the pros & cons of several development solutions, and the impact to accessibility on each via a case study featuring the web app Easy Chirp.
Writing Automated Tests for Accessibility
In today’s article, Marcy Sutton explains that while automated tests for accessibility are no substitute for regular manual testing and testing with actual users, they can help free up your team a bit while communicating code quality to members of your team and potentially prevent regressions from deploying to production.
Accessibility in Resizing Text
In today’s article, Tim Wright discusses the impact that preventing text resizing on your sites has on mobile commuters and how small touches and looking at a problem a little differently can often be the difference between users returning and not coming back.
A Developer’s Guide to Better Accessibility
In today’s article, Sean Massa and Melanie Sumner illustrate some core best practices that developers can take to make their work more accessible, test your code while developing, and some support resources.
Providing Alternate Content for Screen Reader Users
Sometimes, components of your user interface will communicate information in a visual manner for which a programmatic or text equivalent may not be available. In these situations, you have to come up with a way to provide the same information to users of screen readers in order to provide an equivalent experience. This article will […]
The Three Developers and the Insightful User Tester
In today’s article, Scott O’Hara tells the classic tale of developers not aware of accessibility and how user testing with a person with disabilities highlights the classic errors made, and the revelations experienced just before project launch.