Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1- A»

De UX Wiki
Línea 1: Línea 1:


== '''1.1.1- A. Todo contenido no textual debe disponer de una alternativa textual breve que, siempre que sea posible, proporciona la misma información o cumple el mismo propósito que el contenido no textual''' ==
== '''1.1.1- A. Todo contenido no textual debe disponer de una alternativa textual breve que, siempre que sea posible, proporciona la misma información o cumple el mismo propósito que el contenido no textual''' ==
 
<html>
   <div class="accessibility-card">
   <div class="accessibility-card">
     <h3>Don't</h3>
     <h3>Don't</h3>
Línea 8: Línea 8:
     <pre>alt="image123"</pre>
     <pre>alt="image123"</pre>
   </div>
   </div>
 
   <div class="accessibility-card-error">
   <div class="accessibility-card-error">
     <h3>Don't</h3>
     <h3>Don't</h3>
Línea 15: Línea 15:
     <pre>alt="image123"</pre>
     <pre>alt="image123"</pre>
   </div>
   </div>
 
</html>
[[Archivo:Videocall.png|alt=imagen accesible|borde|sinmarco]]<br />
[[Archivo:Videocall.png|alt=imagen accesible|borde|sinmarco]]<br />
En esta imagen se puede observar como correctamente hay un atributo alt
En esta imagen se puede observar como correctamente hay un atributo alt

Revisión del 13:49 14 abr 2025

1.1.1- A. Todo contenido no textual debe disponer de una alternativa textual breve que, siempre que sea posible, proporciona la misma información o cumple el mismo propósito que el contenido no textual

Don't

Use the filename or misleading descriptions.

image123
alt="image123"

Don't

Use the filename or misleading descriptions.

image123
alt="image123"

imagen accesible
En esta imagen se puede observar como correctamente hay un atributo alt


C) HERRAMIENTAS DE APOYO

Nombre de la herramienta: Web Developer Toolbar

Procedimiento de comprobación:

1. Seleccionar “Images – Outline images without alt attributes” y comprobar la página. Si hay alguna imagen resaltada, es un error y debe proporcionársele un atributo “alt”.

2. Seleccionar “Images – Display alt attributes”. Comprobar la página valorando si el texto de dicho atributo describe el cometido de la imagen.

D) REFERENCIA WCAG 2.1

  • G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content

{{sust:discutido}}

<ref>Plantilla:Cita web</ref>