Web Accessibility Academy · Lección

Perceptible: ¿puede todo el mundo percibir el contenido?

Alternativas textuales, subtítulos y contenido adaptable.

Lección 1 de 413 pasos

Perceptible: ¿puede todo el mundo percibir el contenido? es una lección gratuita de Web Accessibility Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Web Accessibility Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Web Accessibility Academy incluye 4 lecciones en total.

Qué significa perceptible

Perceptible es el primer principio de WCAG: todas las personas deben poder percibir su contenido, aunque no puedan verlo, oírlo o leerlo de la forma habitual.

Por qué va primero

Si alguien ni siquiera puede percibir un botón o una imagen, nada más importa. Perceptible es la base sobre la que se apoyan los otros tres principios.

Alternativas de texto

El contenido que no es texto necesita palabras. Una alternativa de texto permite que un lector de pantalla describa una imagen, para que una persona ciega reciba el mismo significado que usted ve. 🖼️

<img src="chart.png" alt="Sales doubled in Q4">

Subtítulos para el audio

Una persona sorda no puede oír su video. Los subtítulos convierten las palabras habladas en texto en pantalla, de modo que el sonido se percibe mediante la vista.

También transcripciones

Una transcripción es el texto completo de un audio o video. Ayuda a las personas sordas, a quienes están en lugares silenciosos y a cualquiera que prefiera leer en lugar de escuchar.

Contenido adaptable

Las personas cambian el tamaño del texto, amplían la pantalla o activan el modo oscuro. El contenido adaptable conserva su significado y orden independientemente de cómo se presente.

El significado está en el marcado

Use elementos HTML reales para que la estructura se conserve. Un encabezado sigue siendo un encabezado cuando desaparecen los estilos, por lo que el lector de pantalla sigue sabiendo que es un título.

<h2>Order Summary</h2>

No dependa solo del color

Si el rojo significa error, una persona con daltonismo podría no advertirlo. Combine el color con texto o un icono para que el significado sea perceptible sin ver el tono.

Contraste suficiente

El texto gris claro sobre fondo blanco resulta ilegible para muchas personas con baja visión. Un contraste fuerte entre el texto y el fondo mantiene las palabras legibles para todos.

Contenido distinguible

Facilite la diferenciación de los elementos: un tamaño de texto legible, un espaciado claro y audio que se pueda pausar. Este es el aspecto distinguible de lo perceptible.

La pregunta sobre lo perceptible

Pregúntese ante cada contenido: ¿puede alguien percibirlo sin usar mis ojos ni mis oídos? Si no, le debe una alternativa.

Comprobación rápida

Vamos a poner a prueba el principio Perceptible.

Resumen: perceptible

Ha aprendido que Perceptible significa que todos pueden percibir su contenido: texto alternativo, subtítulos, transcripciones, diseño adaptable y contraste. Primero, la percepción; después, todo lo demás. 🌱

Gratis para empezar

Aprende HTML con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
30
Lecciones
120

Preguntas frecuentes

¿La lección «Perceptible: ¿puede todo el mundo percibir el contenido?» es gratis?

Sí — el texto completo de «Perceptible: ¿puede todo el mundo percibir el contenido?» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Web Accessibility Academy, actualiza a CoddyKit PRO. El curso de Web Accessibility Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Perceptible: ¿puede todo el mundo percibir el contenido?»?

Alternativas textuales, subtítulos y contenido adaptable. Practicas Web Accessibility Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Web Accessibility Academy?

No se requiere experiencia previa. Web Accessibility Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.

¿Cuánto tiempo toma la lección «Perceptible: ¿puede todo el mundo percibir el contenido?»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Web Accessibility Academy?

Sí. Cada lección de Web Accessibility Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Perceptible: ¿puede todo el mundo percibir el contenido?
  2. Operable: ¿puede todo el mundo usar los controles?
  3. Comprensible: ¿es legible y predecible?
  4. Robusto: ¿funcionará con su tecnología?
← Volver a Web Accessibility Academy