fix(ranking): announce leaderboard loading to screen readers

The shared loading placeholder hid the dots from assistive tech and
left the status region empty. Add the existing common loading label
as visually hidden text.
This commit is contained in:
digua committed 2026-08-20 00:33:17 +08:00
1 parent 39ccc63a39
commit 9725510c4a
1 file changed
+4
@@ -1,9 +1,13 @@
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { LoadingDots } from '@/components/UI'
const { t } = useI18n()
</script>
<template>
<div class="flex h-56 items-center justify-center" role="status" aria-live="polite">
<span class="sr-only">{{ t('common.loading') }}</span>
<LoadingDots />
</div>
</template>