Added aria label to icon buttons
This commit is contained in:
parent
58a363744a
commit
ab1ca48fca
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user