All the SVG icons need s focusable="false" attribute for IE11

[afercia]

See related issue / PR for Gutenberg

WordPress/gutenberg#1578
WordPress/gutenberg#2590

And following issues
WordPress/gutenberg#5247
WordPress/gutenberg#9269

In a few words:
IE 11 suffers from a bug where all SVG icons inside focusable elements default to focusable=”true”. As a consequence, both the wrapper focusable element and the inner SVG get focus and create a tab stop. To navigate with the keyboard through a button or a link which contain an SVG icon, there's the need to press Tab twice, which is something that should be definitely avoided.

As far as I see this would be a very quick change in TwentyNineteen_SVG_Icons::get_svg which already adds aria-hidden="true" role="img".

[kjellr]

@afercia This should be handled via #272. Would you mind testing that out to verify that this change removes that tab stop?

Thanks!

[afercia]

@kjellr it does fix it thanks! 🎉

[kjellr]

Awesome, thank you!