Skip to content

Accessibility for state and local government websites and mobile apps. Innovation-Challenge-December-2024

Notifications You must be signed in to change notification settings

LudwigAngel/GovAbleHackMicrosoft

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ GovAble - Innovation Challenge Microsoft ✨

Auditoría


📋 Objetivo del Proyecto

GovAble tiene como misión empoderar a los gobiernos para lograr una inclusión digital universal. Nuestra plataforma evalúa la accesibilidad web según los estándares WCAG 2.1, proporcionando resultados claros y prácticos para optimizar la experiencia de todos los usuarios, sin importar sus habilidades.


🚀 Funcionalidades Principales

  • Auditoría de Accesibilidad Web:
    Analiza sitios web ingresando una URL, mostrando un puntaje y áreas de mejora.
  • Resultados Detallados:
    Evalúa la conformidad con principios clave:
    • Perceptible ✅
    • Operable ⚠️
    • Comprensible ❌
    • Robusto ✅
  • Reporte Descargable:
    Exporta los resultados en un archivo .txt.
  • Reiniciar Auditoría:
    Permite realizar una nueva auditoría de manera sencilla.

🎯 Cómo Ejecutar el Proyecto

  1. Clona el repositorio:
    En tu terminal ejecuta:

    git clone https://github.com/LudwigAngel/GovAbleHackMicrosoft.git
    cd GovAbleHackMicrosoft
  2. Instala las dependencias:
    Asegúrate de tener Node.js y npm instalados. Luego ejecuta:

    npm install
  3. Ejecuta el proyecto en local:

    npm start
  4. Visualiza la aplicación:
    Abre tu navegador y dirígete a:

    http://localhost:3000
    

💻 Tecnologías Utilizadas

  • Frontend: React.js con Material UI
  • Estilización: CSS personalizado + Material UI
  • Estado: Hooks de React (useState)
  • Funcionalidad: JavaScript (para lógica de simulación y descarga de reportes)

📄 Estructura del Proyecto

GovAbleHackMicrosoft/mi-app
│-- src/
│   ├── img/                # Imágenes del proyecto
│   ├── components/         # Componentes reutilizables
│   ├── HomePage.js         # Página principal
│   ├── App.js              # Componente raíz
│   ├── index.js            # Punto de entrada
│   └── styles/             # Estilos CSS
│
│-- package.json            # Configuración de dependencias
│-- README.md               # Este archivo :)

📸 Capturas de Pantalla

Sección de Auditoría

Auditoría

Resultados de Accesibilidad

Accesibilidad


💡 Sobre el Innovation Challenge de Microsoft

Este proyecto ha sido desarrollado como parte del Innovation Challenge de Microsoft para fomentar soluciones tecnológicas innovadoras que promuevan la inclusión y accesibilidad.


🛏♥️ Equipo


🔗 Repositorio en GitHub

Encuentra el código fuente aquí: GovAbleHackMicrosoft


💾 Descarga y Prueba

¡Sigue los pasos y prueba GovAble! 🚀
Tu retroalimentación es bienvenida. 🎉


¡Gracias por evaluar nuestro proyecto! 🙌

About

Accessibility for state and local government websites and mobile apps. Innovation-Challenge-December-2024

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published