acrylic alt and matboard

SethSharp · Nov 25, 2023 · 3b0e841 · 3b0e841
1 parent 28ee293
commit 3b0e841
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/resources/js/Pages/Services/Framing/Acrylic.vue b/resources/js/Pages/Services/Framing/Acrylic.vue
@@ -25,14 +25,14 @@ import Image from '@/Components/Image.vue'
                         </p>
                     </div>
                     <div>
-                        <Image src="acrylic/golf-ball-display.png" class="w-3/4 mx-auto" />
+                        <Image src="acrylic/golf-ball-display.png" alt="Golf Ball display in example home space" class="w-3/4 mx-auto" />
                     </div>
                 </div>
 
                 <div class="grid sm:grid-cols-2 md:grid-cols-3 gap-x-2 gap-y-2 mx-8 my-8">
-                    <Image src="acrylic/football.png" class="my-auto" />
-                    <Image src="acrylic/boot.png" class="my-auto" />
-                    <Image src="acrylic/shovel.png" class="my-auto" />
+                    <Image src="acrylic/football.png" alt="Football in case" class="my-auto" />
+                    <Image src="acrylic/boot.png" alt="Boot in case" class="my-auto" />
+                    <Image src="acrylic/shovel.png" alt="Golden Shovel in case" class="my-auto" />
                 </div>
             </template>
         </Section>

diff --git a/resources/js/Pages/Services/Other/MatboardCutting.vue b/resources/js/Pages/Services/Other/MatboardCutting.vue
@@ -24,12 +24,12 @@ import Section from '@/Components/Section.vue'
                         containing multiple items, or if you have a record then we can perfectly map
                         the correct size to fit the circular shape.
                     </div>
-                    <Image src="restorations/matboard-cutter.png" />
+                    <Image src="restorations/matboard-cutter.png" alt="Computerised matboard cutter"/>
                 </div>
                 <div class="grid grid-cols-3 gap-x-4 mt-8">
-                    <Image src="restorations/multiple-squares-and-circles.png" class="my-auto" />
-                    <Image src="restorations/shape-red.png" />
-                    <Image src="restorations/tools.png" class="my-auto" />
+                    <Image src="restorations/multiple-squares-and-circles.png" alt="2 Rows of 6 cut outs, side by side" class="my-auto" />
+                    <Image src="restorations/shape-red.png" alt="Corner square shapes with a internal mat" />
+                    <Image src="restorations/tools.png" alt="3 different sized cutouts holding different items" class="my-auto" />
                 </div>
             </template>
         </Section>
@@ -42,9 +42,9 @@ import Section from '@/Components/Section.vue'
                 colours.
 
                 <div class="grid grid-cols-3 gap-x-4 my-12">
-                    <Image src="restorations/record.png" class="my-auto" />
-                    <Image src="restorations/gymnastics.png" class="my-auto" />
-                    <Image src="restorations/asw-athlete.png" class="my-auto" />
+                    <Image src="restorations/record.png" alt="Metallica Record" class="my-auto" />
+                    <Image src="restorations/gymnastics.png" alt="Gymnastics frame with multiple cutouts for medals" class="my-auto" />
+                    <Image src="restorations/asw-athlete.png" alt="ASW frame with multiple cutouts for medals and photos" class="my-auto" />
                 </div>
             </template>
         </Section>