All post in Accessibility

12Next

About Writing Accessible Forms

Henri Remonen

In order for users to know how to fill out a form, it has to be accessible. For the most parts semantic HTML offers everything that is needed to succeed in this. Even thought this is the case, mostly forms are not that accessible after all by design choices or just by bad coding practices. In this article we will cover mostly everything that is needed in order to write accessible forms.

Accessibility First Design

Henri Remonen

Accessibility should not be sidelined as a mere add-on. It must be an integral part of development from the start, requiring the inclusion of disabled individuals to ensure the product meets a diverse range of needs. Integrating accessibility features late in the development process, especially for custom JavaScript widgets, leads to costly redesigns. This is avoidable by addressing accessibility from the outset using accessibility first mindset.

Side effects of Accessibility

Henri Remonen

In this article, I've distilled insights from my bachelor's thesis into a concise form, focusing on the benefits of following accessibility guidelines and creating accessible content. This article aims to reveal the positive outcomes of prioritizing accessibility in digital services, drawing from thorough research conducted during my academic studies. Despite being often overlooked, the side effects of accessibility can be profound and far-reaching. I'll explore how making digital services inclusive for all users can lead to various advantages beyond accommodating individuals with disabilities.
Why Skip Link is an Important Part of a Website

Why Skip Link is an Important Part of a Website

Henri Remonen

If you have ever used your keyboard to navigate web pages, you may have noticed a new type of navigation element called a skip link. The skip link is used by some users to skip over certain parts of the web page. This is often content that is repeated on multiple pages, which would cause unnecessary navigation for users who are not using a mouse. If you're curious to learn more about Skip Links and how they can improve your site accessibility, dive into this article.
ARIA: What Every Developer Needs to Know

ARIA: What Every Developer Needs to Know

Henri Remonen

We've referred to WAI-ARIA or ARIA in our posts before. Perhaps it has been treated like some kind of fairy dust that just magically solves all the problems regarding accessibility. Well, kind of that's what it's about, but if used excessively just to boast in your tech meet-ups, you probably do not know ARIA. Stop being the that person who talks about something they do not fully understand and learn when ARIA really is useful.
Start Fostering the Accessibility Tree

Start Fostering the Accessibility Tree

Henri Remonen

When talking about trees you probably think of a forest or something like that, not so much a accessibility tree in your browser. However, if you do not foster your accessibility tree accordingly, it will start rotting and we do not like rot in our trees.
What is color contrast accessibility

What is Color Contrast Accessibility – Getting Accessibility Just Right

Henri Remonen

Have you ever visited a website with a color scheme that seemed really washed out and difficult to read? It's not just a matter of orange text on a green background - sometimes the colors are so pale that even people with perfect eyesight have to squint to read the text. I'm not sure if these websites are trying to be modern or what, but it's definitely not user-friendly. Developers and designers need to take these things into consideration to ensure that users can easily read and navigate their sites.
A shocked person viewing a web page with non-descriptive links. A list of links window is open on the side.

Crushing Descriptive Links – Getting Accessibility Just Right

Henri Remonen

Have you noticed that some links on the web are not very descriptive and don't give you a good idea of where they will take you? This can make it harder for users to navigate the web since they rely on the information scent provided by the links to decide where to go next. To make the user experience more accessible and enjoyable, it's important to use descriptive links that clearly explain where the user will end up if they click on them. If you're interested in learning more about how to create effective link texts, check out this post!
Accessible Navbar In Next.js. React, Next.js - Frontend.

Start Creating Accessible Navbars in Next.js 14

Henri Remonen

Creating navbars is kinda easy right? Well yes, but have you considered the accessibility aspects of the navbar. This post is more of a guide on how to implement an accessible navbar in React. However, the underlying HTML can be integrated into your workflow regardless of the framework.
Blind person navigating a website with a white cane. Once hit an image, an alternative text is read.

Effortless Alternative Texts for Accessibility – Getting Accessibility Just Right

Henri Remonen

Ah, the good old alt texts. When I first started my journey as a dev I was like what alt texts? Then a little later on my journey, I was like "Picture of..." until I had come to the conclusion: I don't know sh*t about alt texts. In this post, I will highlight the why, how, and when of alt texts. Do not be like the earlier version of me, learn how to take the most out of the alt text attribute right now.