Skip to content

Audio Support

Enable audio playback of the captcha code for screen readers. Click refresh to hear the code.

Audio enabled (click refresh to hear)

vue
<script setup>
import { ref } from 'vue'
import { VueClientRecaptcha } from 'vue-client-recaptcha'
import 'vue-client-recaptcha/dist/vue-client-recaptcha.css'

const audioInput = ref('')
const audioValid = ref(false)
</script>

<template>
  <input v-model="audioInput" placeholder="Enter captcha" />
  <VueClientRecaptcha
    v-model="audioInput"
    v-model:valid="audioValid"
    :audio-enabled="true"
  />
  <p :class="{ valid: audioValid }">Audio enabled (click refresh to hear)</p>
</template>