brand icon indicating copy to clipboard operation
brand copied to clipboard

[Accessibility] After resizing page to 320*256 focus moving to the hidden elements while navigating with the tab key.

Open enstyled opened this issue 2 years ago • 3 comments

As described in https://github.com/github/accessibility-audits/issues/5262

Users with low vision who find it difficult to read the text in small font uses enlarged text with re-size, will be impacted as at 400% zoom and users will be confused if the focus move to hidden element while using keyboard tab key.

enstyled avatar Aug 09 '23 13:08 enstyled

As a quick fix for Universe, this PR makes the title a bit smaller below 390px viewport width:

Before After
kebab button is hidden kebab button is visible

But it's a pretty custom fix.

simurai avatar Aug 22 '23 01:08 simurai

Related to https://github.com/primer/brand/issues/514

rezrah avatar Jan 22 '24 14:01 rezrah

@rezrah I played around with this in Storybook and I believe this can be closed now 🎉

rfearing avatar Mar 25 '24 16:03 rfearing