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…
Heydon Pickering’s new book “Inclusive Components” is here, and it’s shipping worldwide. The book explores accessible, robust solutions for the interface patterns we use every day. Jump to table of contents or get your book right away.
Read more…
In this episode of the Smashing Podcast, we’re talking about inclusive components. What does it mean to be inclusive, or let alone a component? And what has that got to do with accessibility? Drew McLellan talks to Smashing author Heydon Pickering to find out.
Read more…
Our products become slower, clunkier and more painful to use — often simply unbearable for keyboard- and screen reader users, and as such fragile and vulnerable for legal disputes. Let’s fix it. IToday, we bring you Heydon Pickering’s new book Inclusive Components, which explores more accessible and robust solutions for the UI patterns we author, plug in, and use every day. Jump to table of contents or pre-order the book right away.Read more…
Today, Heydon will talk about the relationship between accessibility and design systems, and introduce his brand new book: Inclusive Components. During the session, he will explore how to create an accessible accordion using progressive enhancement, and answer your questions about inclusive interaction design.
Read more…
A significant part of the Internet-using population is aged 50 or older — including the people who invented it. Even though we’re as tech-savvy as anyone else, older users have some specific needs that web designers and programmers should consider. None of them are particularly difficult to accommodate, but they can be critical for our use and enjoyment of the Internet. In this article, Barry Rueger will show you why designers need to understand what older users need and why it’s not enough to just say, “I can read it, so what’s the problem?”
Read more…
Speech-to-text promises to save time transcribing long audio sources like podcasts and interviews. However, the poor quality of the resulting transcription severely limits the technology’s present use cases. We attempt various methods to improve transcription quality, but ultimately the technology fails to accurately represent human speech. That said, its speed and low cost compared to manual transcription still leaves us with some interesting use cases. In this article, Philip Kiely will use speech-to-text to draft transcripts of podcasts and interviews for publication. He ’ll also evaluate the overall accuracy of these format-transformation technologies by running a few samples through round-trip transcriptions.
Read more…
Text-to-speech can help you create more versatile, accessible content. You could purchase recording equipment and spend hours recording and editing each narration, but if you want most of the benefit for only a couple of minutes and a few pennies per post, consider using AWS instead. In this article, Philip Kiely will demonstrate how to use Amazon Polly to narrate your content. In the next article, he will embark on the return journey, from speech-to-text, and consider the accuracy of these transcriptions by sending various samples through a round-trip translation.
Read more…
In this series Chris Ashton attempts to use the web under various constraints, representing a given demographic of user. Data can be prohibitively expensive, especially in developing countries. Reducing the data footprint of your website goes hand in hand with improving frontend performance. It is the single most reliable thing you can do to speed up your site. In this article, Chris puts himself in the shoes of someone on a tight data budget and offers practical tips for reducing our websites’ data footprint.
Read more…
