More Accessible Google Translate

index.html

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
        

more-accessible-google-translate.markdown

More Accessible Google Translate

A smidge of Jquery that inserts appropriate alt tags into the Google Translate widget, moving it toward WCAG AA compatibility.

A Pen by michaelphilipsmith on CodePen.

License.

script.js

window.onload = function() {
	jQuery('div#google_translate_element div.goog-te-gadget div.goog-te-gadget-simple > img.goog-te-gadget-icon').attr('alt', 'Google Icon');
	jQuery('div#google_translate_element div.goog-te-gadget div.goog-te-gadget-simple span a.goog-te-menu-value > img').attr('alt', 'Invisible image used as a spacer');
};

scripts

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>