Skip navigation
Cool Whip
Cool Whip Calculating status...
Currently Being Moderated

Selection Indicators in Browsers Ruin the Look of Spry Accordions

Mar 8, 2010 6:23 AM

I've created some simple navigation on the left hand side of http://www.buelowvetter.com/team.html, using a Spry accordion in Dreamweaver. The top buttons are in the accordion, and the bottom ones are not, because they contain no sub-navigation. Safari and IE both put a "fence" around the whole accordion when you select a button. This ruins the look of the navigation I designed.

 

I suspect this is just what you have to live with, but is there any way to get rid of this browser indicator?

127 Views   2 Replies   Latest reply: Arnout Kazemier, Mar 10, 2010 12:02 PM
 
Replies
  • Cool Whip
    Currently Being Moderated
    1. Cool Whip,
    Mar 10, 2010 11:35 AM   in reply to Cool Whip
    Report

    Okay. In trying to clean up site validation errors, I stumbled onto the answer to my own question. The culprit is the "tab order = 0" found in the Spry's code. Removing that gained not only validation of the page, but removed the unwanted selection indicator from around the accordion.

     
    |
    Mark as:
  • Arnout Kazemier
    Currently Being Moderated
    2. Arnout Kazemier,
    Mar 10, 2010 12:02 PM   in reply to Cool Whip
    Report

    Thats called a focus border or outline its there for accessibility. This way users who navigate through keyboard know on your site where they are. Removing this border will make your less accessible

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points