From 4325bca22b6f7dceaf8b5605aae644086b9ac729 Mon Sep 17 00:00:00 2001 From: lazzzis Date: Sat, 12 Aug 2023 03:26:37 -0700 Subject: [PATCH] feat(a11y): enhance post-related a11y features (#2328) --- components/publish/PublishEditorTools.vue | 1 + components/publish/PublishWidget.vue | 2 +- components/status/StatusActionButton.vue | 3 ++- components/status/StatusDetails.vue | 6 ++++-- components/status/StatusSpoiler.vue | 2 +- components/status/StatusVisibilityIndicator.vue | 2 +- 6 files changed, 10 insertions(+), 6 deletions(-) diff --git a/components/publish/PublishEditorTools.vue b/components/publish/PublishEditorTools.vue index 85d03e97..7515f7f1 100644 --- a/components/publish/PublishEditorTools.vue +++ b/components/publish/PublishEditorTools.vue @@ -11,6 +11,7 @@ const { editor } = defineProps<{ diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue index c766805f..53ad2cf1 100644 --- a/components/publish/PublishWidget.vue +++ b/components/publish/PublishWidget.vue @@ -369,7 +369,7 @@ onDeactivated(() => { @select="insertEmoji" @select-custom="insertCustomEmoji" > - diff --git a/components/status/StatusActionButton.vue b/components/status/StatusActionButton.vue index 95987f15..5029671c 100644 --- a/components/status/StatusActionButton.vue +++ b/components/status/StatusActionButton.vue @@ -55,9 +55,10 @@ useCommand({ :hover=" !disabled ? hover : undefined" focus:outline-none :focus-visible="hover" - :class="active ? color : (disabled ? 'op25 pointer-events-none' : 'text-secondary')" + :class="active ? color : (disabled ? 'op25 cursor-not-allowed' : 'text-secondary')" :aria-label="content" :disabled="disabled" + :aria-disabled="disabled" >
{{ $t('state.edited') }}
-
·
+ -
+
diff --git a/components/status/StatusSpoiler.vue b/components/status/StatusSpoiler.vue index 1cb3fc25..d295b59e 100644 --- a/components/status/StatusSpoiler.vue +++ b/components/status/StatusSpoiler.vue @@ -30,7 +30,7 @@ function getToggleText() {
-