Added alts to images
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { LANE_IMAGES, LANE_IMAGES_HOVER, LANE_IMAGES_SELECTED } from '~/utils/cdragon';
|
import { LANE_IMAGES, LANE_IMAGES_HOVER, LANE_IMAGES_SELECTED, POSITIONS_STR } from '~/utils/cdragon';
|
||||||
|
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
filterChange: [value: number]
|
filterChange: [value: number]
|
||||||
@@ -40,6 +40,7 @@ function handleHover(laneImg: Ref<string>, index: number) {
|
|||||||
<template>
|
<template>
|
||||||
<div style="width: fit-content;">
|
<div style="width: fit-content;">
|
||||||
<img v-for="(laneImg, index) in laneImgs"
|
<img v-for="(laneImg, index) in laneImgs"
|
||||||
|
:alt="POSITIONS_STR[index]"
|
||||||
class="lane-img" :src="laneImg.value"
|
class="lane-img" :src="laneImg.value"
|
||||||
@mouseout="handleMouseOut(laneImg, index)"
|
@mouseout="handleMouseOut(laneImg, index)"
|
||||||
@mouseover="handleHover(laneImg, index)"
|
@mouseover="handleHover(laneImg, index)"
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ defineProps<{
|
|||||||
<template>
|
<template>
|
||||||
<div style="width: fit-content; max-width: 100%; overflow: hidden;">
|
<div style="width: fit-content; max-width: 100%; overflow: hidden;">
|
||||||
<NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
|
<NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
|
||||||
<img id="logo-img" :width="imgWidth == null ? '120' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
|
<img id="logo-img" alt="BuildPath" :width="imgWidth == null ? '120' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
|
||||||
<h1 :style="'font-size: ' + (fontSize == null ? '5.0rem' : fontSize) + ';'" id="logo-text">BuildPath</h1>
|
<h1 :style="'font-size: ' + (fontSize == null ? '5.0rem' : fontSize) + ';'" id="logo-text">BuildPath</h1>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user