From 8cd2efe354f5fcf26d4c98d9b8f222c0fcbef8c0 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Fri, 20 Sep 2019 20:23:52 +0800
Subject: [PATCH] feat(GridItem): improve accessbility (#4517)

---
 src/grid-item/index.js                        | 2 ++
 src/grid/test/__snapshots__/demo.spec.js.snap | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index c489b6d4d..0f3930e14 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -85,6 +85,8 @@ export default createComponent({
       <div class={[bem({ square })]} style={this.style} onClick={this.onClick}>
         <div
           style={this.contentStyle}
+          role={clickable ? 'button' : null}
+          tabindex={clickable ? 0 : null}
           class={[
             bem('content', {
               center,
diff --git a/src/grid/test/__snapshots__/demo.spec.js.snap b/src/grid/test/__snapshots__/demo.spec.js.snap
index 915c02518..69390c9b1 100644
--- a/src/grid/test/__snapshots__/demo.spec.js.snap
+++ b/src/grid/test/__snapshots__/demo.spec.js.snap
@@ -153,11 +153,11 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-grid van-hairline--top">
       <div class="van-grid-item" style="flex-basis: 50%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
+        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
             <!----></i><span class="van-grid-item__text">路由跳转</span></div>
       </div>
       <div class="van-grid-item" style="flex-basis: 50%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
+        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
             <!----></i><span class="van-grid-item__text">URL 跳转</span></div>
       </div>
     </div>