<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Crear contenido accesible</title>
  <meta name="GENERATOR" content="amaya 6.4+, see http://www.w3.org/Amaya/" />
  <link href="../style.css" rel="stylesheet" type="text/css" />
</head>

<body xml:lang="es" lang="es">

<table border="0" summary="toc">
  <tbody>
    <tr>
      <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
        src="../../images/amaya.gif" /></td>
      <td><p><a href="about_amayas_accessibility_features.html.es"
        accesskey="p"><img alt="anterior" src="../../images/left.gif" /></a>
        <a href="../Access.html.es" accesskey="t"><img alt="superior"
        src="../../images/up.gif" /></a></p>
      </td>
    </tr>
  </tbody>
</table>

<div id="page_body">
<h1>Crear contenido accesible</h1>

<p>Con Amaya puedes crear contenido conforme con la Guía de accesibilidad de
contenido Web del W3C. Algunas <span class="Link0"><a
href="about_amayas_accessibility_features.html.es">características de
accesibilidad</a></span> ya están implementadas. Por ejemplo, no puedes
incluir una imagen sin especificar el texto alternativo, debido a la
obligatoriedad del atributo <code>alt</code> en imágenes y áreas de mapas de
imágenes.</p>

<p>Por otro lado, Amaya crea automáticamente un marcado que cumple las normas
del W3C. Y al mismo tiempo puedes controlar otras características, como por
ejemplo descripciones largas y títulos, a través del menú
<strong>Atributos</strong> (vista Formateada) o del menú
<strong>Estructura</strong> (vista Estructura).</p>

<p>La ayuda de Amaya describe cómo utilizar algunos elementos HTML. A medida
que se añada más documentación, se incluirá información para asegurar la
accesibilidad de las páginas que escribas.</p>

<p>Las mejores guías son las Guías de accesibilidad de contenido Web del W3C.
La Iniciativa de accesibilidad Web del W3C señala unas cuantas ideas para
hacer accesibles los sitios Web:</p>
<ul>
  <li><strong>Imágenes y animaciones</strong>. Utiliza el atributo
    <code>alt</code> para describir la función de cada elemento visual. Para
    más información ver <span class="Link0"><a
    href="../using_graphics/working_with_graphics.html.es">Trabajar con
    gráficos</a></span>. 
    <p></p>
  </li>
  <li><strong>Mapas de imágenes</strong>. Utiliza mapas de imágenes clientes
    y texto alternativo para las áreas. para más información, ver <span
    class="Link0"><a
    href="../using_image_maps/working_with_image_maps.html.es">Trabajar con
    mapas de imagen</a></span>. 
    <p></p>
  </li>
  <li><strong>Multimedia</strong>. Proporciona capturas y transcripciones del
    audio y descripciones del video.
    <p></p>
  </li>
  <li><strong>Enlaces de hipertexto</strong>. Utiliza texto que tenga sentido
    al ser leido fuera de contexto. Por ejemplo, evita utilizar  "haz clic
    aquí" como texto del enlace. 
    <p></p>
  </li>
  <li><strong>Organización de página</strong>. Utiliza encabezados, listas y
    una estructura consistente. Utiliza CSS para el diseño y el estilo
    siempre que sea posible. Para más información ver <span class="Link0"><a
    href="../style_sheets/working_with_styles.html.es">Trabajar con
    estilos</a></span>. 
    <p></p>
  </li>
  <li><strong>Gráficos y diagramas</strong>. Resume los datos o utiliza el
    atribute <span class="Link0">longdesc</span>. para más información, ver
    <span class="Link0"><a
    href="../using_graphics/working_with_graphics.html.es">Trabajar con
    gráficos</a></span>. 
    <p></p>
  </li>
  <li><strong>Scripts, applets y plug-ins</strong>. Proporciona contenido
    alternativo para cuando las características activas no son accesibles o
    no están soportadas.
    <p></p>
  </li>
  <li><strong>Tablas</strong>. Utiliza tablas para resumir datos. Para más
    información, ver <span class="Link0"><a
    href="../editing_tables/working_with_tables.html.es">Trabajar con
    tablas</a></span>. 
    <p></p>
  </li>
  <li><strong>Marcos (frames)</strong>. Muestra páginas sin marcos utilizando
    <code>NOFRAMES</code> y títulos con sentido.
    <p></p>
  </li>
  <li><strong>Comprueba tu trabajo</strong>. Valida tus documentos antes de
    <span class="Link0"><a
    href="../saving_and_publishing_documents/saving_and_publishing_documents.html.es">publicarlo</a></span>.
    Puedes utilizar las herramientas, consejos y guías del W3C disponibles
    en: 
    <p><span class="Link0"><a
    href="http://www.w3.org/TR/WAI-WEBCONTENT">http://www.w3.org/TR/WAI-WEBCONTENT.</a></span></p>
  </li>
</ul>
</div>
</body>
</html>
