Add tabIndex to make tooltip examples keyboard accessible (#4157)

jessiehuff · web-flow · commit 154ebc6a96ba · 2020-04-30T13:28:09.000-04:00
diff --git a/packages/react-core/src/components/Tooltip/examples/Tooltip.md b/packages/react-core/src/components/Tooltip/examples/Tooltip.md
@@ -21,7 +21,7 @@ BasicTooltip = () => (
       <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.</div>
     }
   >
-    <span>I have a tooltip!</span>
+    <span tabIndex="0">I have a tooltip!</span>
   </Tooltip>
 )
 ```
@@ -37,7 +37,7 @@ LeftAlignedTooltip = () => (
       <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.</div>
     }
   >
-    <span>I have a tooltip!</span>
+    <span tabIndex="0">I have a tooltip!</span>
   </Tooltip>
 )
 ```

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ BasicTooltip = () => (`
`21`	`21`	`<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.</div>`
`22`	`22`	`}`
`23`	`23`	`>`
`24`		`- <span>I have a tooltip!</span>`
	`24`	`+ <span tabIndex="0">I have a tooltip!</span>`
`25`	`25`	`</Tooltip>`
`26`	`26`	`)`
`27`	`27`	```
`@@ -37,7 +37,7 @@ LeftAlignedTooltip = () => (`
`37`	`37`	`<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.</div>`
`38`	`38`	`}`
`39`	`39`	`>`
`40`		`- <span>I have a tooltip!</span>`
	`40`	`+ <span tabIndex="0">I have a tooltip!</span>`
`41`	`41`	`</Tooltip>`
`42`	`42`	`)`
`43`	`43`	```