- Más artículos como éste: :: Bloc de apuntes. El blog
- - Visita mis otros sitios web:
- :: Bloc de apuntes. Mi sitio web
- :: Blog de apuntes sobre el procesos de aprendizaje
- Roberto Gutiérrez
No es lo que no tengo. Es lo que no soy.
Créditos. Más información detallada...
- Mejor no utilizarlos.
* Si fuera imprescindible utilizarlos, añadirles un 'alt'.
- Evitar frases del tipo:
"Los colores en rojo no están disponilbes".
"Elige el color azul"
"La porción verde corresponde a los usuarios que"...
- Los enlaces se deben distinguir del resto de la página.
- Evitar los atributos 'target'.
- Utilizar el atributo 'title' únicamente si sirven para aclarar a dónde lleva el enlace: "Ir a la página de inicio" o "Descargue desde aquí el documento completo", y facilitar así la navegación a los usuarios que utilizan navegadores parlantes, lectores de pantalla o dispositivos braile.
- Para los mismo usuarios conviene agrupar los enlaces similares por grupos. Por ejemplo: "Secciones", "Sitios recomendados", "Descargas de documentos"...
- Evitar que haya más de uno en la misma línea (separar las líneas con '<p>' en vez de con '<br>'.
- Recordar utilizar 'SWFObject' de Geoff Stearn frente a la etiquetas 'embed' y 'object'. 'SWFObject' permite ofrecer una alternativa de texto para quien no pueda visualizar flash.
- Si el 'swf' incluye movimiento conviene ofrecer la posibilidad de detenerlo para ayudar a usuarios con problemas de discapacidad visual.
- Es interesante utilizar dentro de los campos la opción 'value' dentro de la etiqueta 'input' para añadir textos aclaratorios del tipo "Escriba aquí su dirección".
- Se debe usar en lo posible los botones de formulario y control de scroll del propio sistema operativo, y no uno creado a propósito.
Herramientas útiles mientras se diseña un sitio web accesible:
- Se debe usar en lo posible los botones de formulario y control de scroll del propio sistema operativo, y no uno creado a propósito.
- Los iconos y otros elementos gráficos deben de ser fácilmente distinguibles por su función.
- Atributo 'alt': Hay que proporcionar siempre un texto alternativo. Este texto alternatico con el atributo: 'alt'.
* El atributo 'title' únicamente cuando aportamos información añadida.
- Siempre debemos especificar la altura y la anchura de la imagen con los atributos 'width' y 'height'.
- Utilizar la etiqueta 'alt' vacía cuando añadamos alguna imagen cuyo uso sea únicamente decorativo: alt:"" . Importante: No dejar un espacio entre las dos comillas. (Más información sobre este punto).
- Nunca utilizar las tablas para "maquetar"'.
- No utilizar medidas absolutas, mejor medidas relativas.
- Fórmulas matématicas: utilizar el atributo 'MathML'.
- Avisar si cambiamos el idioma en el que escribimos (para facilitar el trabajo a los lectores de pantalla).
- Acrónimos:
<acronym title="Unión Europea">UE</acronym>
- Abreviaturas:
<abbr title="telféfono">tlf</abr>
- Los textos, especialmente datos de contacto, deben poderse copiar desde la pagina.
- lista básica de etiquetas XHTML
- Acronimos:
<acronym title="Unión Europea">UE</acronym>
- Abreviaturas:
<abbr title="teléfono">tlf.</abbr>
- lista básica de etiquetas XHTML
- Cuando queremos mostrar un bloque de texto citado textualmente, debemos utilizar este elemento:
Ejemplo:
<blockquote cite="http://www.quijote.org/qr101.html">
<p>En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín y galgo corredor.</p>
</blockquote>
Es decir:
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.
- lista básica de etiquetas XHTML
- Para citas cortas, utilizaremos el elemento '<q>' para el texto y '<cite>' para el autor.
- Ejemplo:
<p>Como dijo <cite>Hamlet</cite>: <q>ser o no ser, esa es la cuestión</q>
- Es decir:
Como dijo Hamlet: Ser o no ser, esa es la cuestión.
- lista básica de etiquetas XHTML
-'<code> </code>'.
- lista básica de etiquetas XHTML
-'<dfn> </dfn>'.
- lista básica de etiquetas XHTML
- Para marcar una dirección, firma o autor del documento, debemos utilizar el elemento <address>.
- Ejemplo:
<p><address>
<p>Empresa xx<br />
48001 Bilbao</p> /q>
</address>
- Es decir:
Empresa xx
48001 Bilbao
- lista básica de etiquetas XHTML
- Igual que '<code>', pero cuando se trata de un ejemplo:
'<samp> </samp>'.
- lista básica de etiquetas XHTML
Para destacar un texto debemos utilizar los elementos <em> y <strong> (fuerte y más fuerte, respectivamente), frente a <b> y <i>, que eran marcadores de diseño, pero que no tenían ningún significado especial.
* Si luego queremos cambiar la apariencia de estos elementos, podemos hacerlo con CSS.
- lista básica de etiquetas XHTML
-'<ins> </ins>' y '<del> </del>'.
- lista básica de etiquetas XHTML
- Utilizar el atributo 'tabindex'.
Ejemplo:
<td>Nombre:<br /><input type="text" name="nom" tabindex="1" /></td>.
- lista básica de etiquetas XHTML
Mediante los párrafos, estructuraremos la mayor parte de los contenidos web.
Ejemplos:
Éste es un párrafo
- lista básica de etiquetas XHTML
-'<sub> </sub>' y '<sub> </sub>'.
- lista básica de etiquetas XHTML
- lista básica de etiquetas XHTML
-'<kbd> </kbd>'.
- Ejemplo:
Si pulsas la tecla <kbd>F1</kbd> podrás acceder a la ayuda del programa.
* Después con los estilos conseguiremos dar a 'F1' el aspecto visual que se suele utilizar como norma general.
- lista básica de etiquetas XHTML
-'<var> </var>'.
- lista básica de etiquetas XHTML
- Declarar un guión de javaScript:
<script type="text/nombre">
</script>
* El atributo 'language' está desaprobado.
- Los enlaces que llevan a documentos que no estén en HTML, ( pdf, word, exe, etc...) deben indicarlo con un icono especifico.
- Deben estar subtitulados (tanto para las personas que no oyen bien. O por encontrarse en un sitio donde hay mucho ruido: Fabricas. O en el que se exige silencio: Bibliotecas, hospitales.
*Existe software que ofrece la posibilidad de incorporar el subtitulado o no.
El Navegador que trae la Wii, la videoconsola de juegos de Nintendo, es el Opera. Aunque no coincide exactamente con la versión de escritorio que podemos tener instalado en nuestro ordenador.
No es lo que no tengo. Es lo que no soy.