Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Archive for febrero, 2010

PHP y Javascript: Subir múltiples archivos

Fecha de publicación: 2010/02/28

Esta semana estuve montando un PHP que sirviese para subir y eliminar archivos en un servidor, y que además lo pudiese hacer sin necesidad de recargar la página.

Para subir los archivos y no recargar la página ha sido necesario utilizar un elemento iframe como destino del formulario de envío (no encontré otro modo). Si no se dispone de Javascript funciona de igual modo, pero recargando la página y sin el iframe.

En principio es accesible, quizá le falta WAI ARIA y revisar que el foco no pase al iframe (En Firefox y en Internet Explorer 6 no parece que eso de problemas).

Este es un script del que no puedo poner ejemplo, ya que sería arriesgado por temas de spam, pero basta con descomprimir el descargable en una carpeta del servidor para poder probarlo. Descargar ejemplo (ZIP, 113KB)

Datos del artículo:

HTML: uso de atributos id, headers y axis en tablas

Fecha de publicación: 2010/02/16

Habitualmente se utiliza el atributo scope en las tablas para definir la relación de las celdas con las columnas.

Leer el resto del artículo

Datos del artículo:

OpenOffice.org: numeración automática de encabezados

Fecha de publicación: 2010/02/15

La numeración de los encabezados en OpenOffice.org puede realizarse de forma automáticamente siguiendo un proceso de los más sencillo.

Leer el resto del artículo

Datos del artículo:

Tablas HTML: desaparece el borde de celda

Fecha de publicación: 2010/02/15

A veces en Internet Explorer 6 ocurre que al meter enlaces dentro de una celda desaparece algún borde de dicha celda.

Parece absurdo, y lo es. Pero una posible solución es comprobar si el contenido de dicha celda cabe en el ancho de la misma. A veces dándole un ancho mayor desaparecerá el problema.

Que aburrida sería la maquetación sin IE6 ¡Larga vida a IE6!

Datos del artículo:

Accesibilidad: ordenación de columnas en tablas

Fecha de publicación: 2010/02/12

En las tablas de datos hechas con (X)HTML no es infrecuente encontrarse con que el encabezado de algunas columnas es un enlace que sirve para ordenar los datos en orden ascendente o descendente. Habitualmente se utiliza una imagen para indicar la ordenación que se ha seleccionado, pero, ¿es accesible?

Leer el resto del artículo

Datos del artículo:

Google Maps: accesibilidad de teclado y alternativa en ausencia de Javascript

Fecha de publicación: 2010/02/10

Las aplicaciones web ricas en Javascript pueden suponer en algunas ocasiones una barrera para la accesibilidad. En el caso de Google Maps (versión 3) tenemos dos potenciales barreras de accesibilidad:

  • Utilización de los controles del mapa unicamente con dispositivo apuntador: imposibles de utilizar con teclado.
  • Sin alternativa en ausencia de Javascript.

Leer el resto del artículo

Datos del artículo:

Buenas prácticas en Web Móvil

Fecha de publicación: 2010/02/07

He estado preparando una breve guía para introducirse en el desarrollo web para dispositivos móviles. Se basa principalmente en las Mobile Web Best Practices 1.0 (enlace externo, en inglés).

No está totalmente terminado, pero creo que ya puede resultar útil.

Datos del artículo:

Información del sitio