fragginwagon/pokemon-inventory
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve listing status accessibility
Quality / test (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
fragginwagon
2026-09-11 10:58:30 -04:00
parent 4217009384
commit fef7c0a339
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/molecules/AdminListingStatus.vue
+3 -3
View File
@@ -15,13 +15,13 @@ const computedBlockers = computed(() => props.blockers.length ? props.blockers :
</script> </script>
<template> <template>
<article class="admin-listing-status"> <article class="admin-listing-status" :aria-labelledby="`listing-title-${listing.id}`">
<div class="admin-listing-status__identity"> <div class="admin-listing-status__identity">
<p class="catalog-kicker">Listing</p> <p class="catalog-kicker">Listing</p>
<h3>{{ listing.productName }}</h3> <h3 :id="`listing-title-${listing.id}`">{{ listing.productName }}</h3>
<span class="fixture-label">${{ (listing.askingPriceMinor / 100).toFixed(2) }}</span> <span class="fixture-label">${{ (listing.askingPriceMinor / 100).toFixed(2) }}</span>
</div> </div>
<span class="status" :class="`status--${listing.status.toLowerCase()}`">{{ listing.status }}</span> <span class="status" role="status" :class="`status--${listing.status.toLowerCase()}`">{{ listing.status }}</span>
<ul v-if="computedBlockers.length" class="admin-listing-status__blockers" aria-label="Publication blockers"> <ul v-if="computedBlockers.length" class="admin-listing-status__blockers" aria-label="Publication blockers">
<li v-for="blocker in computedBlockers" :key="blocker">{{ blocker }}</li> <li v-for="blocker in computedBlockers" :key="blocker">{{ blocker }}</li>
</ul> </ul>
docs/IMPLEMENTATION-STATUS.md
+1
View File
@@ -272,6 +272,7 @@ Remaining roadmap areas are approved external provider credentials/adapters, bro
- Admin inventory action announcements now have Storybook interaction coverage verifying the live-region contract. - Admin inventory action announcements now have Storybook interaction coverage verifying the live-region contract.
- Admin inventory valuation and pricing-job results now expose explicit screen-reader labels with item or job identity and state. - Admin inventory valuation and pricing-job results now expose explicit screen-reader labels with item or job identity and state.
- Admin sales and acquisition history rows now expose explicit screen-reader labels with record identity, status/date, and financial context. - Admin sales and acquisition history rows now expose explicit screen-reader labels with record identity, status/date, and financial context.
- Admin listing status cards now expose a programmatic product heading and status announcement for each listing.
## Local Commands ## Local Commands