https://github.com/luisc73/screenreader-sharepoint

Barra de accesibilidad diseñada con CSS y JavaScript para los diversos municipios alojados en SharePoint.
https://github.com/luisc73/screenreader-sharepoint

accesibilidad css javascript project screenreader sessionstorage sharepoint translate-api

Last synced: 11 months ago
JSON representation

Barra de accesibilidad diseñada con CSS y JavaScript para los diversos municipios alojados en SharePoint.

• Host: GitHub
• URL: https://github.com/luisc73/screenreader-sharepoint
• Owner: LuisC73
• Created: 2022-08-22T14:21:35.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-19T19:18:15.000Z (almost 3 years ago)
• Last Synced: 2025-01-31T14:27:03.405Z (about 1 year ago)
• Topics: accesibilidad, css, javascript, project, screenreader, sessionstorage, sharepoint, translate-api
• Language: JavaScript
• Homepage:
• Size: 2.52 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

💻 ScreenReader ✌


![barra](https://user-images.githubusercontent.com/80079884/215129994-e49931a3-8b85-48f2-8f14-f13f64deb15e.gif)

### Herramientas Utilizadas

- [Html]

- [Css]

- [JavaScript]

- [SpeechSynthesisUtterance]

### Sobre el proyecto

- 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

## Como instalarlo

```bash

# 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

```

```javascript

// Pegar script 

//Traductor, se deben implementar estos scripts para funcionamiento del traductor

  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"

    );

  }

```

```css

/* Pegar Hoja de estilos */

```

```html



```

## Autor

* Luis Miguel Castro