Tabs, FOUC, Progressive Enhancement & Accessibility
Hi,
Having been trying to work out a solution for the flash of unstyled content
that comes with using Tabs I was pleased to discover
http://www.nabble.com/jQuery-Tabs-Flash-of-Content-td13141446.html#a13715995
this reply by Klaus Hartl that makes light work of solving the problem, by
coding into the html the css initial states generated through the tabs
script.
On reviewing this solution however, I realised that for users with
Javascript turned off, the tabs styled with the class of 'ui-tabs-hide' are
inaccessible.
With my limited knowledge I can't see a way around this - either the tabs
are usable but briefly ugly regardless of what technology the user has
enabled/disabled, or the page loads nicely but becomes un-usable for those
browsing without Javascript.
My questions are:
1. Am I missing something and is there a perfect solution?
2. If there isn't a perfect solution, should I be worried about
'ui-tabs-hide' issues? Is it an accessibility issue (ie preventing a user
with disabilities from accessing all the information) or a usability issue
- either for users with javascript turned off, or for users with javascript
on who briefly wonder what on earth is up with my site that it displays so
strangely?
3. Should I be bothered at all - how many users browse with JS turned off
(given that NoScript is Firefox's fourth most popular extension, maybe quite
a few)?
cheers
Kim
--
View this message in context: http://www.nabble.com/Tabs%2C-FOUC%2C-Progressive-Enhancement---Accessibility-tp15899381s27240p15899381.html
Sent from the jQuery UI Discussion mailing list archive at Nabble.com.