Remove Dotted Borders in Firefox

[ydekproductions]

I would just like to propose removing the dotted borders that show up in Firefox for active links and buttons. I think they come across as ugly, especially in cases like the Screen Options button.

I know their purpose is for usability's sake, but that's alleviated by normal CSS states.

That would make them look better, but what about navigating all links/buttons with the Tab key?

For this to work properly all links and buttons will have to have :active or :focus styling too. Don't think this can be done globally, will need at least a few separate styles.

Is that really a big concern for every link on the page? Maybe just leave the dotted borders on the input fields and buttons. I can't imagine people Tabbing around through the left hand navigation.

Also, Firefox is the only browser that renders those, so I just tend to like to neaten it up to look the same all around.

Replying to ydekproductions:

Is that really a big concern for every link on the page? Maybe just leave the dotted borders on the input fields and buttons. I can't imagine people Tabbing around through the left hand navigation.

Yes, it is a big accessibility concern, not everyone can use a mouse. Can remove the dotted box (don't like it either) but the patch has to have alternate method of highlighting the links, buttons, etc.

Then for the navigation items, can we just mirror the :hover state to the :active states as well? That can just be done with a little bit of tedious find and replace.

Actually, we can probably do that for every single rule that has a :hover state, duplicate it for :active.

Does that sound feasible? If so, I can take some time and go though the rules and do that.

No traction. Reopen with fresh patch.