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.

[azaozz]

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.

[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.

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.

[azaozz]

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.

[ydekproductions]

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.

[ryan]

No traction. Reopen with fresh patch.