Hide all focus effects in all/most content types for mouse/touch users

Description

h3, Acceptance Criteria

  1. There are no visible focus effects on texts, alternatives and similar when not using the keyboard to navigate

Acceptance Criteria

- By default, all focus effects should be hidden - If we detect that a user is using the keyboard - showing focus effects until we detect a mouse click (or touch?)

Activity

Pål Jørgensen September 26, 2019 at 11:34 AM

I fixed a few minor things, merged master → export-on-demand for php-h5p-lib, and updated composer dependency for h5p.com.

Jelena Milinovic September 23, 2019 at 1:54 PM
Edited

Changes look good thanks, here are comments about your list above:

Accordion

  • I do not think we should change this color. Today's selected color is very light change from "Normal" state and I am afraid if we change it to some more different color (blue for example) people might complain because it does not fit with where they are using it.

Audio Recorder

  • I suggest removing the box-shadow when clicked with the mouse

IV

  • I would keep the same effects as we have today, they look good.

Image hotspots:

  • Please keep scaled-up behavior

Flashcards:

  • Box-shadow on click on the input field should be a part of Flashcards, please keep it

  • Remove box-shadow on click for "Check" button and add active state (background-color: #20a5ca)

  • Keep box-shadow on click for "<", ">", "Retry" and "Show solution" button

True/False:

  • Keep the box-shadow on click

Blanks:

  • Keep the box-shadow and border on click

For the following 3 (MC, SCS, Summary)

Thomas Marstrander September 19, 2019 at 1:11 PM

Fixed all but the MC one, please have a look again on monday, and suggest fixes for the issues I mentioned in my earlier comment.

Frode Petterson September 19, 2019 at 11:29 AM

Yes, I think that sounds best, unless there are some really huge ones we may want to split into a new issue for the next sprint.

Thomas Marstrander September 19, 2019 at 11:26 AM

I guess the acceptance criteria is fulfilled. Should we do the specific stylings in the individual libraries as part of this issue as well or create new one(s) for it ?

Done

Assignee

Thomas Marstrander

Reporter

Code reviewer

Original estimate

16h

Time tracking

No time logged

Sprint

Fix versions

Priority

Created November 21, 2017 at 3:27 PM
Updated September 27, 2019 at 6:53 AM
Resolved September 27, 2019 at 6:53 AM