Hello list!
I'm wondering if it's enough to assign visibility:hidden to remove
something from keyboard navigation flow.
I'm working on a single page web app that operates mostly on the basis
of the open canvas concept (navigation causes the viewport to move
around a large 2 dimensional space) with a fixed, persistent
navigation. After following the third item in the top level nav menu,
the markup would look roughly like this. Articles represent what, in
an unscripted version, would be a distinct page; active denotes which
of those pages the user is currently on.
<nav/>
<article id="a1"/>
<article id="a2"/>
<article id="a3" class="active"/>
<article id="a4"/>
<article id="a5"/>
In the situation outlined above, I don't want the content from
articles other than 3 to be involved in the UX until the user
specifically asks for them via the nav — but at the same time for the
sake of efficiency and layout, I don't want to continuously add and
remove markup. Would the style snippet "article{visibility:hidden}
article.active{visibility:visible}" be effective enough to restrict
keyboard access as I've described? Are there any other accessiblity
caveats with this method that anyone can think of?
Regards,
Barney Carroll
[email protected]
+44 7429 177278
barneycarroll.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
