1. A modern browser with JS intentionally turned off
2. An old browser
3. A specialized browser (WebTV, cell phone, etc.)
In case 1, the user has decided for themselves that they don’t want to see JS-based content (for whatever personal reason), and in cases 2 and 3, the user wouldn’t be seeing your site correctly anyway, JS or not – those browsers don’t support the latest standards.
Is it worth the time to craft JS-free fallbacks for our sites just for this specific group of people? Again, going by the stats, there are more people with screen resolutions of 800 x 600 than there are people with JS disabled, yet everyone designs their site for 1024 x 768 nowadays – even major corporations (Apple, Microsoft, Amazon, etc.).
Personally I don’t think you should require JS to perform main functions on a web application, but I do understand the nicety and some improvement on usability issues it can do.
Here’s what mostly can’t use or don’t support* JS:
I bring this up because I wanted to add some animation to my portfolio site. When you click a main category in the menu, a submenu smoothly slides down from "underneath" it (not really, but it just looks like that because it expands from a height of 0px).
Now, there are two ways I could have done it. One is to use CSS animations, which is super simple to do. The problem is it’s only visible to Safari users, and the CSS isn’t valid because the properties are prefixed with "-webkit". The other way is to use Adobe Spry effects, which are JS-based but will therefore work for anyone (with JS enabled, of course).
Therein lies the problem. I opted to use Spry effects, but it didn’t occur to me until later that without JS, the submenu is completely inaccessible. This is because it’s drawn initially at 0px height, and then there’s no way to make it expand since the JS does that. If you turn styles off as well, then you can see it (because the 0px declaration disappears).
I’m just frustrated that there’s no good choice. If I go with JS, the submenu is inaccessible for people that have it disabled; if I go with just CSS, the animation is only visible on Safari; if I go with neither, there’s no animation. Why must everything in web design be so difficult?! :lol:
Else, I’d say go for it. Make it fancy, and impress (future) clients if you can ;)
Also, if you don’t have Lynx or don’t want it, I recommend checking out the Yellowpipe Lynx Viewer-plugin for Firefox
I’ve used sites where the submit-button looks like this:
This fails and does not degrade gracefully. The page I got it from didn’t even include a <noscript>!
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".