"This web page needs to be interrupted by a lightbox effect and a modal dialog asking me to sign up for a mailing list," said no one ever.
If you really must create a modal popup dialog (seriously, don't do this), Autodesk's Naema Baskanderi has some best practices to follow.
Meanwhile, if you're on the browsing side and you're looking for some self-help measures, I recommend uBlock Origin's element picker, which lets you select parts of webpages and block them permanently -- I use it to kill those bars across the tops and bottoms of pages that display navigation and graphics, obscuring the text as you scroll.
OK, yes, there are times when modals make sense (compose new tweet comes to mind), but if the web has a bigger annoyance than this (apart, possibly, from autoplay video), I don't know what it is.
When creating modals remember to add in keyboard accessibility. Consider the following:
Opening modal — The element which triggers the dialog must be keyboard accessible
Moving focus into the Dialog — Once the modal window is open, the keyboard focus needs to be moved to the top of that
Managing Keyboard Focus — Once the focus is moved into the dialog, it should be “trapped” inside it until the dialog is closed.
Closing the Dialog — Each overlay window must have a keyboard accessible control to close that window.
Best Practices for Modals / Overlays / Dialog Windows
[Naema Baskanderi/UX Planet]
(via 4 Short Links)
Writing in MIT Tech Review, Talking Heads frontman David Byrne points out the secret and, in retrospect, obvious driving force behind tech: it reduces the often awkward and unreliable process of dealing with people, so you can buy music without asking friends for recommendations, take a cab without talking to a dispatcher, buy your groceries […]
Most people don’t look at any news, or at one news site; using social media a lot (even without the intention of looking for news) means that sometimes you’ll end up clicking a news link — so heavy social media users, on average, are consuming a wider media diet than those who do not use […]
In 2012, Google introduced Certificate Transparency, an internet-wide tripwire system designed to catch cryptographic “certificate authorities” who abused their position to produce counterfeit credentials that would allow criminals, governments and police to spy on and tamper with secure internet connections.
The Pry.Me Bottle Opener holds tens of thousands of times its own weight, and you can pick one up now from the Boing Boing Store.This remarkable keychain is considerably smaller than any of your keys, but don’t let that fool you: it can easily open any bottle, and could even tow a trailer full of […]
Guaranteeing your privacy online goes way beyond checking the “Do Not Track” option in your browser’s settings. To ensure that your internet activity is totally hidden from Internet Service Providers, advertisers, and other prying eyes, take a look at Windscribe’s VPN protection. It usually costs $7.50 per month, but you can get a 3-year subscription […]
This project management bundle will help you get organized and learn how to lead a team to success. You can pay what you want for these five courses when you pick them up from the Boing Boing Store.To help you become an invaluable asset for your company, this bundle includes a curated collection of professional […]