SUPERPEPUCHA

Accesibilidad

Conformes a nuestro compromiso social, Super Pepucha apuesta por favorecer la accesibilidad de nuestro sitio (url web) a todas las personas, independientemente de su condición física o intelectual. Por ello, el portal del grupo se ha diseñado siguiendo las Pautas Internacionales de Accesibilidad para el Contenido Web WCAG 2.1 del Consorcio para la Word Wide Web (W3C) en su nivel AA (Doble-A):

  • Algunos componentes que se utilizan para indicar visualmente elementos seleccionados (pestañas seleccionadas, página seleccionada en paginaciones, etc.) cuando se navega utilizando alto contraste, solo se visualizan en el navegador Edge (si se navega utilizando alto contraste en Chrome y Firefox no se visualiza debido a características específicas de los componentes y estos navegadores).
  • De forma muy puntual, se producen solapamientos de algunos contenidos al aumentar el tamaño del texto al 200%

Medidas adoptadas

Separación de contenido y presentación

  • Se utilizan hojas de estilo (CSS) para presentar la información y código HTML para una estructuración válida de contenidos.
    Los elementos visuales del sitio web como la tipografía, el color y fondo se definen en las hojas de estilos para que se pueda ajustar el contenido con base en sus preferencias.

Aumento y disminución del tamaño del texto

El tamaño de letra se ha definido en unidades relativas para que se pueda ampliar o disminuir su tamaño desde las opciones del navegador o mediante la opción «Accesibilidad» disponible en la web, que permite, entre otras:

  • Aumentar texto
  • Disminuir texto
  • Escala de grises
  • Alto contraste
  • Contraste negativo
  • Fondo claro
  • Subrayar enlaces
  • Fuente legible
  • Restablecer las preferencias
  • Visitar el mapa del sitio

Jerarquización del contenido

  • La arquitectura de contenidos se ha definido siguiendo las pautas del W3C, ofreciendo siempre el marcado adecuado para cada tipo de contenido.
  • El usuario podrá leer perfectamente la información con un lector de pantalla. Bajo este objetivo, se han definido, mediante el código HTML, los encabezados de sección, las listas y todos los elementos que ayudan a la comprensión general del sitio web.

Contraste

  • Basándonos en la imagen corporativa de Super Pepucha, se han definido y contrastado la tipografía y los colores utilizados de este portal, asegurando que la información se presenta de modo claro con independencia de dichas condiciones.
  • El sitio web está diseñado para que los usuarios puedan realizar una navegación en alto contraste que permite distinguir los menús, enlaces, imágenes y contenido general.
  • Gracias al botón «Accesibilidad» podemos mejorar el contraste en elementos no textuales.

Funcionalidad y navegación accesible mediante el teclado

  • El sitio es accesible y funcional a través de teclado del ordenador, mediante el uso del tabulador es posible posicionarse en cualquier elemento presente en las distintas páginas.
  • El usuario podrá situarse en elemento seleccionado y haciendo «Enter» en su teclado podrá realizar la misma acción que si hiciera clic con el botón izquierdo del ratón.

Enlaces

  • La mayoría de los enlaces se han configurado con base en su destino, facilitando al usuario los mecanismos precisos que favorezcan la información y la buena navegabilidad a través del sitio web.

Formularios

  • Los campos del formulario de contacto y de empleo se han diseñado de forma que la navegabilidad a través de los campos siga siempre un orden lógico de tabulación.
  • Se han dispuesto las etiquetas pertinentes que faciliten la comprensión de los datos.

Visualización de los contenidos en distintos tipos de navegadores

  • Si el usuario entra en el sitio web a través de un navegador que no soporta CSS, el marcado utilizado permite una correcta visualización de todos los contenidos.

Tecnologías utilizadas en el desarrollo web

  • Cumplimiento de las normas de accesibilidad del WCAG (Web Content Accessibility Guidelines) del W3C (World Wide Web Consortium), en su nivel intermedio (AA). Pautas de Contenido Accesible en Web 2.1.
  • La presentación se basa en la Recomendación del W3C sobre las Hojas de Estilo en Cascada, versión CSS3.
  • Empleamos el estándar recomendado en empleo de código HTML5, beneficiándonos de las nuevas actualizaciones que incluye esta versión, tales como un etiquetado más semántico, sintaxis flexible, nuevas etiquetas que facilitan la comprensión de formularios.

Excepciones

Para el caso de los formularios, incluidos en la sección de contacto, se utiliza la tecnología ReCaptcha (Google Inc.) para prevenir cualquier problema futuro de «spam» que pudiera darse. Pero en este caso, hay un error con el «textarea» que se está utilizando y al cual no tenemos acceso al ser un proveedor de terceros. Error que se utilizaría definiendo el «aria-labelledby» pertinente.

Observaciones y datos de contacto

Si has visto algún contenido de este portal que no sea accesible, o bien te surja alguna pregunta o sugerencia en lo relativo a la accesibilidad, no dudes en contactar con nosotros, estaremos agradecidos de poder ofrecer una buena experiencia de accesibilidad en nuestro sitio

Scroll al inicio
Ir al contenido