Esta guía describe cómo está organizado el sitio web https://suarezmenes.com/, de Comercial Suárez Menes C.B., y los medios de que dispone para moverse por él de forma sencilla, tanto con ratón como con teclado, dispositivos táctiles o productos de apoyo como lectores de pantalla.
Estructura de las páginas
Todas las páginas del sitio comparten la misma estructura, de arriba abajo: cabecera, contenido principal y pie de página.
Cabecera
En la parte superior de todas las páginas se encuentra la cabecera, con los siguientes elementos:
- Logotipo de Comercial Suárez Menes, situado a la izquierda. Al pulsar sobre él se vuelve a la página de inicio desde cualquier punto del sitio.
- Menú de navegación principal, a la derecha del logotipo, con acceso a los apartados del sitio (se describe en el siguiente apartado). En pantallas de tablet y móvil el menú se recoge en un botón con el icono de tres líneas horizontales, situado en la esquina superior derecha; al pulsarlo se despliega la lista de enlaces y al volver a pulsarlo se cierra.
- Selector de idioma, con las banderas de español e inglés, que permite ver una traducción automática del sitio (visible en pantallas de escritorio).
- Botón de WhatsApp «669 65 02 00», que abre una conversación de WhatsApp con la empresa en una ventana nueva.
- Botón de teléfono «985 53 33 36», que en móviles inicia una llamada y en ordenadores abre la aplicación de llamadas si está configurada.
Contenido principal
Debajo de la cabecera se muestra el contenido propio de cada página. Cada página tiene un único título principal (encabezado de nivel 1) y los apartados se organizan con encabezados de nivel 2 y 3, de forma que se puede saltar de un apartado a otro con las teclas de navegación por encabezados de los lectores de pantalla.
Pie de página
En la parte inferior de todas las páginas se encuentra el pie de página, con:
- Una breve presentación de la empresa.
- Un bloque de enlaces de navegación a las páginas principales: Inicio, Empresa, Productos y soluciones y Contacto.
- Un bloque de enlaces legales y de accesibilidad: Política de privacidad, Aviso legal, Política de cookies, Accesibilidad (declaración de accesibilidad), Guía de accesibilidad (esta página) y Mapa del sitio.
- El aviso de derechos de autor.
Menú de navegación
El menú de navegación principal contiene los siguientes enlaces:
- Inicio. Página de inicio del sitio, con una presentación de la empresa, los sectores con los que trabajamos y los motivos para elegirnos como proveedor.
- Empresa. Quiénes somos, nuestra historia desde 1998 y cómo trabajamos, con una galería de imágenes.
- Productos y soluciones. Resumen de todas las familias de producto. Este enlace tiene un submenú desplegable con seis páginas:
- Herramientas y suministros para profesionales y particulares.
- Pintura para carrocería.
- Pintura industrial.
- Mezcla de color para pintura.
- Pintura decorativa.
- Suministros para talleres.
- Contacto. Datos de contacto (dirección, teléfonos, horario), un mapa con la ubicación de la tienda y los botones de llamada y WhatsApp.
El apartado en el que se encuentra el usuario se muestra en el menú con un color distinto y subrayado.
Páginas del sitio
El sitio se compone de las siguientes páginas, todas ellas accesibles desde el menú, el pie de página o el mapa del sitio:
- Inicio
- Empresa
- Productos y soluciones
- Herramientas y suministros para profesionales y particulares
- Pintura para carrocería
- Pintura industrial
- Mezcla de color para pintura
- Pintura decorativa
- Suministros para talleres
- Contacto
- Política de privacidad
- Aviso legal
- Política de cookies
- Accesibilidad (declaración de accesibilidad)
- Guía de accesibilidad (esta página)
- Mapa del sitio
Navegación con el teclado
Todo el sitio puede recorrerse sin ratón:
- Tabulador (Tab) avanza al siguiente elemento interactivo (enlace, botón o control) y Mayúsculas + Tab retrocede al anterior. El elemento que tiene el foco se muestra con un recuadro visible.
- Intro (Enter) activa el enlace o botón que tiene el foco. En el menú, el submenú de «Productos y soluciones» también se puede recorrer con el tabulador.
- Enlace «Ir al contenido»: es el primer elemento que recibe el foco al pulsar Tab en cualquier página. Está oculto visualmente hasta que recibe el foco y permite saltar directamente al contenido principal sin recorrer la cabecera y el menú.
- Carrusel de imágenes de la página de inicio: las flechas de imagen anterior y siguiente y los seis puntos que llevan a cada imagen son accesibles con el tabulador y se activan con Intro o la barra espaciadora.
Ajustes del navegador y productos de apoyo
- Aumentar el tamaño del texto o de la página. El sitio se adapta a cualquier nivel de ampliación. En Windows y Linux, pulse Ctrl y + para ampliar, Ctrl y − para reducir y Ctrl y 0 para volver al tamaño original. En Mac, utilice la tecla Cmd en lugar de Ctrl. En móviles y tablets puede ampliar con el gesto de pellizco.
- Lectores de pantalla. El sitio es compatible con los lectores de pantalla más habituales: NVDA y JAWS (Windows), VoiceOver (Mac, iPhone y iPad), TalkBack (Android) y Narrador (Windows). Las páginas tienen el idioma declarado (español), encabezados jerárquicos, regiones de cabecera, navegación y pie, y todas las imágenes con contenido informativo tienen una alternativa textual.
- Alto contraste y modo de lectura. Los textos y controles mantienen una relación de contraste mínima de 4,5:1 sobre su fondo. Además, el sitio funciona con los modos de alto contraste del sistema operativo y con los modos de lectura de los navegadores.
- Traducción. El selector de idioma de la cabecera ofrece una traducción automática al inglés. Los navegadores también permiten traducir la página a otros idiomas desde su menú contextual.
Características de accesibilidad del contenido
- Los enlaces tienen textos descriptivos que indican su destino, y los que abren una ventana nueva (WhatsApp y el mapa de Google) lo hacen sin afectar a la navegación del sitio.
- Los botones, enlaces y controles tienen un área interactiva de al menos 24 × 24 píxeles, lo que facilita su uso en pantallas táctiles y a personas con dificultades de movilidad.
- El contenido se adapta a cualquier tamaño de pantalla (diseño adaptable) y puede leerse sin desplazamiento horizontal.
- No se utilizan contenidos que parpadeen ni destellos. El carrusel de la página de inicio es solo de imágenes decorativas y puede controlarse manualmente con sus flechas y puntos.
- El mapa de la página de Contacto es un contenido de Google Maps; la dirección se ofrece también en texto, junto al mapa, para quienes no puedan utilizarlo.
Cookies
Al entrar por primera vez en el sitio se muestra un aviso de cookies en la parte inferior de la pantalla, con los botones «Aceptar», «Denegar» y «Ver preferencias», y un botón para cerrarlo. El aviso es accesible con el teclado y con lectores de pantalla. Las preferencias pueden cambiarse en cualquier momento desde la Política de cookies, pulsando en «Administrar opciones».
Sugerencias y contacto
Nos hemos comprometido a que este sitio web cumpla el nivel AA de la norma UNE-EN 301549 (WCAG 2.1), tal como se detalla en la declaración de accesibilidad. Si encuentra alguna dificultad para acceder a algún contenido o tiene sugerencias para mejorar la accesibilidad del sitio, puede ponerse en contacto con nosotros:
Página de Contacto
Teléfono: 985 53 33 36
WhatsApp: 669 65 02 00
En persona o por correo postal: Avenida Principal, 16, 33450 Piedras Blancas, Asturias