Add ARIA roles to the New Toot modal
This commit is contained in:
parent
6371ec5438
commit
f2037e2e90
|
@ -67,24 +67,24 @@
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div class="sensitive" v-show="attachedMedias.length > 0">
|
<div class="sensitive" v-show="attachedMedias.length > 0">
|
||||||
<el-button size="small" type="text" @click="changeSensitive" :title="$t('modals.new_toot.change_sensitive')">
|
<el-button size="small" type="text" @click="changeSensitive" :title="$t('modals.new_toot.change_sensitive')" :aria-pressed="sensitive">
|
||||||
<icon name="eye-slash" v-show="!sensitive"></icon>
|
<icon name="eye-slash" v-show="!sensitive"></icon>
|
||||||
<icon name="eye" v-show="sensitive"></icon>
|
<icon name="eye" v-show="sensitive"></icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-warning">
|
<div class="content-warning">
|
||||||
<el-button size="small" type="text" @click="showContentWarning = !showContentWarning" :title="$t('modals.new_toot.add_cw')" :class="showContentWarning? '' : 'clickable'">
|
<el-button size="small" type="text" @click="showContentWarning = !showContentWarning" :title="$t('modals.new_toot.add_cw')" :class="showContentWarning? '' : 'clickable'" :aria-pressed="showContentWarning">
|
||||||
<span class="cw-text">CW</span>
|
<span class="cw-text">CW</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="pined-hashtag">
|
<div class="pined-hashtag">
|
||||||
<el-button size="small" type="text" @click="pinedHashtag = !pinedHashtag" :title="$t('modals.new_toot.pined_hashtag')" :class="pinedHashtag? '' : 'clickable'">
|
<el-button size="small" type="text" @click="pinedHashtag = !pinedHashtag" :title="$t('modals.new_toot.pined_hashtag')" :class="pinedHashtag? '' : 'clickable'" :aria-pressed="pinedHashtag">
|
||||||
<icon name="hashtag"></icon>
|
<icon name="hashtag"></icon>
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<span class="text-count">{{ tootMax - status.length }}</span>
|
<span class="text-count">{{ tootMax - status.length }}</span>
|
||||||
<el-button class="toot-action" size="small" @click="closeConfirm(close)">{{ $t('modals.new_toot.cancel') }}</el-button>
|
<el-button class="toot-action" size="small" @click="closeConfirm(close)">{{ $t('modals.new_toot.cancel') }}</el-button>
|
||||||
<el-button class="toot-action" size="small" type="primary" @click="toot" v-loading="blockSubmit">{{ $t('modals.new_toot.toot') }}</el-button>
|
<el-button class="toot-action" size="small" type="primary" @click="toot" :loading="blockSubmit">{{ $t('modals.new_toot.toot') }}</el-button>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
Loading…
Reference in New Issue