XHTML: la etiqueta TITLE

La etiqueta title es el elemento que define el título de un documento XHTML. Ejemplo: <html> <head> <title>Título del documento</title> </head> <body> Contenido del documento…… </body> </html> Atributos La etiqueta title no requiere la utilización de ningún atributo, aunque admite la inclusión de atributos I18n, que se refieren al idioma utilizado: dir: especifica la dirección …

AENOR lanza una certificación de accesibilidad web

AENOR ha lanzado una certificación de accesibilidad web como resultado de un acuerdo con CTIC y ESI Tecnalia. Interesante, pero AENOR no esta en condiciones de dar lecciones de accesibilidad, de momento, ya que la nota de prensa la distribuye en PDF, sin ofrecer una alternativa en HTML, y su sitio web dispone también de …

Crear gráficos de estadísticas con CSS

Advertencias Con el empleo de esta técnica surgen algunas limitaciones: Accesibilidad: puede quedar invalidad el criterio de accesibilidad WCAG 1.0 de nivel AAA 14.2, referido al acompañamiento del texto por parte de una imagen que facilite su comprensión. Ergonomía: el gráfico generado no será copiado con la misma facilidad que una imagen. Es necesario crear …

Anclajes o enlaces dentro de una misma pagina: ¿Deben usarse?

Según Nielsen el usuario tiene el siguiente modelo mental cuando interactúa con los enlaces de un sitio web: Pinchar en el enlace lleva a una nueva página. Tras pinchar en el enlace la página donde dicho enlace se situaba desaparece. Al pinchar en el enlace se carga una nueva página que sustituye totalmente a la …

XHTML: Abreviaturas y acrónimos

En primer lugar hay que distinguir entre abreviatura y acrónimo: En la abreviatura no se lee la palabra que se crea con la forma abreviada, sino que se traduce su significado. En el acrónimo se lee la palabra que constituye la forma abreviada tal cual se ha escrito. Un ejemplo de abreviatura: <abbr title=»izquierda»>izqda.</abbr> Y …

Enlaces en ventana nueva: mejor no hacerlo

En muchas ocasiones al crear una página se incluyen enlaces que se abren en ventana nueva, en la mayor parte de las ocasiones apuntan a páginas de sitios externos. Para que un enlace se abra en una ventana nueva hay que añadir el atributo target en la etiqueta del enlace: <a href=»http://www.ejemplo.com» target=»_blank»> Texto del …

Como conseguir bordes redondeados mediante CSS

Existe una propiedad de CSS3 para hacer que los bordes definidos mediante CSS tengan esquinas redondeadas. Basta con añadir el siguiente código en el CSS (además de las propiedades de los bordes): -moz-border-radius: 10px;border-radius: 10px; Ahora un ejemplo. Primero el código XHMTL: <div class="redondeado0"><p>El borde de esta capa se verá redondeadosi usas un navegador basado …