Actualizado 2009-06-30. Según Jakob Nielsen Ocultar los caracteres de un campo de contraseña (mediante <input type="password" id="ejemplo" name="ejemplo" />) puede ocasionar algunos problemas. Considero que se pasa un poco, de modo que expongo los que creo que son más importantes: El usuario no ve lo que está escribiendo, lo que facilita que se equivoque. Utilización […]

Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen. Supongamos que tenemos esta regla CSS: div.capa p.parrafo {float:left; margin-left:10px;} Internet Explorer 6 sacará un margen de 20px. Se puede solucionar con un hack CSS, […]

Actualizado 2010-04-06: Añadido enlace para ampliar la información. Hace poco que salió IE8 (el 19 de marzo), y parece que ahora soporta CSS (¡Ya era hora!). Y como las versiones anteriores necesitaban muchos hacks CSS y otras cosas, para que las páginas se vieran bien, e IE8 los pilla, a veces hará falta que funcione […]

Como hace no mucho salió la versión 2 de las WCAG, me dispuse a crear una serie de herramientas útiles para análisis de accesibilidad, y por fin he terminado una de ellas, la referida a los niveles de contraste. Espero que sea de utilidad: Analizador de nivel de contraste

Tras mucho tiempo buscando lo he encontrado: un servidor que tenga PHP para Windows Mobile. Funciona bien en Windows Mobile 6.1, pero está un poco limitado.

Algunas propiedades CSS que deben evitarse o utilizarse con cuidado al crear una hoja de estilo para dispositivos móviles: float y display: estas propiedades se utilizan para crear presentar la página en varias columnas, algo que no se va a hacer (y que no se debe), en dispositivos móviles. padding y margin: dependiendo de la […]

El punto 2.4.2 de la WCAG 2.0 define que los títulos de las páginas deben describir su tema o propósito: 2.4.2 Page Titled: Web pages have titles that describe topic or purpose. (Level A) Este punto se refiere al elemento TITLE. El contenido del elemento TITLE no debe limitarse al título del sitio, sino que […]

Actualizado 2 de junio de 2011. Cuando se utilizan imágenes en una web la práctica habitual es darles un texto alternativo mediante el atributo alt, o dejar vacío dicho atributo en el caso de que la función de la imagen sea meramente decorativa. Pero nos podemos encontrar con el caso de tener una imagen a […]

He aquí una función en PHP para generar un calendario con XHTML semántico y accesible, y con clases e identificadores adecuados para aplicarle rápidamente el CSS. La función lleva cuatro parámetros, todos ellos opcionales, en el siguiente orden: Año ($year): Define el año que se va a mostrar, siendo un valor de 4 dígitos. Se […]

En ocasiones al escribir el contenido de una variable PHP se emplean líneas distintas que pueden no ser consecutivas, por ejemplo: $html = $html.'<p>Primer elemento</p>'; $html = $html.'<p>Segundo elemento</p>'; $html = $html.'<p>Tercer elemento</p>'; Cuando sería más correcto: $html .= '<p>Primer elemento</p>'; $html .= '<p>Segundo elemento</p>'; $html .= '<p>Tercer elemento</p>'; En el segundo ejemplo se ha […]