Hiding .ui-tabs-hide

Hiding .ui-tabs-hide


The documentation on theming tabs says:
At a bare minimum you should have the following CSS:
.ui-tabs-hide { display: none; }
Because display: none can cause issues with screen readers, I am
tempted to change the docs to:
.ui-tabs-hide {position: absolute; left: -9999px} /* better for
screen readers */
Before I do, though, some issues ought to be addressed:
1) Off-screen positioning seems to work just fine when I edited the
css for the tabs demo page using Firebug. But maybe other people have
tried it in the real world and had problems?
2) If off-screen positioning is viable, then the default themes (e.g.
floral) ought to be changed, too, no?
3) IIRC, there are plans to integrate ARIA into the UI. Would setting
appropriate roles, e.g. tab-panel, make the issue of hiding tab panels
moot?
Chris