fix(storefront): polish compare

Add accessible label to the compare-chip remove button: it rendered
only a bare × glyph with no aria-label, announced as meaningless
symbol text by screen readers. Added ux.removeFromCompare across all
three locales.

Global :focus-visible already covers .btn/.btn-primary/.btn-ghost, so
no separate focus styling was needed here.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
sdarbinyan
2026-07-19 23:35:17 +04:00
parent 6b1dc15c80
commit 56e311109a
5 changed files with 5 additions and 1 deletions

View File

@@ -1098,6 +1098,7 @@ export const en: Translations = {
compareEmptyTitle: 'No products to compare',
compareEmptyDescription: 'Add products from catalog cards to compare specs and prices.',
clearCompare: 'Clear compare',
removeFromCompare: 'Remove from compare',
hideIdentical: 'Hide identical values',
highlightDifferences: 'Highlight differences',
clearRecentlyViewed: 'Clear recently viewed',