diff --git a/components/CharacterUnit/index.tsx b/components/CharacterUnit/index.tsx
index 8d0a9b5b..b2a97795 100644
--- a/components/CharacterUnit/index.tsx
+++ b/components/CharacterUnit/index.tsx
@@ -60,7 +60,7 @@ const CharacterUnit = (props: Props) => {
         <div>
             <div className={classes} onClick={openModalIfEditable}>
                 <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> : '' }
                 </div>
                 <UncapIndicator 
diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index 1299eefb..5cb34459 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -40,11 +40,11 @@ const GridRep = (props: Props) => {
     }
 
     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) {
-        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 (
diff --git a/components/SummonUnit/index.tsx b/components/SummonUnit/index.tsx
index 32cc287f..bad539fb 100644
--- a/components/SummonUnit/index.tsx
+++ b/components/SummonUnit/index.tsx
@@ -68,7 +68,7 @@ const SummonUnit = (props: Props) => {
         <div>
             <div className={classes} onClick={openModalIfEditable}>
                 <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> : '' }
                 </div>
                 <UncapIndicator 
diff --git a/components/WeaponUnit/index.tsx b/components/WeaponUnit/index.tsx
index 3e9e0963..4cc21c21 100644
--- a/components/WeaponUnit/index.tsx
+++ b/components/WeaponUnit/index.tsx
@@ -66,7 +66,7 @@ const WeaponUnit = (props: Props) => {
         <div>
             <div className={classes} onClick={openModalIfEditable}>
                 <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> : '' }
                 </div>
                 <UncapIndicator