So Zen's default styling of the "skip to nav" link can screw people up since they don't even realize its there. (Unless they just happend to hover over it.)

The layout.css file hints at an alternative method of only displaying the "skip to nav" when a user uses keyboard navigation to tab to that link.

I want to flush out the styling so that is generic, but doesn't screw up any layout elements when the link suddenly appears. I think the style I might use will be similar to the one Safari uses when you Command-F.

Comments

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Title: Make "skip to nav" more useful and less intrusive » Make "skip to nav" styling more useful and less intrusive
johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Version: 6.x-1.x-dev » 6.x-2.x-dev
rootwork’s picture

rootwork
he/him
Primary language English
Location 🇺🇸 US-Pacific 🌎 Chinook (Multnomah, Clackamas) & Cowlitz lands 🌹 Portland, OR
commented
Component: Code » CSS/HTML Markup

While you're doing this, what do you think about my proposal to make the skiptonav the first link for people who are tabbing? It seems like for those using the alternative method (which is what I'm doing for accessibility -- tabbing through links on a page is pretty standard in that realm) it makes sense for that link to be the first element that appears when you tab.

#385328: Add tabindex to skiptonav link

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Status: Active » Fixed

@rootwork. I think about #385328: Add tabindex to skiptonav link. There's something in that issue that reminds me about a tabindex bug in IE. Hmm…

As for this issue… Fixed!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.