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

De UX Wiki
Afra (discusión | contribs.)
Sin resumen de edición
Afra (discusión | contribs.)
Sin resumen de edición
Línea 1: Línea 1:
[[Archivo:Alex (1).jpg|miniaturadeimagen]]
 
dsdsds


'''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">
    <h3>Exemple accessible</h3>
    <p>Aquest exemple es acccesible, el parametre alt de l'etiqueta img esta complert</p>
    <img src="https://juanramonescritor.es/wiki/images/thumb/0/07/Alex_%281%29.jpg/600px-Alex_%281%29.jpg" alt="image123">
    <pre>alt="imatge d'exemple accesible"</pre>
  </div>
</html>


<html>
<html>

Revisión del 07:55 6 may 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


Exemple accessible

Aquest exemple es acccesible, el parametre alt de l'etiqueta img esta complert

image123
alt="imatge d'exemple accesible"

Exemple accessible

Aquest exemple es acccesible, el parametre alt de l'etiqueta img esta complert

image123
alt="imatge d'exemple accesible"

Exemple NO accesible

Falta etiqueta alt en la imatge

image123
alt=""

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>