fix: enhance accessibility for optional peer dependencies

brenoepics · brenoepics · commit d5a195b70dfc · 2026-01-31T17:28:51.000-03:00
diff --git a/app/components/PackageDependencies.vue b/app/components/PackageDependencies.vue
@@ -169,6 +169,7 @@ const sortedOptionalDependencies = computed(() => {
               class="shrink-0 text-fg-muted hover:text-fg transition-colors duration-200 cursor-help inline-flex items-center"
               :title="$t('package.dependencies.optional')"
               :aria-label="$t('package.dependencies.optional')"
+              role="img"
             >
               <span aria-hidden="true" class="i-carbon:information w-3 h-3 block" />
             </span>

Original file line number	Diff line number	Diff line change
`@@ -169,6 +169,7 @@ const sortedOptionalDependencies = computed(() => {`
`169`	`169`	`class="shrink-0 text-fg-muted hover:text-fg transition-colors duration-200 cursor-help inline-flex items-center"`
`170`	`170`	`:title="$t('package.dependencies.optional')"`
`171`	`171`	`:aria-label="$t('package.dependencies.optional')"`
	`172`	`+ role="img"`
`172`	`173`	`>`
`173`	`174`	`<span aria-hidden="true" class="i-carbon:information w-3 h-3 block" />`
`174`	`175`	`</span>`