![]() ![]() If you're using a sound effect to serve as confirmation for a user action, be sure to also have a visual indication. For that reason, it's important that critical information is never communicated exclusively by sound. Ideally, no sounds should take place until the user has reached that control in the tab order, and the value should be "sticky" so that the user doesn't have to keep toggling it.Ĭonversely, deaf users will have no idea that sounds are being triggered, as will folks who have muted their devices. If we're loading our website full of sound effects, these sounds might clash with the narration they depend on to make sense of our site.įor this reason, it's important to include a "mute" button somewhere on your page, accessible by using keyboard navigation (the "Tab" key). Screen readers are pieces of software that parse the document and narrate its contents as sound. People who are visually impaired use a screen reader to access the web *. And this goes beyond a subjective preference for silence. Link to this headingSound and accessibilityĮven as an advocate for sound on the web, I recognize that not all users will appreciate it. ![]() This tutorial gives a quick look at what it can do, and shares additional tips and tricks for using sound on the web. To make it a bit easier to get started, I pulled out the hook I built for this blog, use-sound, and published it on NPM. It's a bit of a secret weapon, and it can make a surprisingly big difference for the right kinds of projects! Here's a quick selection from this site:īecause sound is used so rarely on the web, it can be quite impactful. Many UI controls make little sounds when they're interacted with. When I built this blog, I wanted to experiment with this. In fact, the web is the odd one out most forms of digital media I can think of uses sound. This isn't a new idea: video games and mobile apps use sound all the time. When done tastefully, sound can make a product feel more tangible and real. Sounds can accentuate user actions, emphasize feedback, and add a bit of delight to an otherwise humdrum action. However, I believe that this is the bathwater around a baby very much worth saving. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |