Screen reader changes (#171)

* Screen reader fix for splash screen

* Removing more stuff alt text

Co-authored-by: Daniel Si Pham <v-danpha@microsoft.com>
This commit is contained in:
DanielSPham 2020-09-01 08:27:51 -07:00 committed by GitHub
parent 92073a5646
commit a28dede88d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -45,7 +45,7 @@ export class SplashScreenComponent extends React.Component<SplashScreenComponent
tabIndex={0} tabIndex={0}
role="button" role="button"
> >
<img src={item.iconSrc} alt={item.title} /> <img src={item.iconSrc} alt="" />
<div className="legendContainer"> <div className="legendContainer">
<div className="legend">{item.title}</div> <div className="legend">{item.title}</div>
<div className="description">{item.description}</div> <div className="description">{item.description}</div>
@ -66,7 +66,7 @@ export class SplashScreenComponent extends React.Component<SplashScreenComponent
tabIndex={0} tabIndex={0}
role="button" role="button"
> >
<img src={item.iconSrc} alt={item.title} /> <img src={item.iconSrc} alt="" />
<span className="oneLineContent" title={item.info}> <span className="oneLineContent" title={item.info}>
{item.title} {item.title}
</span> </span>
@ -79,7 +79,7 @@ export class SplashScreenComponent extends React.Component<SplashScreenComponent
<ul> <ul>
{this.props.recentItems.map((item: SplashScreenItem, index: number) => ( {this.props.recentItems.map((item: SplashScreenItem, index: number) => (
<li key={`${item.title}${item.description}${index}`}> <li key={`${item.title}${item.description}${index}`}>
<img src={item.iconSrc} alt={item.title} /> <img src={item.iconSrc} alt="" />
<span className="twoLineContent"> <span className="twoLineContent">
<Link onClick={item.onClick} title={item.info}> <Link onClick={item.onClick} title={item.info}>
{item.title} {item.title}