feat(a11y): aria announcer (#443)

composables/aria/index.ts

@@ -0,0 +1,60 @@
+import type { AriaAnnounceType } from '~/composables/aria/types'
+
+const ariaAnnouncer = useEventBus<AriaAnnounceType, string | undefined>(Symbol('aria-announcer'))
+
+export const useAriaAnnouncer = () => {
+  const announce = (message: string) => {
+    ariaAnnouncer.emit('announce', message)
+  }
+
+  const mute = () => {
+    ariaAnnouncer.emit('mute')
+  }
+
+  const unmute = () => {
+    ariaAnnouncer.emit('unmute')
+  }
+
+  return { announce, ariaAnnouncer, mute, unmute }
+}
+
+export const useAriaLog = () => {
+  let logs = $ref<any[]>([])
+
+  const announceLogs = (messages: any[]) => {
+    logs = messages
+  }
+
+  const appendLogs = (messages: any[]) => {
+    logs = logs.concat(messages)
+  }
+
+  const clearLogs = () => {
+    logs = []
+  }
+
+  return {
+    announceLogs,
+    appendLogs,
+    clearLogs,
+    logs,
+  }
+}
+
+export const useAriaStatus = () => {
+  let status = $ref<any>('')
+
+  const announceStatus = (message: any) => {
+    status = message
+  }
+
+  const clearStatus = () => {
+    status = ''
+  }
+
+  return {
+    announceStatus,
+    clearStatus,
+    status,
+  }
+}

composables/aria/types.ts

@@ -0,0 +1,2 @@
+export type AriaLive = 'off' | 'polite' | 'assertive'
+export type AriaAnnounceType = 'announce' | 'mute' | 'unmute'