The most efficient way to build accessible websites and apps is to “shift left” by incorporating accessibility testing into the earliest stages of your development and design process. In this article, Harris Schneiderman will walk you through the process of analyzing a wireframe from an accessibility perspective and making coding decisions to optimize for accessibility in both design and development phases.
Read more…
In this article, Kelvin Omereshone is going to be looking at how to use Chakra UI and NuxtJS in building accessible front-end applications. In order to follow along, you should be familiar with using the progressive front-end framework Vue.js with Nuxt. If not, see the Vue.js and NuxtJS docs to get started. In order to make the web more accessible, there are a couple of best practices and standards that you will have to implement in your applications. Learning to implement these standards can seem like a daunting task when you factor in project deadlines and other constraints that you have to work with as a developer.
Read more…
With the right apps, working from home is a blessing for those with a disability. Working from home allows you to attend to your medical needs in ways that might be disruptive in an office, like running a nebulizer or using an IV. Or you may avoid the hassle of navigating a building that’s not truly accessible. In this article, Claudio Luis Vera explains what to keep in mind when choosing between video conferencing tools to benefit everyone on your team — including those with disabilities.
Read more…
Constructing an equivalent experience may mean changing the way you think about development and design, and potentially reevaluating your existing work. In this article, Eric Bailey will discuss learning how to embrace an equivalent, inclusive mindset. He will also provide practical, robust ways to improve your websites and web apps by providing solutions to common, everyday barriers cited by the people he interviewed.
Read more…
Our industry tends to place a lot of focus on how, often at the expense of why. An equivalent experience is one that has been deliberately conceived of and built to be able to be used by the widest possible range of people. To create an equivalent experience, you must understand all the different ways people interact with technology, as well as common barriers they experience. Once you have a common understanding established, Eric Bailey will then discuss how to go about implementing equivalent experiences for common accessibility-related issues.
Read more…
Creating accessible images seems like a simple topic at first glance — you just need to add alt text to an image, right? But the topic is much more nuanced than some people think. In this article, Carie Fisher will review the different types of images, dive into some real-world examples of inaccessible public service announcements (PSAs), and discuss which elements matter most when critical messages need to reach everyone.
Read more…
If you are thinking about distracting visitors of your website with a fancy, glittering particle animation for a few moments, while some data is loaded in the background, all you need is some basic knowledge of CSS and JavaScript and a lightweight animation library such as anime.js. In the end, we should have the following result: Particle animations belong to the most impressive animations that exist. In this article, Anna Prenzel will explain how you can to easily program a small trail of particles with anime.js.
Read more…
We are fortunate to have robust patterns to choose from when optimizing accessibility in SVGs — but most people stop there, focusing on code compliance and not actual users and their needs. If true inclusiveness lies beyond patterns — what other factors should we consider when designing and developing accessible SVGs?
Read more…
HTML comes with a bunch of input controls, and there are tons of component libraries that include many standard controls such as checkboxes, and radio buttons. But what happens when you need something unusual?
In this article, Uri Shaked will show you how to build custom HTML components that mimic physical objects, such as the Arduino Pushbutton. We’ll draw the component in Inkscape from scratch, optimize the generated SVG code for the Web, and wrap it as a standalone web component using the lightweight lit-element library, paying extra attention to accessibility and mobile usability considerations.
Read more…
To combat screen fatigue, voice assistants have entered the market to become a preferred option for quickly retrieving information. Voice assistants are hopping out of emerging tech and into everyday life. As a front end developer, you already have the skills to build one, so, in this article, Tris Tolliday will dive into the platforms.
Read more…
