- [Html]
- [Css]
- [JavaScript]
- [SpeechSynthesisUtterance]
-
Barra de accesibilidad realizada para mejorar los niveles de accesibilidad en los portales web, la cual fue diseñada con css y javascript y que permite las siguientes funcionalidades:
- Aumentar tamaño de letra
- Disminuir tamaño de letra
- Aplicar fuente para dislexicos
- Aplicar tono gris
- Aumentar tamaño de cursor
- Aplicar contraste
- Aumentar espaciado de letras
- Resaltar enlaces
- Traductor de Google
- Resetear cambios
- Aumentar tamaño de letra
# Clonar o descargar el repositorio
$ git clone https://github.com/LuisC73/ScreenReader.git
# Cambiar nombre de carpeta a ScreenReaderV3
# Pegar la carpeta en Style Library
// Pegar script
<script src="/Style Library/ScreenReaderV3/main.js" type="module"></script>
//Traductor, se deben implementar estos scripts para funcionamiento del traductor
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{
pageLanguage: "es",
includedLanguages: "en,es,pt,ja,it",
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false,
},
"google_translate_element"
);
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" defer></script>
/* Pegar Hoja de estilos */
<link rel="stylesheet" href="/Style Library/ScreenReaderV3/Assets/styles/style.css">
<div id="google_translate_element"></div>
- Luis Miguel Castro