A11y

Der Beginn des neuen Jahres ist es eine gute Gelegenheit, sich mit der Barrierefreiheit Ihrer Web-Applikation auseinanderzusetzen. Deswegen habe ich im folgenden 20 Startpunkte gesammelt, die Ihnen helfen können, Ihre App im Jahr 2020 zugänglicher zu gestalten.

In the mid-’90s, I saw an TV ad for hearing aids. The most ironic part was this concluding screen: If you are the target audience of this ad, then you have difficulty hearing. Lest I remind you, using the telephone requires ample hearing capabilities. So for the prospective customer to go through a challenging experience […]

Freelance Front-End Web UI/UX Developer - Lebanon

Accessibility and aesthetics are not in conflict, despite the claims of some.

You’ve heard of this inclusive design thing, and know that a11y is a numeronym for accessibility. It matters to you, and you try to make the people and projects around you better for it. But you’ve conquered the basics. Now what? I have good news to share: going beyond the basics isn’t as hard as […]

Find out who can use your color combination. Whocanuse is a tool that brings attention and understanding to how color contrast can affect different people that have visual impairments.

Yesterday, we talked about screen readers (and why you should use one). What happens if you have a piece of content that changes dynamically on your page? How do screen readers let the user know that content has changed? For example, imagine you had an input for users to type their name. Below it, you have an element that displays “Hello {user’s name}!” in real time as they type. How does a screen reader user know about the message in the #app element?

There’s a growing demand for designers to make their interfaces accessible to all users. It’s important to accommodate users with disabilities, but there are many myths to color contrast accessibility being perpetuated by misinformed people. They often parrot these myths to discredit a design, without understanding in which situations a color contrast standard applies. Not […]

Freelance Front-End Web UI/UX Developer - Lebanon

A CSS file for accessibility testing. Contribute to matuzo/a11y-tests.css development by creating an account on GitHub.

As front-end developers, we are tasked with building the front end of a Web site or application — in other words, we are building the user's end of an interface. This is why it is crucial that we ensure that the front-end foundations that we build are as inclusive of and accessible to as many users as possible. To do that, we must build with accessibility in mind from the get-go. This, in turn, means that the way we approach writing HTML, CSS, SVG and JavaScript *might* need to change as we take into consideration many factors that affect how (in)accessible our UIs are. This talk is a pract...

Technologies work together to extract accessibility information from a web interface and appropriately present it to the user. A big part of accessibility is, therefore, an easily met responsibility of web developers.

A list of 9 unexpected tips for testing digital accessibility and inclusive design

I, personally, am a fan of making the web more accessible. I like the idea that more people will be able to use the things I build, and I like the challenges

When users of assistive technology, like a screen reader, navigate a web page, it’s vitally important that the semantic meaning of the various controls is communicated. For example, if a screen reader visits a login button: Sign in —it would announce, “Sign in,

Recently I wrote a bit on how I’d define a toast component, outlining UX concerns that should be considered if deciding to implement such a messaging mechanism.

Studying for the Web Accessibility Specialist Exam? Looking to learn about website accessibility? Sparkboxer Kasey created this easy-to-read guide to help.

Heather explains POUR, the foundational principles of WCAG 2.0, and gives practical steps you can take to make your website more inclusive and accessible.

Proposals for the Accessibility Object Model include a new way to convey semantics: without markup, directly in JavaScript. This post looks at the proposals and their current status.

The Accessibility Object Model - How does it work? And do I need to hate it? - Schepp/AOM

Semantic HTML and ARIA help create interfaces that work for everyone in the most performant, robust, and simple way possible. And yet, many people still don’t use them. Let's find out why and explain the benefits of these technologies.