Writing

In web accessibility, there are many standards that web developers aim to meet. A Voluntary Product Accessibility Template (VPAT) is used to create an Accessibility Conformance Report (ACR). An ACR, in simple terms, is used to state which accessibility standards are (or are not) met by a digital product. In this post, learn more about what a VPAT is, who needs one, and how to make one for your website.

Web accessibility is a vast and multi-faceted topic, so it can be easy to feel overwhelmed when you're trying to learn how to build accessible websites. If you'd like to learn about accessibility but don't know where to start, this is the post for you.

If you've spent any amount of time on the internet, you've likely interacted with more than a few modals, mobile navigation menus, and dropdown menus. If you've done so with a mouse or trackpad, they've probably worked just fine for you. But if you switch to using a keyboard, don't be surprised if the experience isn't quite as smooth. In this post, we'll discuss how focus traps improve accessibility. Then we'll show you how to create a custom Vue directive that can be used to trigger a focus trap in a component.

Having multiple versions of Tailwind in your project at one time allows for progressively updating parts of the codebase without affecting the rest of it. In this post, we'll detail the process for incrementally upgrading from an outdated Tailwind version to the latest version while avoiding breaking changes and broken builds.

In an ideal world, accessibility would be included as a software product is being built, but that's often not the case. There are different reasons for this, but the good news is that any website or web app can be made accessible. In this post, we'll discuss the automated tools and manual testing techniques that you can use to do your own accessibility audits.

It goes without saying that we want the websites we build to be secure. If you want to strengthen the security of your websites, adding some security headers is a great step to take. In this post, we'll dive into six security headers, their purpose, and how to apply them. As a bonus, we'll provide an example of how to add them to a site hosted on Vercel.

Making a website accessible for all is the responsibility of anyone who builds for the web. Here are the top misconceptions about digital accessibility.

A website's design plays a crucial role in ensuring its accessibility. In this post, we'll discuss 6 design steps to help ensure a site is accessible to all users.

Here's how we previously handled Axios errors in our Nuxt apps, why this approach was problematic, and how we fixed it by creating a package for consolidated error handling.

When learning a new technology, it's always helpful to have a good list of resources that can be utilized. In this post, we'll provide a list of resources that we think are useful when it comes to learning Vue and Nuxt.

Let's walk through how to make an accessible drag-and-drop component in Vue.

Making a website accessible for everyone is easier than you may think. In this post, we discuss 10 foolproof tips that, when implemented, will improve the accessibility of your website.

In this post, we discuss how using semantic HTML can improve the accessibility of a website and earn easy accessibility wins.

Here's an introduction to the Vuex map helpers, which can help us clean up the code in our components by removing repetitive syntax.

In this post, we discuss how to configure an Nginx server to add an Access-Control-Allow-Origin header to resources in a Laravel API's public storage.

Testing your code is important, but it can also be time-consuming. When it comes to testing Vue with Jest, half the battle is figuring out how to mock something. Here are some ideas for better testing in Vue.

Routing in Nuxt.js is meant to be simple. Here are three different methods of using named routes in Nuxt.

Doubts are real, especially in your career. Let's explore how to deal with imposter syndrome and how to overcome fear and doubt.