Improve accessibility

src/components/GlobalFooter/index.js

@@ -9,7 +9,12 @@ const GlobalFooter = ({ className, links, copyright }) => {
       {links && (
         <div className={styles.links}>
           {links.map(link => (
-            <a key={link.key} target={link.blankTarget ? '_blank' : '_self'} href={link.href}>
+            <a
+              key={link.key}
+              title={link.key}
+              target={link.blankTarget ? '_blank' : '_self'}
+              href={link.href}
+            >
               {link.title}
             </a>
           ))}

src/components/GlobalHeader/RightContent.js

@@ -125,7 +125,12 @@ export default class GlobalHeaderRight extends PureComponent {
         {currentUser.name ? (
           <Dropdown overlay={menu}>
             <span className={`${styles.action} ${styles.account}`}>
-              <Avatar size="small" className={styles.avatar} src={currentUser.avatar} />
+              <Avatar
+                size="small"
+                className={styles.avatar}
+                src={currentUser.avatar}
+                alt="avatar"
+              />
               <span className={styles.name}>{currentUser.name}</span>
             </span>
           </Dropdown>

src/components/HeaderSearch/index.js

@@ -78,6 +78,7 @@ export default class HeaderSearch extends PureComponent {
             ref={node => {
               this.input = node;
             }}
+            aria-label={placeholder}
             placeholder={placeholder}
             onKeyDown={this.onKeyDown}
             onBlur={this.leaveSearchMode}

src/layouts/Footer.js

-
 import React, { Fragment } from 'react';
 import { Layout, Icon } from 'antd';
 import GlobalFooter from '../components/GlobalFooter';