feat: optimize links to increase accessibility of page

unix · unix · commit 37a91025dafb · 2020-06-21T19:48:50.000+08:00
diff --git a/lib/components/profile-links.jsx b/lib/components/profile-links.jsx
@@ -34,7 +34,7 @@ const ProfileLinks = () => {
           color: ${theme.palette.accents_6};
           text-transform: uppercase;
           font-size: 0.8rem;
-          margin-right: ${theme.layout.gapHalf};
+          padding: ${theme.layout.gapQuarter};
         }
 
         .link :global(a:hover) {
diff --git a/lib/components/profile.jsx b/lib/components/profile.jsx
@@ -19,7 +19,7 @@ const Profile = React.memo(({}) => {
       <Row align="bottom" className="user">
         <NextLink href="/" passHref>
           <Link>
-            <User src="/assets/avatar.png" name={Configs.author}>
+            <User src="/assets/avatar.png" name={Configs.author} altText="avatar">
               {Configs.summary}
             </User>
           </Link>

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ const ProfileLinks = () => {`
`34`	`34`	`color: ${theme.palette.accents_6};`
`35`	`35`	`text-transform: uppercase;`
`36`	`36`	`font-size: 0.8rem;`
`37`		`- margin-right: ${theme.layout.gapHalf};`
	`37`	`+ padding: ${theme.layout.gapQuarter};`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`.link :global(a:hover) {`