Skip to content

Instantly share code, notes, and snippets.

@rajsonu315

rajsonu315/index.html

Created November 5, 2020 09:55
Show Gist options
  • Save rajsonu315/568994d5eb734fa0b3d47bbfff9c4598 to your computer and use it in GitHub Desktop.
Save rajsonu315/568994d5eb734fa0b3d47bbfff9c4598 to your computer and use it in GitHub Desktop.
Download ZIP
More Accessible Google Translate
Raw
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>
Raw
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.

Raw
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');
};
Raw
scripts
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment