https://github.com/E7OY/learn-to-code

Repositorio para la práctica de accesibilidad de DIW
https://github.com/E7OY/learn-to-code

bootstrap5 css3 html5 vercel

Last synced: 6 months ago
JSON representation

Repositorio para la práctica de accesibilidad de DIW

• Host: GitHub
• URL: https://github.com/E7OY/learn-to-code
• Owner: E7OY
• Created: 2025-02-17T11:25:38.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-07T17:19:32.000Z (over 1 year ago)
• Last Synced: 2025-03-07T18:24:04.943Z (over 1 year ago)
• Topics: bootstrap5, css3, html5, vercel
• Language: HTML
• Homepage: https://learn-to-code-snowy.vercel.app/
• Size: 15.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Learn to Code

Learn to Code es una plataforma en línea dedicada a la venta de cursos de programación. Nuestra misión es ofrecer recursos educativos accesibles y de calidad para ayudar a personas de todos los niveles a mejorar sus habilidades en desarrollo de software. Desde principiantes hasta expertos, Learn to Code proporciona una amplia variedad de cursos en diferentes lenguajes y tecnologías.

## Descripción

Este proyecto tiene como objetivo aplicar los conocimientos adquiridos sobre accesibilidad web en el desarrollo de una interfaz. Se han implementado diversas técnicas y recomendaciones para garantizar que el sitio web sea usable por la mayor cantidad de personas posible, incluyendo aquellas con discapacidades.

## Estructura del proyecto

La estructura del proyecto es la siguiente:

*   `.github/workflows`: Contiene el workflow de GitHub Actions para la publicación en GitHub Pages.

*   `documentacion/`: Contiene la documentación del proyecto.

*   `web/`: Contiene los archivos web del proyecto.

    *   `html/`: Contiene los archivos HTML.

        *   `contact.html`: Página de contacto.

        *   `course_list.html`: Página con el listado de cursos.

        *   `course.html`: Página de detalle de un curso.

        *   `login.html`: Página de inicio de sesión.

    *   `img/`: Contiene las imágenes del proyecto.

    *   `scripts/`: Contiene los archivos JavaScript.

        *   `app.js`: Archivo principal de JavaScript.

    *   `styles/`: Contiene los archivos CSS.

        *   `styles.css`: Archivo principal de estilos.

*   `index.html`: Página principal del sitio web.

*   `README.md`: Este archivo.

## Tecnologías utilizadas

*   HTML5

*   CSS3

*   Bootstrap 5

*   JavaScript

## Funcionalidades implementadas

*   **Navegación accesible:** Se ha implementado una navegación clara y fácil de usar, con menús desplegables y enlaces descriptivos.

*   **Contenido semántico:** Se han utilizado etiquetas HTML5 semánticas para estructurar el contenido de manera lógica y facilitar la interpretación por parte de los lectores de pantalla.

*   **Imágenes con texto alternativo:** Todas las imágenes incluyen un atributo `alt` con una descripción concisa del contenido visual.

*   **Contraste de color adecuado:** Se han elegido combinaciones de colores que garantizan un contraste suficiente entre el texto y el fondo.

*   **Formularios accesibles:** Los formularios incluyen etiquetas descriptivas y se han implementado validaciones para facilitar la cumplimentación.

*   **Compatibilidad con lectores de pantalla:** Se han utilizado atributos ARIA para mejorar la compatibilidad con lectores de pantalla.

*   **Diseño responsive:** El sitio web se adapta a diferentes tamaños de pantalla, garantizando una experiencia de usuario óptima en dispositivos móviles y de escritorio.

## Instalación

1.  Clonar el repositorio:

    ```bash

    git clone https://github.com/tu-usuario/PracticaAccesibilidad.git

    ```

2.  Abrir el archivo `index.html` en un navegador web.

## Contribución

Las contribuciones son bienvenidas. Si encuentras algún problema o tienes alguna sugerencia, por favor, abre un *issue* o envía un *pull request*.