Técnica HTML WCAG 2.2

H53Poner una alternativa de texto dentro del elemento object

Nombre oficial en el W3C: Usar el cuerpo del elemento object

En pocas palabras

El elemento object inserta en la página un contenido externo, como un gráfico, un vídeo o un documento. Lo que se escribe dentro de object se muestra cuando ese contenido no se puede cargar. Ahí se pone un texto que dé la misma información que el contenido.

Por qué es importante

El contenido de un object no siempre se ve. Puede que el navegador no admita ese formato, que falle la carga o que el usuario haya bloqueado ese tipo de contenido. En esos casos solo queda el texto de dentro. Si está vacío, la persona no recibe nada.

Ojo: si el contenido sí se carga, el texto de dentro no aparece. Por eso esta técnica solo basta si los usuarios pueden llegar a esa alternativa. Si no, el propio contenido insertado debe ser accesible.

Cómo se hace

Escriba entre <object> y </object> un texto con la misma información que el contenido insertado.
Si es un gráfico o un mapa, describa los datos o lo importante. Si la descripción es larga, use párrafos o una lista.
Si es un vídeo o un audio, ponga dentro una alternativa de texto completa (lo que se ve y lo que se oye) o un enlace a ella.
Puede poner dentro otro object o una <img> con su alt, como plan B.
Para una imagen suelta, hoy es más sencillo usar <img> con alt. Para vídeo, el elemento <video> con subtítulos.

Cómo comprobarlo

Busque todos los <object> de la página en el código fuente o con las herramientas del navegador (F12).
Compruebe que cada uno tiene texto dentro.
Lea ese texto sin mirar el contenido insertado. Debe dar la misma información.
Si puede, cambie en las herramientas del navegador el valor de data por un archivo que no exista. Debe aparecer la alternativa.

Ejemplo

Un gráfico insertado con object y, dentro, el texto que se muestra si no se puede cargar.

<object data="grafico-paro-2025.svg" type="image/svg+xml">
  <p>Paro registrado en el municipio en 2025: bajó de 1.240 personas
    en enero a 980 en diciembre.</p>
</object>

Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica H53 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Documentos que cargan medios con el elemento object.

Descripción

El objetivo de esta técnica es proporcionar una alternativa textual para el contenido que se muestra mediante el elemento object. El cuerpo del elemento object puede usarse para proporcionar una alternativa textual completa del objeto, o puede contener contenido no textual adicional con sus alternativas textuales.

El contenido alternativo (fallback) del elemento object solo está disponible para el usuario cuando el agente de usuario no muestra el medio cargado por el elemento, bien porque el agente de usuario no admite esa tecnología multimedia, bien porque el usuario le ha indicado que no la reproduzca. En estas situaciones, el contenido alternativo se presentará al usuario. Si el medio se muestra sin el contenido alternativo, el medio debe ser directamente accesible. Los autores solo pueden confiar en esta técnica para satisfacer el criterio de conformidad si no se apoyan en la accesibilidad directa de la tecnología del medio en su declaración de conformidad y si pueden esperar razonablemente que los usuarios podrán acceder al contenido alternativo.

Ejemplos

Un objeto incluye una descripción larga que lo describe

<object classid="https://www.example.com/analogclock.py">
  <p>Here is some text that describes the object and its operation.</p>
</object>

Un objeto incluye contenido no textual con una alternativa textual

<object classid="https://www.example.com/animatedlogo.py">
  <img src="staticlogo.gif" alt="Company Name">
</object>

El objeto de imagen tiene un contenido que proporciona una breve descripción de la función de la imagen

<object data="companylogo.gif" type="image/gif">
  <p>Company Name</p>
</object>

Este ejemplo aprovecha que los elementos object pueden anidarse para ofrecer representaciones alternativas de la información.

<object classid="java:Press.class" width="500" height="500">
  <object data="pressure.mpeg" type="video/mpeg">
    <object data="pressure.gif" type="image/gif">
      As temperature increases, the molecules in the balloon...
    </object>
  </object>
</object>

Pruebas

Procedimiento

Comprobar que el cuerpo de cada elemento object contiene una alternativa textual para el objeto.

Resultados esperados

La comprobación n.º 1 es verdadera.

Recursos

HTML: el elemento object.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica H53 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.