Fix alt text for items

This commit is contained in:
Justin Edmund 2022-01-24 22:22:02 -08:00
parent 728803d9c5
commit 51a14a5a54
4 changed files with 5 additions and 5 deletions

View file

@ -60,7 +60,7 @@ const CharacterUnit = (props: Props) => {
<div> <div>
<div className={classes} onClick={openModalIfEditable}> <div className={classes} onClick={openModalIfEditable}>
<div className="CharacterImage"> <div className="CharacterImage">
<img alt="ALT TEXT GOES HERE" className="grid_image" src={imageUrl} /> <img alt={character?.name.en} className="grid_image" src={imageUrl} />
{ (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' } { (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' }
</div> </div>
<UncapIndicator <UncapIndicator

View file

@ -40,11 +40,11 @@ const GridRep = (props: Props) => {
} }
function generateMainhandImage() { function generateMainhandImage() {
return <img alt="ALT TEXT GOES HERE" src={`/images/weapon-main/${mainhand?.granblue_id}.jpg`} /> return <img alt={mainhand?.name.en} src={`/images/weapon-main/${mainhand?.granblue_id}.jpg`} />
} }
function generateGridImage(position: number) { function generateGridImage(position: number) {
return <img alt="ALT TEXT GOES HERE" src={`/images/weapon-grid/${weapons[position]?.granblue_id}.jpg`} /> return <img alt={weapons[position]?.name.en} src={`/images/weapon-grid/${weapons[position]?.granblue_id}.jpg`} />
} }
return ( return (

View file

@ -68,7 +68,7 @@ const SummonUnit = (props: Props) => {
<div> <div>
<div className={classes} onClick={openModalIfEditable}> <div className={classes} onClick={openModalIfEditable}>
<div className="SummonImage"> <div className="SummonImage">
<img alt="ALT TEXT GOES HERE" className="grid_image" src={imageUrl} /> <img alt={summon?.name.en} className="grid_image" src={imageUrl} />
{ (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' } { (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' }
</div> </div>
<UncapIndicator <UncapIndicator

View file

@ -66,7 +66,7 @@ const WeaponUnit = (props: Props) => {
<div> <div>
<div className={classes} onClick={openModalIfEditable}> <div className={classes} onClick={openModalIfEditable}>
<div className="WeaponImage"> <div className="WeaponImage">
<img alt="ALT TEXT GOES HERE" className="grid_image" src={imageUrl} /> <img alt={weapon?.name.en} className="grid_image" src={imageUrl} />
{ (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' } { (props.editable) ? <span className='icon'><img src="/icons/plus.svg" /></span> : '' }
</div> </div>
<UncapIndicator <UncapIndicator