diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js index 17350998994fc3db1af48ea68bc3d970c7ca0546..65066d542a2b2fafeb3f3e1fe116322fce7a2f76 100644 --- a/src/components/post_status_form/post_status_form.js +++ b/src/components/post_status_form/post_status_form.js @@ -162,6 +162,7 @@ const PostStatusForm = { } return { + randomSeed: `${Math.random()}`.replace('.', '-'), dropFiles: [], uploadingFiles: false, error: null, diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index e06b88b2eb0ea83767ea056863f812864d072e97..0d79388544b1e3365668d745c32c9ccdb21636a2 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -135,6 +135,7 @@ class="reply-or-quote-option" tabindex="0" role="radio" + :aria-labelledby="`reply-or-quote-option-${randomSeed}-reply`" :aria-checked="!newStatus.quoting" @click="newStatus.quoting = false" > @@ -143,13 +144,16 @@ :checked="!newStatus.quoting" > <label class="reply-or-quote-option-text"> - {{ $t('post_status.reply_option') }} + <span :id="`reply-or-quote-option-${randomSeed}-reply`"> + {{ $t('post_status.reply_option') }} + </span> </label> </div> <div class="reply-or-quote-option" tabindex="0" role="radio" + :aria-labelledby="`reply-or-quote-option-${randomSeed}-quote`" :aria-checked="newStatus.quoting" @click="newStatus.quoting = true" > @@ -158,7 +162,9 @@ :checked="newStatus.quoting" > <label class="reply-or-quote-option-text"> - {{ $t('post_status.quote_option') }} + <span :id="`reply-or-quote-option-${randomSeed}-quote`"> + {{ $t('post_status.quote_option') }} + </span> </label> </div> </div>