[MGNLUI-6665] Element focus could be more obvious and streamlined Created: 14/Apr/21  Updated: 14/Jan/22

Status: Accepted
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Improvement Priority: Neutral
Reporter: Martin Drápela Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: File MGNLUI-6665-greenishFocusHighlighter.mp4     File tabbingSequence_unclearFocus.mp4    
Issue Links:
Cloners
is cloned by MGNLUI-6664 Element focus could be more obvious a... Open
Problem/Incident
is caused by CONTEDIT-323 DOC: Update Stories app page for v 2.0 Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:

 Description   

Two issues, accessibility/UX-related.

When an editor decides to use the TAB key to move from one block/field to the next one to speed up editing,

a) It is hard to tell which field/block is currently in focus (basically only text fields seem to be focus-framed)

b) the whole order of elements could be more streamlined. See the video attached, with five TAB presses - the TAB presses 2 and 4 focus - probably unnecessarily - the helper (field description) icons: tabbingSequence_unclearFocus.mp4
re TAB 5 - the pulldown bracket (next to lead visual) - maybe this could be also ignored, if the block is fully open for editing.



 Comments   
Comment by Martin Drápela [ 24/May/21 ]

A greenish focus highlighter derived from work on CONTEDIT-364:

 MGNLUI-6665-greenishFocusHighlighter.mp4

Generated at Mon Feb 12 09:38:46 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.