All buttons in ui that should support tab-key navigation should be html buttons or links (MGNLUI-2620)

[MGNLUI-2621] Light dialog close button should be an html button Created: 23/Jan/14  Updated: 11/Sep/15  Resolved: 04/Sep/15

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

Type: Sub-task Priority: Neutral
Reporter: Christopher Zimmermann Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: keyboard, next, ux
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Template:
Date of First Response:

 Description   

So that tabbing and hitting enter/spacebar triggers the button



 Comments   
Comment by Andreas Weder [ 04/Sep/15 ]

I've tested this on Safari and Firefox using 5.4.1 and can't reproduce the problem: the tab order works; the default button or the currently focused button can be pressed by hitting "Return"; the dialog can be cancelled hitting "Esc".

Yes, the buttons are "div"s, but there's also a parent element with ARIA role "button" assigned. Seems to all work and look nicely now.

I'm thus closing this as "obsolete".

Generated at Mon Feb 12 08:58:30 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.