website: add alt text to images

pull/260/head
Yangshun 3 years ago
parent 661c36cea9
commit 7e6242a297

@ -81,7 +81,7 @@ function Tweet({url, handle, name, content, avatar, date}) {
<div className={classnames('card', styles.tweet)}> <div className={classnames('card', styles.tweet)}>
<div className="card__header"> <div className="card__header">
<div className="avatar"> <div className="avatar">
<img className="avatar__photo" src={avatar} /> <img alt={name} className="avatar__photo" src={avatar} />
<div className="avatar__intro"> <div className="avatar__intro">
<div className={styles.tweet}> <div className={styles.tweet}>
<strong>{name}</strong>{' '} <strong>{name}</strong>{' '}
@ -126,6 +126,7 @@ function HeroSection() {
<header className={classnames('hero', styles.heroBanner)}> <header className={classnames('hero', styles.heroBanner)}>
<div className="container"> <div className="container">
<img <img
alt={siteConfig.title}
className={classnames(styles.heroBannerLogo, 'margin-vert--md')} className={classnames(styles.heroBannerLogo, 'margin-vert--md')}
src={useBaseUrl('img/logo.svg')} src={useBaseUrl('img/logo.svg')}
/> />
@ -564,7 +565,11 @@ function SuccessStoriesSection() {
</div> </div>
<div className="card__header"> <div className="card__header">
<div className="avatar"> <div className="avatar">
<img className="avatar__photo" src={user.thumbnail} /> <img
alt={user.name}
className="avatar__photo"
src={user.thumbnail}
/>
<div className="avatar__intro"> <div className="avatar__intro">
<div className="avatar__name">{user.name}</div> <div className="avatar__name">{user.name}</div>
<small className="avatar__subtitle">{user.title}</small> <small className="avatar__subtitle">{user.title}</small>
@ -606,12 +611,18 @@ function SponsorshipSection() {
<a <a
href="https://opencollective.com/tech-interview-handbook/sponsor/0/website" href="https://opencollective.com/tech-interview-handbook/sponsor/0/website"
target="_blank"> target="_blank">
<img src="https://opencollective.com/tech-interview-handbook/sponsor/0/avatar.svg" /> <img
alt="Sponsor"
src="https://opencollective.com/tech-interview-handbook/sponsor/0/avatar.svg"
/>
</a> </a>
<a <a
href="https://opencollective.com/tech-interview-handbook/sponsor/1/website" href="https://opencollective.com/tech-interview-handbook/sponsor/1/website"
target="_blank"> target="_blank">
<img src="https://opencollective.com/tech-interview-handbook/sponsor/1/avatar.svg" /> <img
alt="Sponsor"
src="https://opencollective.com/tech-interview-handbook/sponsor/1/avatar.svg"
/>
</a> </a>
</div> </div>
<div className="margin-vert--lg"> <div className="margin-vert--lg">

Loading…
Cancel
Save