Índice del Curso Página de inicio del manual Tabla de contenidos de las directrices Tabla de contenidos de los puntos de verificación Tabla de contenidos de los ejemplos Tabla de contenidos de procedimiento de aplicación Manual de aplicación de las WCAG 1.0 PreviaContenidosCambiar estilo

3.1 Utilizar lenguajes de marcas en vez de imágenes para transmitir la información

Prioridad 2

En el ejemplo del botón creado con texto con estilo en cascada, podrá seguir el siguiente procedimiento:

  1. Escriba el texto que irá en el botón que creará. Siguiendo con el ejemplo, sería Botón de ejemplo.
  2. Haga clic en el botón Show Code and Design Views Imagen del botón Show Code and Design Views.
  3. O haga clic en el menú View y seleccione Code and Design del mismo.
  4. Habiendo seleccionado previamente el texto que formará el botón, aparecerá, en la parte superior de la ventana, de un color resaltado el código las líneas donde se encuentre, como por ejemplo:
<div>Botón de ejemplo</div>
  1. A continuación agregaremos (dentro de la etiqueta<div>) la información adicional para crear el botón, de la siguiente manera:
    <div
       style="text-align: center;
       font: caption; width: 200px;
       padding: 2px; color: #FFFFFF;
       background-color: #6666FF;
       border: 3px outset #0000FF">
       Botón de ejemplo
    </div>

Volver a ejemplos del punto Volver a ejemplos del punto 3.1

Autores

13 de 70 Previa

Copyright © sidar 1997-2002. Este Curso de Diseño Accesible ha sido desarrollado por la Fundación sidar.