¿Cómo cumple CCM19 los requisitos de las WCAG?
Orientación clara
Estructura lógica e intuitiva
El orden claramente definido de las pestañas y los puntos de enfoque fácilmente reconocibles permiten una navegación sin esfuerzo para que los usuarios se mantengan siempre orientados.
Compatibilidad con lectores de pantalla
Optimizado para lectores de pantalla
El banner de cookies CCM19 es compatible con todos los lectores de pantalla habituales, así como con las normas ARIA necesarias para garantizar una navegación fluida y accesible.
Navegación mediante teclado
Cómodo control mediante el teclado
Todas las funciones y áreas del banner de cookies son completa y fácilmente accesibles a través del teclado, incluso sin ratón, para una experiencia de usuario accesible.
Visualización optimizada de los colores
Diseño de alto contraste según WCAG
CCM19 cumple los requisitos de contraste de las WCAG (al menos 4,5:1) para que los textos y botones sean óptimamente legibles para las personas con deficiencias visuales.
Escalado flexible
Visualización personalizable
El banner de cookies sigue siendo totalmente operativo aunque se amplíe hasta un 200% sin perder contenido: perfecto para usuarios con deficiencias visuales.
Lenguaje comprensible
Contenido claro y formulado de forma sencilla
Todos los textos del banner de cookies están redactados deliberadamente en un lenguaje sencillo y comprensible para que los usuarios puedan captar fácilmente la información independientemente de sus conocimientos previos.
CCM19 ya ayuda a los sitios web 215.702 a cumplir el GDPR, TDDDG & Co.


Conformidad con la BFSG gracias a la aplicación de las directrices WCAG
WCAG como base para el cumplimiento de la BFSG
El Cookie Banner CCM19 se ha desarrollado para cumplir los requisitos de la Ley alemana de refuerzo de la accesibilidad (BFSG) teniendo en cuenta de forma coherente las directrices internacionales WCAG. Esto le permite cumplir los requisitos legales de accesibilidad de forma fácil y fiable.
Fácil de integrar y listo para usar
Con el asistente de configuración intuitivo, puede integrar fácilmente el banner de cookies CCM19 en su sitio web, sin ningún obstáculo técnico adicional. Esto garantiza que su sitio web esté diseñado para ser accesible de acuerdo con las WCAG y que también cumpla las BFSG.
Apoyo específico para la seguridad jurídica
CCM19 le ayuda activamente a implementar su banner de cookies de forma accesible y conforme a las WCAG para que pueda cumplir los requisitos de la BFSG de forma legalmente conforme - sin ningún esfuerzo adicional.
Conforme a las WCAG y a la ley: gestión del consentimiento con CCM19
CCM19 también le ofrece una completa gestión del consentimiento, que incluye
Creación de transparencia para el consentimiento
Con la gestión del consentimiento de CCM19, puede documentar el consentimiento de sus usuarios de forma fiable y transparente, con una estructura clara y trazable en todo momento. De este modo, se garantiza el cumplimiento legal del GDPR y de las directrices WCAG en todo momento.
Comprobación periódica del cumplimiento del GDPR
Un escáner automático comprueba periódicamente si su sitio web sigue cumpliendo los requisitos actuales del GDPR. Esto garantiza una seguridad jurídica continua.
Gestione todos los ajustes con claridad
CCM19 agrupa todas las funciones para gestionar el consentimiento en un solo lugar. Esto ahorra tiempo, reduce la complejidad y garantiza que su sitio web siempre cumpla con los últimos requisitos de protección de datos y accesibilidad.
Otras ventajas de CCM19
Velocidad de carga optimizada
El banner de cookies CCM19 está optimizado para que su sitio web cargue a la velocidad del rayo. Sus visitantes se beneficiarán de una experiencia de usuario sin problemas.
Asistencia profesional
Nuestro experimentado equipo de asistencia está a su disposición para responder a todas sus preguntas sobre el banner de cookies por teléfono, correo electrónico y chat: competente, amable y rápidamente accesible.
Conformidad con GDPR y BFSG
El banner de cookies CCM19 cumple en todo momento con los requisitos legales vigentes del GDPR y la BFSG. Esto significa que siempre proporciona a sus usuarios información transparente y conforme a la ley.
Características para un banner de cookies accesible
Conformidad WCAG con CCM19: Visión general de todos los criterios cumplidos
En la siguiente tabla puede ver de un vistazo cómo cumple el banner de cookies CCM19 los requisitos de las Pautas de Accesibilidad al Contenido en la Web (WCAG 2.1).
Los criterios que no son relevantes aparecen etiquetados en consecuencia.
Sección WCAG | Sección Descripción | Relevancia para CCM19 |
---|---|---|
1.1 Alternativas textuales | ||
1.1.1 Contenido no textual | Todo el contenido no textual tiene una alternativa textual: - Todos los campos de entrada tienen una etiqueta o aria-label - Todos los elementos puramente decorativos están marcados para que sean ignorados por los lectores de pantalla (aria-hidden="true") - Todo lo que no puede mostrarse como texto tiene al menos una breve descripción de lo que puede verse u oírse. | ✅ |
1.2 Medios temporales | ||
1.2.1 Sólo audio/Sólo vídeo (Pregrabado) | Audio: Existe una visualización alternativa para los contenidos de audio para sordos. Vídeo: Existe una pista de audio descriptiva o una representación alternativa para ciegos. | No relevante |
1.2.2 Subtítulos (Pregrabado) | Los vídeos tienen subtítulos. | No pertinente |
1.2.3 Audiodescripción o medios alternativos (pregrabados) | Los vídeos contienen una pista de audio descriptiva o una representación textual alternativa. | No pertinente |
1.2.4 Subtítulos (En directo) | Hay subtítulos en directo para los vídeos en directo con sonido. | No relevante |
1.2.5 Descripción de audio (Pregrabado) | Hay audiodescripción para los contenidos de vídeo. | No es relevante |
1.2.6 Lengua de signos (Pregrabado) | Opcional: existen vídeos en lengua de signos para los contenidos de audio. | No relevante |
1.3 Adaptable | ||
1.3.1 Información y relaciones | La información, las estructuras y las relaciones resultantes de la maquetación son reconocibles mediante programación (por ejemplo, a través de atributos for, aria-labelledby, aria-controls) o están disponibles en forma de texto. | ✅ |
1.3.2 Secuencia significativa | La secuencia de lectura significativa es reconocible para los lectores de pantalla. | ✅ |
1.3.3 Características sensoriales | Las instrucciones no se basan únicamente en la apariencia (forma, posición, color). | ✅ |
1.3.4 Orientación | Sin restricción fija al formato vertical u horizontal, salvo que sea absolutamente necesario y esté justificado. | ✅ |
1.3.5 Identificación de la finalidad de la entrada | La finalidad de los campos de entrada puede reconocerse mediante programación (por ejemplo, con el tipo y el atributo de autocompletado). | ✅ |
1.3.6 Identificar finalidad (opcional, nivel AAA) | La finalidad de todos los elementos, iconos y regiones de la interfaz de usuario puede reconocerse mediante programación. | ✅ |
1.4 Distinguibles | ||
1.4.1 Uso del color | El color nunca debe ser la única característica utilizada para transmitir información. Son alternativas, por ejemplo, las diferencias de brillo o las formas. | ✅ |
1.4.2 Control del audio | Para el audio que se reproduce automáticamente durante más de 3 segundos, existe una función de pausa, parada o control de volumen. | no relevante |
1.4.3 Contraste (Mínimo) | El contraste mínimo para texto (continuo) es de 4,5:1. Para texto grande (encabezados, etc., a partir de 18pt o 14pt en negrita): 3:1 Las entradas/botones desactivados, logotipos y elementos puramente decorativos no tienen requisito de contraste. | ✅ |
1.4.4 Cambiar el tamaño del texto | El texto puede ampliarse hasta un 200 % sin pérdida de funcionalidad. | ✅ |
1.4.5 Imágenes de texto | Se evitan las imágenes que contengan texto a menos que sea absolutamente necesario o que el texto se genere a partir de la entrada del usuario. | ✅ |
1.4.6 Contraste (mejorado) (opcional, nivel AAA) | La relación de contraste es de 7:1 para texto (continuo) y de 4,5:1 para texto grande. | ✅ |
1.4.7 Audio de fondo bajo o nulo | (se cumple) | no relevante |
1.4.8 Presentación visual (opcional, nivel AAA) | Puede configurarse para que el texto se muestre de la siguiente manera: - Color de primer plano y de fondo seleccionables - No más de 80 caracteres en una línea - Sin justificación - Espacio entre líneas al menos 1,5 - Espacio entre párrafos 1,5x mayor que el espacio entre líneas - El texto puede ampliarse hasta un 200% sin tener que desplazarse horizontalmente (en pantallas estándar a pantalla completa) | ✅ |
1.4.9 Imágenes de texto (sin excepción) (opcional, nivel AAA) | véase 1.4.5 | ✅ |
1.4.10 Reflow | La página es responsive → Todo el contenido es accesible en todos los tamaños de pantalla y no es necesario el desplazamiento en dos dimensiones (vertical+horizontal)... para contenido vertical con una anchura de 320 píxeles CSS para contenido horizontal con una altura de 256 píxeles CSS a menos que sea absoluta y justificadamente necesario para elementos mostrados en dos dimensiones. | ✅ |
1.4.11 Contraste no textual | Los elementos de interfaz de usuario (entradas, botones, etc.) tienen una relación de contraste de al menos 3:1, a menos que estén desactivados o se utilice la entrada estándar del navegador. Los gráficos importantes para el contenido también tienen un contraste mínimo de 3:1. | ✅ |
1.4.12 Espaciado entre textos | Si el navegador aplica el siguiente formato de texto, la página seguirá funcionando sin problemas: - altura de línea de 1,5 - espaciado entre párrafos: 2 x tamaño de fuente - espaciado entre letras: 0,12 x tamaño de fuente - espaciado entre palabras: 0,16 x tamaño de fuente | ✅ |
1.4.13 Contenido al pasar el ratón por encima o al enfocar | Si se añade/elimina contenido al pasar el ratón por encima/enfocar un elemento (superposiciones, popovers), entonces: - estos pueden cerrarse (dismissible), a menos que nunca cubran nada más o comuniquen un error de entrada, - el cursor puede moverse por encima del popover sin que desaparezca, - el contenido permanece visible hasta que se cierra, se quita el foco o la información deja de ser válida. | ✅ |
2.1 Accesibilidad desde el teclado | ||
2.1.1 Teclado | Toda la funcionalidad es accesible y controlable con el teclado (salvo imposibilidad para la interfaz existente, por ejemplo, firma manuscrita con el ratón). La funcionalidad no depende de una determinada velocidad de tecleo. | ✅ |
2.1.2 Sin trampa de teclado | El foco del teclado no está bloqueado. Si es necesario para una función y esto no es posible con las teclas normales (Tabulador, etc.), la forma de quitar el foco es posible con el teclado y se describe en la página. | ✅ |
2.1.3 Teclado (sin excepción) (opcional, nivel AAA) | véase 2.1.1 | ✅ |
2.1.4 Atajos de teclado de caracteres | Si existen atajos de teclado que sólo utilizan teclas normales (imprimibles) sin modificadores (Ctrl, Alt, ...), éstos son: - desactivables, - conmutables a Ctrl, Alt, ... + la tecla, - o sólo activos mientras el elemento en cuestión tenga el foco. | ✅ |
2.2 Tiempo suficiente | ||
2.2.1 Tiempo suficiente ajustable (opcional, nivel AAA) | Si hay límites de tiempo (<20h), estos pueden desactivarse, ajustarse al menos hasta 10x o ampliarse. | ✅ |
2.2.2 Pausar, detener, ocultar | Los contenidos que parpadean, se mueven automáticamente o se desplazan más de 5s pueden pausarse, detenerse u ocultarse. El contenido que se actualiza automáticamente y se muestra en paralelo con otro contenido puede pausarse, detenerse u ocultarse, o bien puede configurarse la frecuencia de actualización. | ✅ |
2.2.3 Sin temporización | Sin límites de tiempo ni dependencias del tiempo de reacción del usuario. | ✅ |
2.2.4 Interrupciones (opcional, nivel AAA) | Las interrupciones pueden ser retrasadas o suprimidas por el usuario, excepto los mensajes de emergencia. | ✅ |
2.2.5 Reautenticación (opcional, nivel AAA) | Si la sesión expira, el usuario puede continuar la actividad sin perder datos. | ✅ |
2.2.6 Tiempos de espera (opcional, nivel AAA) | Se advierte a los usuarios y se les informa del tiempo límite si la inactividad puede provocar la pérdida de datos, a menos que los datos se mantengan durante más de 20 horas. | ✅ |
2.3 Convulsiones y reacciones físicas | ||
2.3.1 Tres parpadeos o por debajo del umbral | Nada parpadea más de 3 veces por segundo a más de 300x200 px combinados. | ✅ |
2.3.2 Tres destellos (opcional, nivel AAA) | Nada parpadea más de 3x por segundo. | ✅ |
2.3.3 Animación de Interacciones (opcional, nivel AAA) | Se pueden desactivar todas las animaciones de movimiento innecesarias. Animaciones de movimiento: Movimientos y cambios de tamaño, no sólo cambios de color o desvanecimientos. | ✅ |
2.4 Navegable | ||
2.4.1 Bloques de derivación | Los bloques que se repiten en varias páginas (cabecera, navegación, etc.) pueden saltarse con un mecanismo para lectores de pantalla: por ejemplo, mediante enlaces de navegación, puntos de referencia ARIA, secciones con encabezados o menús desplegables. | ✅ |
2.4.2 Página titulada | La página tiene un título significativo. | ✅ |
2.4.3 Orden de enfoque | El orden de enfoque de las pestañas tiene sentido. | ✅ |
2.4.4 Finalidad del enlace (en contexto) | La finalidad de un enlace es reconocible a partir del texto del enlace (o como mucho junto con el texto que lo rodea o los títulos de las tablas). | ✅ |
2.4.5 Vías múltiples | Hay más de una forma de llegar a una página (excepción: por ejemplo, en asistentes o páginas de confirmación de pedidos). Puede implementarse con "Enlaces a páginas relacionadas", tabla de contenidos, mapa del sitio o función de búsqueda. | ✅ |
2.4.6 Encabezamientos y etiquetas | Hay encabezados y etiquetas descriptivos. | ✅ |
2.4.7 Foco visible | El foco del teclado está siempre visible cuando se desplaza. | ✅ |
2.4.8 Ubicación (opcional, nivel AAA) | La posición actual en el sitio web (por ejemplo, a través de las migas de pan) es visible. | ✅ |
2.4.9 Finalidad del enlace (sólo enlace) (opcional, nivel AAA) | El propósito de un enlace siempre es reconocible a partir del texto del enlace, a menos que no esté claro incluso para personas sin discapacidad. | ✅ |
2.4.10 Encabezamientos de sección (opcional, nivel AAA) | Los encabezados de sección se utilizan para organizar el contenido. | ✅ |
2.5 Modalidades de entrada | ||
2.5.1 Gestos con el puntero | Todas las interacciones con gestos de movimiento en las que no sólo son importantes los puntos inicial y final o se requieren varios dedos pueden realizarse también con un gesto más sencillo o con clics de ratón. | ✅ |
2.5.2 Cancelación del puntero | Una acción no se completa al pasar el ratón por encima, sino sólo cuando se suelta el ratón sobre el elemento y puede cancelarse o deshacerse. | ✅ |
2.5.3 Etiqueta en el nombre | La etiqueta ARIA contiene el texto visible de la etiqueta/botón. | ✅ |
2.5.4 Actuación por movimiento | Todas las funciones que se activan moviendo/agitando/rotando el dispositivo pueden controlarse alternativamente en la UI y la reacción a los movimientos puede desactivarse. | no relevante |
2.5.5 Tamaño del objetivo (opcional, nivel AAA) | Los elementos sobre los que se puede hacer clic tienen un tamaño CSS de al menos 44 × 44 píxeles o existe una alternativa de tamaño equivalente, a excepción de los enlaces en texto continuo. | ✅ |
2.5.6 Mecanismos de entrada simultánea (opcional, nivel AAA) | El sitio web no restringe innecesariamente el método de entrada. Táctil, ratón y teclado funcionan igual de bien y es fácil cambiar entre ellos. | ✅ |
3.1 Legibilidad | ||
3.1.1 Idioma de la página | El idioma principal de la página es reconocible mediante programación. | ✅ |
3.1.2 Idioma de las partes | Los cambios de idioma en secciones o palabras individuales se etiquetan programáticamente. Excepciones: Términos técnicos, nombres propios, etc. | ✅ |
3.1.3 Palabras inusuales (opcional, nivel AAA) | Para las palabras inusuales, existe un mecanismo con una explicación(<dl>, <dfn>, glosario, etc.). | ✅ |
3.1.4 Abreviaturas (opcional, nivel AAA) | Existe un mecanismo para las abreviaturas con la forma escrita o el significado. | ✅ |
3.1.5 Nivel de lectura (opcional, nivel AAA) | Para un lenguaje más complicado que el nivel escolar principal, existen textos explicativos o una alternativa más sencilla. | ✅ |
3.1.6 Pronunciación (opcional, nivel AAA) | Si la pronunciación de una palabra depende del contexto o el significado no está claro sin pronunciación, se puede identificar la pronunciación. | ✅ |
3.2 Predecible | ||
3.2.1 Sobre el foco | Sólo poner el foco en un elemento no desencadena un cambio de página o una intervención similar a gran escala en la página. | ✅ |
3.2.2 En entrada | Sólo cambiar el valor de un elemento de entrada no desencadena un cambio de página o cambio de foco - a menos que el usuario haya sido informado de antemano. | ✅ |
3.2.3 Navegación coherente | La navegación en el sitio web es coherente. El orden de los elementos del menú sigue siendo el mismo a menos que el usuario lo cambie intencionadamente. | ✅ |
3.2.4 Identificación coherente | Los elementos con la misma función se nombran y reconocen de forma coherente. | ✅ |
3.2.5 Cambio a petición (opcional, nivel AAA) | Los cambios de página y otras intervenciones similares a gran escala (así como los cambios de enfoque) sólo se activan a petición del usuario o pueden desactivarse. | ✅ |
3.3 Asistencia de entrada | ||
3.3.1 Identificación de errores | En caso de errores de entrada, se identifica el campo de entrada con el error y se describe el problema. | ✅ |
3.3.2 Etiquetas o instrucciones | Las etiquetas o instrucciones ayudan a la introducción. | ✅ |
3.3.3 Sugerencia de errores | Si se reconocen errores, se sugieren correcciones (si es posible con seguridad). | ✅ |
3.3.4 Prevención de errores (legales, financieros, de datos) | Las entradas legal o financieramente relevantes pueden anularse o se comprueban. | ✅ |
3.3.5 Ayuda (opcional, nivel AAA) | Se dispone de ayuda relacionada con el contexto. | ✅ |
3.3.6 Prevención de errores (Todos) (opcional, nivel AAA) | Para todas las entradas de usuario, la entrada puede deshacerse, se comprueba si hay errores (con opción de corrección) o se confirma con una revisión de los cambios. | ✅ |
4.1 Compatible | ||
4.1.1 Análisis sintáctico | El HTML es válido, los identificadores son únicos. | ✅ |
4.1.2 Nombre, función, valor | Nombre/etiqueta y rol/función son reconocibles mediante programación para elementos de formulario no estándar. Se establecen los estados y propiedades ARIA. | ✅ |
4.1.3 Mensajes de estado | Los mensajes de estado vivos pueden reconocerse como tales mediante programación. | ✅ |
Preguntas más frecuentes
¿Hemos despertado su interés?
¿Le gustaría que su sitio web no tuviera barreras y necesita un banner de cookies conforme a la BFSG y la GDPR, pero aún tiene preguntas sobre el diseño del contrato o las capacidades técnicas del sistema? No hay problema: ¡estaremos encantados de ayudarle! Solo tiene que rellenar todos los campos marcados con un asterisco (*) y nos pondremos en contacto con usted lo antes posible ¡Esperamos su consulta!
Si tiene alguna pregunta, también puede ponerse en contacto con nosotros por teléfono, correo electrónico o a través de nuestro formulario de contacto.
Tel: +49 228 536 637 26
Correo electrónico: info@ccm19.de