Opened 6 years ago

Closed 6 years ago

Last modified 6 years ago

#8959 closed feature (notabug)

Slider handle showing dotted border

Reported by: WOWDesign Owned by:
Priority: minor Milestone: 1.10.0
Component: ui.core Version: 1.9.2
Keywords: Cc:
Blocked by: Blocking:

Description

Hi

Firefox is still putting dotted outlines around click-able objects, such as the draggable handle in the slider. Can I sugest you add into the CSS:

.ui-slider .ui-slider-handle {position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;outline:none}

to resolve this issue (outline:none).

Just a suggestion.

Cheers G

Change History (7)

comment:1 Changed 6 years ago by tj.vantoll

Resolution: notabug
Status: newclosed

The outline is there for accessibility reasons and isn't something that we're going to remove. Chrome, IE, and probably the other browsers use an outline as well so this isn't something specific to Firefox.

comment:2 Changed 6 years ago by mikesherov

This, and other accessibility hacks, should go into our big wontfix list.

comment:3 Changed 6 years ago by WOWDesign

Hi

Thanks for this. When I first saw these dotted outlines in Firefox, the only Google searches I found were how to remove them. Now you've said it is for accessibility reasons, I will remove my CSS to remove this feature, on all my sites, as I feel strongly about accessibility. Thanks for the heads up and you are perfectly right about not removing it.

Cheers Glynn

comment:4 in reply to:  2 Changed 6 years ago by tj.vantoll

Replying to mikesherov:

This, and other accessibility hacks, should go into our big wontfix list.

I can add that. Can you think of any in particular that should mentioned other than resetting outline?

comment:5 Changed 6 years ago by mikesherov

Yes, I used to ask scott_gonzalez why we can't have a dialog option that prevents focus on dialog open.

comment:6 in reply to:  5 Changed 6 years ago by tj.vantoll

Replying to mikesherov:

Yes, I used to ask scott_gonzalez why we can't have a dialog option that prevents focus on dialog open.

I had adding this to the won't fix page on my list for awhile, but the more I think about it the more I don't think it belongs there. The rest of the list addresses things that don't work and why we're not going to fix them. Choices jQuery UI makes for a11y are not problems, people just don't understand the reasoning behind UI's choices.

I wrote a little something on this http://tjvantoll.com/2013/01/28/stop-messing-with-the-browsers-default-focus-outline/ and there's even a domain dedicated to this "problem" http://www.outlinenone.com/. I would say when requests of this sort come in the future we link there.

comment:7 Changed 6 years ago by Scott González

Dave recently suggested changing the won't fix page into an FAQ page which would give us a natural place to talk about this type of thing.

Note: See TracTickets for help on using tickets.