Shaping Tomorrow, Inclusively Today - A Blog About Accessibility

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.

React Reconciliation & React Fiber

Henri Remonen

In our article about how React re-renders we managed to peek at how React reconciliation algorithm works. However, we did not go deep into its soul and inner parts. I wanted to write a follow-up post that will go deeper into the internals of React and more specifically – the reconciler and the React Fiber.

Nested Components are an Anti-Pattern in React

Henri Remonen

Even though declaring functions inside other functions can be a used technique to tackle problems, it is an anti-pattern in React. Using nested components in React will lead to performance issues and unexpected bugs, if you would like to know why that is, this is your chance to do so!
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.
React 19 - What to Expect

React 19 – What to Expect?

Henri Remonen

The latest version of React is just around the corner and we can expect it to be released later this year. Some of the exciting features that we can look forward to are React Forget, server actions, new hooks, and error boundaries. Keep an eye out for the launch and be prepared to take advantage of these new features!
How React Re-renders - React, Frontend

How React Re-renders?

Henri Remonen

React uses components and elements to build user interfaces. When a component is updated, React re-renders the elements. If you're not familiar with these concepts, don't worry. We'll cover them briefly, and if this struct a chord you're welcome to learn more as we can explore these concepts further!
Are Tailwind Container Queries Supreme? - React, Tailwind - Frontend

Are Tailwind Container Queries Supreme?

Henri Remonen

Acquiring a specific layout design using media queries can be a daunting task. Fortunately, container queries offer an excellent solution to this challenge. In this article, we will explore how to use container queries and the fundamental concepts behind them. Additionally, we will dive into a more "real-world" use case of container queries in more detail.
5 Essential Advanced Tailwind Tips

5 Essential Advanced Tailwind Tips

Henri Remonen

Tailwind has gained a lot of popularity. Because of its utility-first approach, it is easy and intuitive to get started with. I feel like the main benefit is not having to juggle between separate CSS files speeding up the development process. This is not a tutorial on how to set up Tailwind. Nor will I cover how to center a div. I’ll showcase five Tailwind techniques which helped me on my dev journey and I’ve found out to be the most helpful.