Especialización · Diseño web

Crear una página web accesible: conforme a WCAG y comprensible para todos

Diseñamos sitios web nuevos con accesibilidad desde el principio o adaptamos los ya existentes, con una estructura limpia, manejo por teclado y contrastes suficientes. El diseño y la tecnología se desarrollan junto con LOMA DESIGN, para que la accesibilidad forme parte del sitio desde el primer momento.

Primera consulta gratuitaPresupuesto transparente, con precio cerrado si lo deseaÁmbito Diseño web
Imagen destacada: Página web accesible
Breve & claro

Una página web accesible puede utilizarse por completo con lector de pantalla, solo con teclado, con una fuerte ampliación o con deficiencias en la visión del color; la referencia son las Web Content Accessibility Guidelines (WCAG) en el nivel de conformidad AA. Nano Concepts revisa sitios existentes o crea nuevas páginas web accesibles: los sitios compactos suelen encajar en el paquete Starter desde 2.500 €, las tiendas y los portales en el paquete Professional desde 8.000 €. Si la ley alemana de accesibilidad (BFSG) se aplica a su oferta depende de cada caso; esta valoración no sustituye el asesoramiento jurídico.

Página web accesible con Nano Concepts

Crear una página web accesible significa que cualquier persona pueda percibir, manejar y comprender sus contenidos, también con lector de pantalla, solo con el teclado, con una fuerte ampliación o con deficiencias en la visión del color. La referencia son las WCAG, las Web Content Accessibility Guidelines del W3C, en la práctica en el nivel de conformidad AA. En los sitios nuevos aplicamos estos criterios desde el principio y adaptamos los ya existentes de forma específica: desde la estructura de encabezados, los textos alternativos y los campos de formulario etiquetados hasta un foco de teclado visible y unos contrastes suficientes.

01

Desde el 28 de junio de 2025 rige en Alemania la ley alemana de accesibilidad (Barrierefreiheitsstärkungsgesetz, BFSG). Afecta, entre otros, a los servicios de comercio electrónico, es decir, a los sitios web y apps a través de los cuales los consumidores celebran contratos, como las tiendas online o los procesos de reserva. Las microempresas que prestan servicios están exentas de estos requisitos; los sitios corporativos meramente informativos, sin celebración de contratos, por lo general no entran en su ámbito. Desde el punto de vista técnico sirve de referencia la norma EN 301 549, que remite a las WCAG. Si la obligación afecta a su página web, en caso de duda conviene que la revise un profesional del derecho; nuestra valoración no sustituye el asesoramiento jurídico.

02

La accesibilidad compensa también sin obligación legal. Una estructura semántica limpia ayuda a los buscadores y a las búsquedas con IA a entender correctamente sus contenidos, los formularios claros reducen los abandonos y los textos legibles convencen tanto a los clientes de mayor edad como a quienes leen en el smartphone mientras están en movimiento. Como el diseño y el desarrollo se realizan en un solo equipo en LOMA DESIGN y Nano Concepts, la accesibilidad no se añade a posteriori, sino que forma parte de la elección de colores, de la maquetación y del código. Al finalizar recibirá un informe de revisión con todos los puntos implementados.

Story

Página web accesible en 10 diapositivas

Deslice y descubra qué aporta Página web accesible, qué hacemos por usted y cómo se benefician otras empresas.

×01 / 10

Especialización · Diseño web

Página web accesible. Hecho para ser encontrado.

Una página web accesible puede utilizarse por completo con lector de pantalla, solo con teclado, con una fuerte ampliación o con deficiencias en la visión del color; la referencia son las …

  • Primera consulta gratuita
  • Transparente, también a precio cerrado
  • Respuesta normalmente en 24 horas
lomadesign.de · nanoconcepts.de
×02 / 10

Cómo lo notará

¿Le suena todo esto?

Señales típicas de que Página web accesible merece la pena:

  1. 01Su página web no se puede manejar por completo sin ratón, o el foco del teclado no se distingue.
  2. 02A través de su página web los consumidores celebran contratos (por ejemplo, pedidos, reservas o …
  3. 03Su sitio actual se caracteriza por texto en gris claro, texto dentro de imágenes o campos de …
  4. 04Herramientas de revisión como Lighthouse o WAVE detectan numerosos errores y usted no sabe por …
lomadesign.de · nanoconcepts.de
×03 / 10

Su ventaja

Lo que usted gana con ello.

Llegar a más personasLas personas con limitaciones visuales, auditivas o motoras y los usuarios de mayor edad …
Base sólida para la BFSGSi la ley se aplica a su oferta, la implementación se orienta a los criterios WCAG a los …
Más legible para los buscadoresEl HTML semántico, los encabezados claros y los textos alternativos ayudan a Google y a las …
lomadesign.de · nanoconcepts.de
×04 / 10

Alcance de los servicios

Lo que realizamos para usted.

Páginas web que funcionan con teclado, lector de pantalla y ampliación: implementadas según WCAG, ya sea como …

  1. Revisión de accesibilidad de su página web
  2. Estructura semántica y navegación
  3. Diseño accesible con LOMA DESIGN
  4. Formularios sin obstáculos
  5. Textos alternativos y medios
  6. Informe de revisión e información sobre accesibilidad
lomadesign.de · nanoconcepts.de
×05 / 10

Ejemplos de uso

Así se ve en la práctica.

Salud y cuidadosUna consulta médica ofrece información en lenguaje claro, botones grandes y una reserva de citas online que también …
InmobiliariaUna administración de fincas ofrece su formulario de avisos de daños de forma accesible, de modo que también los …
Finanzas y segurosUn corredor de seguros hace accesibles sus calculadoras y sus procesos de contratación online, con mensajes de error …
lomadesign.de · nanoconcepts.de
×07 / 10

Proceso

Proceso claro. Sin sorpresas.

  1. 01
    Primera consulta y objetivosAclaramos qué funciones tiene su página web, si a través de ella se …
  2. 02
    Revisión según WCAGProbamos su sitio de forma automatizada y manual, con teclado y lector de …
  3. 03
    Diseño accesibleLOMA DESIGN adapta colores, tipografía y componentes o rediseña el sitio …
  4. 04
    Implementación en el códigoNano Concepts implementa la estructura, los formularios, los medios y los …
lomadesign.de · nanoconcepts.de
×08 / 10

Pregunta frecuente

Buena pregunta. Respuesta clara.

¿Para quién es obligatoria una página web accesible?

Nano Concepts

La BFSG se aplica desde el 28 de junio de 2025, entre otros, a los servicios de comercio electrónico, es decir, a los sitios web y apps a través de los cuales los consumidores celebran contratos.

Todas las preguntas y respuestas
lomadesign.de · nanoconcepts.de
×09 / 10

Paquetes

Tres paquetes. Un plan.

  • Starterdesde 2.500 €Ideal para landing pages, aplicaciones web sencillas y prototipos.
  • Professionaldesde 8.000 €Para aplicaciones web complejas, portales y soluciones de software a …
  • EnterprisePrecio individualPara grandes proyectos, ecosistemas de sistemas y colaboraciones de …

Orientación sin compromiso: recibirá su presupuesto tras la primera consulta gratuita. Ver precios

lomadesign.de · nanoconcepts.de
×10 / 10

Empecemos

Saque el máximo de su potencial.

Cuéntenos su proyecto: normalmente le responderemos en un plazo de 24 horas con una primera valoración.

×

JUNTOS. EN DIGITAL. CON ÉXITO.

lomadesign.de · nanoconcepts.de
01 / 10

Señales típicas de que Página web accesible merece la pena

  • Su página web no se puede manejar por completo sin ratón, o el foco del teclado no se distingue.
  • A través de su página web los consumidores celebran contratos (por ejemplo, pedidos, reservas o suscripciones) y usted desea estar preparado para la BFSG.
  • Su sitio actual se caracteriza por texto en gris claro, texto dentro de imágenes o campos de formulario sin etiqueta.
  • Herramientas de revisión como Lighthouse o WAVE detectan numerosos errores y usted no sabe por dónde empezar.
  • Se acerca un relanzamiento y quiere planificar la accesibilidad desde el primer momento, en lugar de adaptarla después con mucho esfuerzo.
Alcance de los servicios

Lo que realizamos para usted

Páginas web que funcionan con teclado, lector de pantalla y ampliación: implementadas según WCAG, ya sea como proyecto nuevo o como adaptación.

Revisión de accesibi­lidad de su página web

Revisamos su sitio existente de forma automatizada y manual, con teclado y lector de pantalla, y documentamos cada barrera con su ubicación y su prioridad.

Estructura semántica y navegación

Una jerarquía de encabezados limpia, regiones de página (landmarks), enlaces de salto y un orden de foco lógico garantizan que cada página pueda manejarse también sin ratón.

Diseño accesible con LOMA DESIGN

Los colores, los tamaños de fuente y los espaciados se eligen de modo que los contrastes cumplan los requisitos de las WCAG y que la información nunca se transmita solo mediante el color.

Formularios sin obstáculos

Campos etiquetados, mensajes de error comprensibles e indicaciones que los lectores de pantalla leen en voz alta, para que el contacto, la reserva y el pedido funcionen para todos.

Textos alternativos y medios

Textos alternativos descriptivos para las imágenes, subtítulos o transcripciones para los vídeos y carruseles (sliders) que se pueden detener y controlar con el teclado.

Informe de revisión e información sobre accesibi­lidad

Recibirá una documentación de los criterios implementados y, si lo desea, un borrador de texto para la información sobre la accesibilidad de su página web.

Sus ventajas

Por qué las empresas confían en nosotros

Llegar a más personas

Las personas con limitaciones visuales, auditivas o motoras y los usuarios de mayor edad pueden utilizar su oferta y hacer consultas sin ayuda de terceros.

Base sólida para la BFSG

Si la ley se aplica a su oferta, la implementación se orienta a los criterios WCAG a los que remite la norma EN 301 549. Esto no sustituye la revisión jurídica de cada caso.

Más legible para los buscadores

El HTML semántico, los encabezados claros y los textos alternativos ayudan a Google y a las búsquedas con IA a clasificar correctamente sus contenidos.

Previsto desde el principio

Como el diseño y el código se desarrollan en un mismo equipo, no hace falta eliminar barreras a posteriori y con un gran esfuerzo.

Ejemplos de uso

Página web accesible en su sector

Así es Página web accesible en los sectores típicos: ejemplos concretos del día a día empresarial.

Industria y fabricación

Un fabricante de maquinaria ofrece los datos técnicos como páginas HTML accesibles en lugar de PDF escaneados, para que también los compradores que usan lector de pantalla puedan consultarlos.

Más información

Comercio y e-commerce

Un comercio online hace que los filtros de producto, el carrito y el proceso de pago se puedan manejar con el teclado y etiqueta todos los campos de formulario: un punto clave si la BFSG se aplica a la tienda.

Más información

Logística

Una empresa de paquetería diseña el seguimiento de envíos y la reserva de citas de recogida de modo que los mensajes de estado se lean en voz alta y no aparezcan solo en color.

Más información

Salud y cuidados

Una consulta médica ofrece información en lenguaje claro, botones grandes y una reserva de citas online que también pueden utilizar pacientes con baja visión.

Más información

Inmobiliaria

Una administración de fincas ofrece su formulario de avisos de daños de forma accesible, de modo que también los inquilinos de mayor edad puedan enviar sus incidencias sin tener que llamar por teléfono.

Más información

Finanzas y seguros

Un corredor de seguros hace accesibles sus calculadoras y sus procesos de contratación online, con mensajes de error comprensibles y sin límites de tiempo ajustados al rellenar los datos.

Más información

Servicios y consultoría

Una asesoría fiscal revisa los contrastes, los tamaños de fuente y el formulario de contacto para que clientes de cualquier edad puedan ponerse en contacto sin obstáculos.

Más información

Oficios

Una empresa de fontanería con reserva online de citas de mantenimiento se asegura de que el proceso de reserva también funcione con el teclado y con ampliación.

Más información

Startups

Una startup con modelo de suscripción integra la accesibilidad directamente en su sistema de diseño y se ahorra reformas posteriores en el registro y en el proceso de pago.

Más información

Educación e investiga­ción

Una academia de formación continua hace accesibles la inscripción a los cursos y los vídeos de aprendizaje, con subtítulos, para que todos los participantes empiecen en igualdad de condiciones.

Más información

Turismo y gastronomía

Un hotel diseña su proceso de reserva de forma accesible y describe con precisión la accesibilidad de las habitaciones: datos que muchos huéspedes buscan expresamente.

Más información

Medios e industrias creativas

Una editorial dota a sus artículos de una estructura de encabezados limpia, textos alternativos y transcripciones, para que los contenidos se entiendan bien también al escucharlos.

Más información
Proceso

Así se desarrolla su proyecto

  1. Primera consulta y objetivosAclaramos qué funciones tiene su página web, si a través de ella se celebran contratos y qué objetivo persigue. A continuación recibirá un presupuesto transparente.
  2. Revisión según WCAGProbamos su sitio de forma automatizada y manual, con teclado y lector de pantalla, y priorizamos las barreras detectadas.
  3. Diseño accesibleLOMA DESIGN adapta colores, tipografía y componentes o rediseña el sitio, con contrastes verificados y estados de foco claros.
  4. Implementación en el códigoNano Concepts implementa la estructura, los formularios, los medios y los elementos interactivos y vuelve a probar cada plantilla.
  5. Prueba final y documentaciónRecibirá un informe de revisión y una introducción sobre cómo crear nuevos contenidos accesibles en el sistema de gestión de contenidos.

Tecnologías y herramientas

HTML5 semánticoWAI-ARIAaxe DevToolsWAVELighthouseNVDAVoiceOverColour Contrast AnalyserFigma
FAQ

Preguntas frecuentes sobre Página web accesible

La BFSG se aplica desde el 28 de junio de 2025, entre otros, a los servicios de comercio electrónico, es decir, a los sitios web y apps a través de los cuales los consumidores celebran contratos. Las microempresas con menos de diez empleados y un volumen de negocios anual o un total de balance anual de como máximo 2 millones de euros están exentas en el caso de los servicios; para los organismos públicos rigen normas propias, como la BITV 2.0. Si su página web se ve afectada depende de cada caso; nuestra indicación no sustituye el asesoramiento jurídico.

Para las empresas privadas, la norma determinante es sobre todo la ley alemana de accesibilidad (BFSG), con la que Alemania transpone la Directiva europea de accesibilidad (European Accessibility Act). Para la implementación técnica sirve de referencia la norma EN 301 549, que remite a los criterios WCAG de nivel AA. Además, la BFSG exige información sobre cómo su oferta cumple los requisitos. Esta valoración no sustituye el asesoramiento jurídico.

Los puntos principales: todas las funciones son accesibles con el teclado, el foco es visible, el texto normal tiene una relación de contraste de al menos 4,5:1, las imágenes tienen textos alternativos y los campos de formulario están etiquetados. A ello se suman una estructura lógica de encabezados, subtítulos para los vídeos y contenidos que siguen siendo plenamente utilizables con un zoom del 200 %. Sin embargo, una lista de verificación no sustituye una revisión con ayudas técnicas reales, como los lectores de pantalla.

Una nueva web corporativa accesible o la adaptación de un sitio compacto suele encajar en el paquete Starter desde 2.500 €. Las tiendas, los procesos de reserva o los portales con muchas plantillas y formularios los calculamos en el paquete Professional desde 8.000 €, y las plataformas grandes, como proyecto Enterprise, de forma individual. Recibirá el presupuesto exacto tras la primera consulta gratuita y una primera revisión de su sitio.

Depende sobre todo de si partimos de un código existente o desarrollamos desde cero. Una primera revisión muestra cuántas plantillas y componentes se ven afectados; de ella surge un calendario con etapas fijas. Si de todos modos está previsto un relanzamiento, normalmente resulta más eficiente incorporar la accesibilidad directamente en la nueva web.

Las herramientas overlay, que mediante un script muestran botones para el tamaño de fuente o el contraste, normalmente no corrigen las causas: las etiquetas que faltan, la estructura incorrecta o los menús que no se pueden manejar permanecen en el código. Por eso aplicamos la accesibilidad directamente en el diseño y en el código fuente. Es más sostenible y se puede demostrar de forma verificable con herramientas de revisión.

Guías y comparativas

Todo sobre Página web accesible

Paso a paso

¿Qué debe incluir legalmente una página web?

En Alemania, una web empresarial debe incluir, por lo general, un aviso legal (Impressum) conforme al § 5 de la Ley de Servicios Digitales (Digitale-Dienste-Gesetz,…

Más información
Costes y presupuesto

¿Cuánto cuesta una página web accesible y de qué depende el precio?

El coste de una web accesible depende de si se crea desde cero o se adapta una web existente, de cuántas plantillas de página y funciones interactivas distintas tiene y…

Más información
Paso a paso

¿Cómo hago accesible mi página web?

Hace accesible su web si primero aclara si la ley alemana de accesibilidad se aplica a su oferta, comprueba el estado actual con pruebas automáticas y manuales y…

Más información
Comparativa

WordPress o constructor web como Wix y Jimdo: ¿cuál es mejor opción?

Un constructor web como Wix o Jimdo es adecuado si desea mantener usted mismo, de forma rápida y sin esfuerzo técnico, un sitio pequeño con pocas páginas: el proveedor…

Más información
Comparativa

WordPress o web programada a medida: ¿qué compensa más?

WordPress es la opción eficiente para sitios corporativos clásicos que los redactores mantienen por sí mismos y que se conforman con funciones consolidadas.

Más información
Comparativa

¿WordPress o Webflow, o mejor Framer?

En la comparación “WordPress o Webflow”, WordPress es la opción adecuada si necesita control total sobre el alojamiento y los datos, un gran ecosistema de extensiones o…

Más información
Relacionado

Servicios relacionados

Glosario digital

Términos sobre Página web accesible, explicados brevemente

Revista

Seguir leyendo

01 · Escenario · aprox. 50 segundos

La web invisible

Markus es el mejor techador de la ciudad, pero en Google aparece en la página 3 y su web tarda 8 segundos en cargar. Así el diseño, una técnica rápida y el SEO y GEO hacen que vuelva a sonar el teléfono.

ServicioDiseño web · SEO y GEOParaOficios y negocios locales
Leer la transcripción

Este es Markus.
El mejor techador de la ciudad.
¿Su problema?
Nadie lo sabe.
Lena busca un techador.
¿Markus?
Está en la página 3.
Ahí no mira nadie.
¿Y si lo encuentra?
8 segundos de carga.
No está hecha para móvil.
Y Lena se va.
Esto es lo que falla.
Y eso le cuesta a Markus encargos cada día.
Entonces Markus llama a LOMA DESIGN
y a NANO CONCEPTS.
El diseño se une al desarrollo.
Diseño que genera confianza.
Tecnología que carga volando.
SEO y GEO para que lo encuentren:
en Google y en la búsqueda con IA.
Mismo trabajo.
Nueva visibilidad.
Y el teléfono suena.

El presupuesto adecuado en 60 segundos

Análisis de necesidades: Página web accesible

Responda unas breves preguntas: normalmente nos pondremos en contacto con usted en un plazo de 24 horas con una primera valoración.

Solicitar proyecto