search

CDLUC3 / mrt-doc

Documentation and Information regarding the Merritt repository
8 stars 4 forks source link

UI Modal Dialog #452

Open terrywbrady opened 4 years ago

terrywbrady commented 4 years ago

Relates to #448

Inadequate/inconsistent focus indicator for keyboard nav in Firefox and Chrome (MacOS); works fine in Safari. Focused element appears active rather than inactive, but lacks the browser-standard focus box. - Add standard focus indicator.

terrywbrady commented 4 years ago

@elopatin-uc3 , can you reproduce this issue?

elopatin-uc3 commented 4 years ago

@terrywbrady If we're talking about the focus indicator around any element that's been tabbed to, I can't reproduce this. On the flip side, hitting tab in Chrome right after loading the Merritt home page shows the "Skip to main content" link at top center. But in FF and Safari, that doesn't happen. Safari just highlights it's own URL entry field, while repeated tabbing in FF moves from back button, to URL field, to bookmarks, and then a minimal highlight around the Merritt header (which you can't act upon with space or enter). I'm not worried about Safari per assumed low usage. Firefox I'm surprised at, and would be interested to hear your take about what's happening.

terrywbrady commented 4 years ago

@elopatin-uc3 , when I load merritt-stage in Firefox or Safari, I see skip to main content.

terrywbrady commented 4 years ago

This issue relates to our modal windows. I see some unusual behavior in Firefox when tabbing to the dialog.

The behavior seems normal to me in Safari. I would want to consult with the UX team for more details about the Safari issue

modal-focus

I am going to leave this issue open for now.