<?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>


  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


  <title>Crear contenido accesible</title>


  <meta name="GENERATOR" content="amaya 8.2, 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" width="100%" summary="toc">


  <tbody>


    <tr>


      <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"


        src="../../images/amaya.gif" /></td>


      <td><p align="right"><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>Ver &gt;


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>.


    


  </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>.


    


  </li>


  <li><strong>Multimedia</strong>. Proporciona capturas y transcripciones del


    audio y descripciones del video.


    


  </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.


    


  </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>.


    


  </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>.


    


  </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.


    


  </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>.


    


  </li>


  <li><strong>Marcos (frames)</strong>. Muestra páginas sin marcos utilizando


    <code>NOFRAMES</code> y títulos con sentido.


    


  </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">publicarlos</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>


