[improvement] NumberKeyboard: improve accessibility

This commit is contained in:
陈嘉涵
2019-05-25 16:33:35 +08:00
parent 2c275fd98b
commit 1821889f01
16 changed files with 85 additions and 81 deletions
+2 -2
View File
@@ -159,14 +159,14 @@ export default sfc({
const Toolbar = this.showToolbar && (
<div class={['van-hairline--top-bottom', bem('toolbar')]}>
{this.slots() || [
<div class={bem('cancel')} onClick={this.onCancel}>
<div role="button" tabindex="0" class={bem('cancel')} onClick={this.onCancel}>
{this.cancelButtonText || t('cancel')}
</div>,
this.slots('title') ||
(this.title && (
<div class={['van-ellipsis', bem('title')]}>{this.title}</div>
)),
<div class={bem('confirm')} onClick={this.onConfirm}>
<div role="button" tabindex="0" class={bem('confirm')} onClick={this.onConfirm}>
{this.confirmButtonText || t('confirm')}
</div>
]}
@@ -41,9 +41,9 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-picker">
<div class="van-hairline--top-bottom van-picker__toolbar">
<div class="van-picker__cancel">取消</div>
<div role="button" tabindex="0" class="van-picker__cancel">取消</div>
<div class="van-ellipsis van-picker__title">标题</div>
<div class="van-picker__confirm">确认</div>
<div role="button" tabindex="0" class="van-picker__confirm">确认</div>
</div>
<!---->
<div class="van-picker__columns" style="height: 220px;">
@@ -31,7 +31,7 @@ exports[`column watch default index 2`] = `
exports[`render title slot 1`] = `
<div class="van-picker">
<div class="van-hairline--top-bottom van-picker__toolbar">
<div class="van-picker__cancel">取消</div>Custom title<div class="van-picker__confirm">确认</div>
<div role="button" tabindex="0" class="van-picker__cancel">取消</div>Custom title<div role="button" tabindex="0" class="van-picker__confirm">确认</div>
</div>
<!---->
<div class="van-picker__columns" style="height: 220px;">