moonstar-x/reddit-slideshow
1
0
Fork 0
Code Issues Pull Requests Activity

Added aria label to icon buttons

Browse Source
This commit is contained in:
ismaelpadilla 2020-01-03 19:32:34 -03:00
parent 58a363744a
commit ab1ca48fca
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Layout/Layout.js
View File

@ -41,12 +41,12 @@ const layout = (props) => {
{title} {title}
</h1> </h1>
{ props.showTitle { props.showTitle
? <LeftArrowSVG className="toggleTitleButton toggleButton" onClick={props.titleClick}/> ? <LeftArrowSVG aria-label="Hide title" className="toggleTitleButton toggleButton" onClick={props.titleClick}/>
: <RightArrowSVG className="toggleTitleButton toggleButton" onClick={props.titleClick}/> } : <RightArrowSVG aria-label="Show title" className="toggleTitleButton toggleButton" onClick={props.titleClick}/> }
</header> </header>
<NextSlideSVG className="navButton nextButton" onClick={ props.nextHandler }/> <NextSlideSVG aria-label="Next" className="navButton nextButton" onClick={ props.nextHandler }/>
<PrevSlideSVG className="navButton prevButton" onClick={ props.prevHandler }/> <PrevSlideSVG aria-label="Previous" className="navButton prevButton" onClick={ props.prevHandler }/>
<div className={infoClasses.join(' ')}> <div className={infoClasses.join(' ')}>
<div className="infoButtons"> <div className="infoButtons">
@ -69,11 +69,11 @@ const layout = (props) => {
</div> </div>
</div> </div>
{ props.showInfo { props.showInfo
? <LeftArrowSVG className="toggleInfoButton toggleButton" onClick={props.infoClick}/> ? <LeftArrowSVG aria-label="Hide info panel" className="toggleInfoButton toggleButton" onClick={props.infoClick}/>
: <RightArrowSVG className="toggleInfoButton toggleButton" onClick={props.infoClick}/> } : <RightArrowSVG aria-label="Show info panel" className="toggleInfoButton toggleButton" onClick={props.infoClick}/> }
</div> </div>
<a href="https://github.com/ismaelpadilla/reddit-slideshow" target="_blank" rel="noopener noreferrer"> <a href="https://github.com/ismaelpadilla/reddit-slideshow" aria-label="Source code" target="_blank" rel="noopener noreferrer">
<GithubLogo className="githubLogo"/> <GithubLogo className="githubLogo"/>
</a> </a>
</div> </div>