Focus disabled on elements on opentochoice

VERIFIED FIXED

Status

Websites Graveyard
opentochoice.org
P2
normal
VERIFIED FIXED
8 years ago
7 years ago

People

(Reporter: pascalc, Assigned: Juan David Gomez)

Tracking

({access})

Details

(Whiteboard: [0.75][1.0])

(Reporter)

Description

8 years ago
Website has focus of elements disabled (zreset.css):

:focus {
outline:0 none;
}

This is bad for accessibility, I don't really know why we do that.

Comment 1

8 years ago
Hi Pascal, we can add a custom :focus pseudo class according to the layout design (in order to avoid the default dotted line style).

We are going to use the same :hover style as :focus style for links, but would be nice if Sean provides assets for the :focus state for inputs.
Whiteboard: [0.75][1.0?]
Keywords: access
Whiteboard: [0.75][1.0?] → [0.75][1.0]

Comment 2

8 years ago
The design looks great ! But yes, I'm actually unable to navigate trough the website with my keyboard.

Why do you remove the default focus style ?
Users who really need this feature are looking for the default style of their respective browsers… adding a learning curve to a basic accessibility/usability feature can frustrate people.

Thanks.
Summary: Focus disabled on elements on opentoichoice → Focus disabled on elements on opentochoice
Priority: -- → P2

Comment 3

8 years ago
Exactly, keyboard focus should always be visible and not disabled. And ideally, it should be the default style because it then also scales if users use color inversion or other high-contrast etc. modes for visual fitness.
(Assignee)

Comment 4

8 years ago
Ok, the zreset.css has been updated to avoid resetting this feature.

Committed revision 63572.

Updated

8 years ago
Assignee: nobody → juan.gomez
(Assignee)

Updated

8 years ago
Status: NEW → RESOLVED
Last Resolved: 8 years ago
Resolution: --- → FIXED
Marco/Yves, can you please take a look at this on http://opentochoice2.stage.mozilla.com/en/?  Thanks!

Comment 6

8 years ago
Seems fine to me, thanks !
Verified FIXED on http://opentochoice2.stage.mozilla.com/en/; I looked using Firebug, too.

Juan, if you could link your checkins as "r63572", that's be great; Bugzilla will auto-link them to the SVN revision #.
Status: RESOLVED → VERIFIED

Updated

7 years ago
Component: opentochoice.org → opentochoice.org
Product: Websites → Websites Graveyard
You need to log in before you can comment on or make changes to this bug.