feat(Picker): improve accessibility (#4521)

2019-09-21 07:26:58 +08:00
parent 3c210f8252
commit a1ac34bead
11 changed files with 690 additions and 760 deletions
@@ -165,16 +165,16 @@ export default createComponent({
    const Toolbar = this.showToolbar && (
      <div class={[BORDER_TOP_BOTTOM, bem('toolbar')]}>
        {this.slots() || [
-          <div role="button" tabindex="0" class={bem('cancel')} onClick={this.onCancel}>
+          <button class={bem('cancel')} onClick={this.onCancel}>
            {this.cancelButtonText || t('cancel')}
-          </div>,
+          </button>,
          this.slots('title') ||
            (this.title && (
              <div class={['van-ellipsis', bem('title')]}>{this.title}</div>
            )),
-          <div role="button" tabindex="0" class={bem('confirm')} onClick={this.onConfirm}>
+          <button class={bem('confirm')} onClick={this.onConfirm}>
            {this.confirmButtonText || t('confirm')}
-          </div>
+          </button>
        ]}
      </div>
    );