×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: Gary Peach
Added: Jun 21, 2016 8:03 PM
Modified: Aug 13, 2017 6:36 PM
Views: 12
if font awesome icon in an a tag generates an empty link in wave, here is an aria workaround. uses cog icon with a description of settings. source is: https://github.com/FortAwesome/Font-Awesome/issues/6133
  1. <i class="fa fa-cog" aria-hidden="true">
  2.     <span class="sr-only">Settings</span>
  3. </i>
  4.  
  5. .sr-only {
  6.   position: absolute;
  7.   width: 1px;
  8.   height: 1px;
  9.   padding: 0;
  10.   margin: -1px;
  11.   overflow: hidden;
  12.   clip: rect(0,0,0,0);
  13.   border: 0;
  14. }