Nuestro Compromiso con la Accesibilidad Web

En "El Taller del Gaucho", entendemos que el acceso a la información y a los servicios es un derecho fundamental para todos. Por ello, hemos dedicado esfuerzos significativos para asegurar que nuestro sitio web sea usable y comprensible para la mayor cantidad de personas posible, independientemente de sus capacidades o las tecnologías que utilicen. Creemos firmemente que un sitio web accesible es un sitio web mejor para todos.

Estándares y Directrices

Nuestro compromiso con la accesibilidad se basa en la adopción de las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 , buscando cumplir con el Nivel AA. Estas pautas son un conjunto de recomendaciones internacionales para hacer que el contenido web sea más accesible para personas con discapacidades. Al adherirnos a estas directrices, nos esforzamos por garantizar que nuestro sitio web sea:

  • Perceptible: La información y los componentes de la interfaz de usuario deben ser presentables a los usuarios de maneras que puedan percibir. Esto significa que el contenido no debe ser invisible para todos los sentidos.
  • Operable: Los componentes de la interfaz de usuario y la navegación deben ser operables. Esto implica que los usuarios deben poder interactuar con los controles y la navegación de manera fluida.
  • Comprensible: La información y el manejo de la interfaz de usuario deben ser comprensibles. El contenido debe ser legible y el comportamiento del sitio predecible.
  • Robusto: El contenido debe ser lo suficientemente robusto como para que pueda ser interpretado de forma fiable por una amplia variedad de agentes de usuario, incluidas las tecnologías de asistencia.

Implementaciones Clave para la Accesibilidad

Hemos implementado diversas características y prácticas de diseño para mejorar la experiencia de accesibilidad:

Uso de HTML Semántico

Empleamos etiquetas HTML semánticas de manera consistente. Esto significa que utilizamos etiquetas como `

`, `

Diagrama que ilustra la estructura semántica de una página web con encabezados, navegación y contenido principal claramente definidos.

Navegación por Teclado Completa

Todas las funcionalidades interactivas de nuestro sitio web son completamente accesibles utilizando ünicamente el teclado. Los usuarios pueden navegar a través de todos los enlaces, botones, campos de formulario y otros elementos interactivos utilizando la tecla `Tab` y `Shift+Tab`, y activar elementos seleccionados con la tecla `Enter` o `Espacio`. Hemos asegurado que el "foco" visual sea claramente visible para que los usuarios sepan dónde se encuentran en la página en todo momento.

Ilustración de un teclado con la tecla Tab resaltada, indicando su uso para navegar por elementos en una interfaz web.

Roles y Atributos ARIA

Para complementar la semántica nativa del HTML y para mejorar la accesibilidad de componentes dinámicos o complejos, utilizamos roles y atributos ARIA (Accessible Rich Internet Applications) cuando es apropiado. Por ejemplo, en componentes interactivos que no tienen una contraparte semántica nativa clara, ARIA nos ayuda a comunicar su rol, estado y propiedades a las tecnologías de asistencia.

Ejemplo de código HTML con atributos ARIA como role='button' y aria-label='Cerrar ventana' para mejorar la accesibilidad.

Contraste de Color Adecuado

Hemos prestado especial atención al contraste entre el color del texto y el color de fondo. Siguiendo las recomendaciones de WCAG AA, nos aseguramos de que el texto sea fácilmente legible, incluso para personas con baja visión o daltonismo. Nuestros esquemas de color han sido validados para cumplir con los ratios de contraste requeridos, proporcionando una experiencia visual cómoda y clara.

Gráfico comparativo de diferentes ratios de contraste de color, mostrando ejemplos de contraste alto y bajo.

Texto Alternativo Significativo para Imágenes

Cada imagen en nuestro sitio web tiene un atributo `alt` que proporciona una descripción textual equivalente. Este texto es leído por los lectores de pantalla para las personas que no pueden ver las imágenes, permitiéndoles comprender el contenido visual. Si una imagen es puramente decorativa, se utiliza un `alt` vacío (`alt=""`) para que los lectores de pantalla la ignoren.

Ejemplo de una imagen de un motor de coche siendo reparado, con su correspondiente texto alternativo descriptivo.

Diseño Responsivo y Adaptable

Nuestro sitio web está diseñado para adaptarse fluidamente a cualquier tamaño de pantalla, desde teléfonos móviles hasta monitores de escritorio grandes. Esto no solo mejora la experiencia del usuario en general, sino que también beneficia a las personas que utilizan lectores de pantalla ampliados o que necesitan ajustar el tamaño del texto. La disposición y el contenido se reorganizan de manera inteligente para mantener la legibilidad y la facilidad de uso en todos los dispositivos.

Demostración visual de cómo se ve un sitio web responsivo en diferentes dispositivos: móvil, tablet y escritorio.

Estructura de Encabezados Clara

Los encabezados (`

`, `

`, `

`, etc.) se utilizan de manera jerárquica y lógica para organizar el contenido de la página. Esto ayuda a los usuarios, especialmente a aquellos que navegan con lectores de pantalla, a comprender la estructura del documento y a saltar rápidamente a las secciones de interés.

Representación visual de una estructura de encabezados anidada, mostrando la jerarquía de H1 a H3.

Formularios Accesibles

Todos los campos de nuestros formularios están asociados correctamente con sus etiquetas (`

Ejemplo de un formulario de contacto con etiquetas claras asociadas a cada campo de entrada.

Testimonios de Accesibilidad

"Como usuario de lector de pantalla, la navegación en 'El Taller del Gaucho' ha sido excepcionalmente fluida. La estructura semántica y los textos alternativos en las imágenes me permiten comprender completamente la información y los servicios que ofrecen. ¡Un excelente ejemplo de accesibilidad!"

— Ana Rodríguez, Entusiasta de la Accesibilidad Digital

"Mi visión es limitada, y encontrar talleres con sitios web claros y contrastados es un desafío. El diseño de 'El Taller del Gaucho' es muy amigable, el texto es legible y puedo navegar sin problemas usando el teclado. Recomiendo sus servicios por su profesionalismo y su compromiso con la inclusión."

— Carlos Gómez, Propietario de Vehículo

Nuestro Compromiso Continuo

La accesibilidad web es un viaje continuo, no un destino final. En "El Taller del Gaucho", estamos comprometidos a revisar y mejorar constantemente nuestro sitio web para asegurarnos de que permanezca accesible para todos. Realizamos auditorías regulares, probamos con tecnologías de asistencia y valoramos sus comentarios para identificar áreas de mejora.

Si encuentra alguna barrera de accesibilidad en nuestro sitio web, o si tiene alguna sugerencia para mejorarla, por favor no dude en ponerse en contacto con nosotros. Su feedback es invaluable y nos ayuda a servir mejor a toda nuestra comunidad.

Contacto para consultas de accesibilidad:

Nombre del Responsable de Accesibilidad: Ing. Sofía Morales

Correo Electrónico: sofia.morales.accesibilidad@eltallerdelgaucho.com.ar

Teléfono: 0308 631-0327 (Ext. 7)

Agradecemos su visita y su interés en nuestro compromiso con la accesibilidad.