[Accessibility] Navigation focus handling polish (#39358)
This commit is contained in:
1 parent
c6e2e2255c
commit
2994e8543d
27 files changed
+119
-48
No files matched your search
@@ -19,6 +19,7 @@ import { FollowsYouBadge } from '../badge';
|
||||
import { CopyButton } from '../copy_button';
|
||||
import { DisplayName } from '../display_name';
|
||||
import { Icon } from '../icon';
|
||||
import { NavigationFocusTarget } from '../navigation_focus_target';
|
||||
|
||||
import { AccountBadges } from './badges';
|
||||
import classes from './styles.module.scss';
|
||||
@@ -56,9 +57,9 @@ export const AccountName: FC<{ accountId: string }> = ({ accountId }) => {
|
||||
return (
|
||||
<div className={classes.nameWrapper}>
|
||||
<div className={classes.name}>
|
||||
<h1>
|
||||
<NavigationFocusTarget as='h1'>
|
||||
<DisplayName account={account} variant='simple' />
|
||||
</h1>
|
||||
</NavigationFocusTarget>
|
||||
{relationship?.followed_by && <FollowsYouBadge />}
|
||||
</div>
|
||||
|
||||
|
||||
Reference in new issue
Block a user