fix(checkbox): add focusable=false to svg for a11y (#375)

Author: Matt Goo

packages/checkbox/index.js

@@ -150,7 +150,9 @@ export class Checkbox extends Component {
         />
         <div className='mdc-checkbox__background'>
           <svg className='mdc-checkbox__checkmark'
-              viewBox='0 0 24 24'>
+              viewBox='0 0 24 24'
+              focusable='false'
+          >
             <path className='mdc-checkbox__checkmark-path'
                   fill='none'
                   d='M1.73,12.91 8.1,19.28 22.79,4.59'/>

packages/chips/ChipCheckmark.js

@@ -38,7 +38,7 @@ export default class ChipCheckmark extends Component {
   render() {
     return (
       <div className='mdc-chip__checkmark' ref={this.init}>
-        <svg className='mdc-chip__checkmark-svg' viewBox='-2 -3 30 30'>
+        <svg className='mdc-chip__checkmark-svg' viewBox='-2 -3 30 30' focusable='false'>
           <path
             className='mdc-chip__checkmark-path'
             fill='none'

packages/notched-outline/index.js

@@ -102,7 +102,7 @@ export default class NotchedOutline extends React.Component {
         className={this.classes}
         key='notched-outline'
         ref={this.outlineElement_}>
-        <svg>
+        <svg focusable='false'>
           <path ref={this.pathElement_}
             className='mdc-notched-outline__path' />
         </svg>