fixing a few accessibility errors

nasa-jpl · Jul 9, 2024 · 8e59f03 · 8e59f03
1 parent c9e02be
commit 8e59f03
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 17 deletions.
diff --git a/apps/vue-storybook/package.json b/apps/vue-storybook/package.json
@@ -13,7 +13,7 @@
   "prettier": "@explorer-1/prettier-config",
   "type": "module",
   "scripts": {
-    "dev": "pnpm storybook",
+    "dev": "pnpm storybook --force-build-preview",
     "dev:rebuild": "pnpm storybook --force-build-preview",
     "prepare": "pnpm prepare:public && pnpm prepare:fontcss",
     "prepare:public": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/explorer-1",

diff --git a/packages/vue/src/components/BlockLinkCarousel/BlockLinkCarousel.stories.js b/packages/vue/src/components/BlockLinkCarousel/BlockLinkCarousel.stories.js
@@ -160,19 +160,12 @@ export const EventsBlockLinkCarouselData = [
   }
 ]
 
-// template
-const BlockLinkCarouselTemplate = (args) => ({
-  props: Object.keys(args),
-  components: { BlockLinkCarousel },
-  template: `<BlockLinkCarousel :itemType="itemType" :heading="heading" :items="items"/>`
-})
-
 const BlockLinkCarouselMultipleTemplate = (args) => ({
   components: { BlockLinkCarousel },
   setup() {
     return { args }
   },
-  template: `<div><BlockLinkCarousel class="mb-20" v-bind="args" /><BlockLinkCarousel item-type="cards" v-bind="args" /></div>`
+  template: `<div><BlockLinkCarousel class="mb-20" v-bind="args[0]" /><BlockLinkCarousel v-bind="args[1]" /></div>`
 })
 
 // stories
@@ -209,9 +202,17 @@ export const TwoItems = {
 }
 
 export const MultipleCarousels = BlockLinkCarouselMultipleTemplate.bind({})
-MultipleCarousels.args = {
-  itemType: 'cards',
-  heading: 'Related Pages',
-  otherHeading: 'Explore More',
-  items: BlockLinkCardCarouselData
-}
+MultipleCarousels.args = [
+  {
+    itemType: 'cards',
+    heading: 'Related Pages',
+    otherHeading: 'Explore More',
+    items: BlockLinkCardCarouselData
+  },
+  {
+    itemType: 'cards',
+    heading: 'More Related Pages',
+    otherHeading: 'Explore Even More',
+    items: BlockLinkCardCarouselData
+  }
+]
diff --git a/packages/vue/src/components/MissionDetailStats/MissionDetailStatsMini.vue b/packages/vue/src/components/MissionDetailStats/MissionDetailStatsMini.vue
@@ -7,7 +7,7 @@
           v-if="showClock && startDateTime"
           class="theme-inner lg:col-span-4 xl:col-span-4 2xl:col-span-3 sm:col-span-7 col-span-11"
         >
-          <p class="text-jpl-blue-light text-subtitle mb-3">
+          <p class="text-jpl-blue-lighter text-subtitle mb-3">
             {{ clockTypeLabel }}
           </p>
           <BaseTimer
@@ -25,7 +25,7 @@
           :distance-api-urls="distanceApiUrls"
         >
           <template #label="slotProps">
-            <p class="text-jpl-blue-light text-subtitle mb-3">
+            <p class="text-jpl-blue-lighter text-subtitle mb-3">
               {{ slotProps.label }}
             </p>
           </template>