Este artículo es acerca de cómo los lectores de pantalla leen el contenido añadido con pseudo elementos CSS :before y :after (en CSS3 son ::before y ::after).

Estoy tratando de aprender a usar AT cuando desarrollo sitios web y recientemente vi como no importa cuanto W3C quiera que usemos ciertos elementos CSS, siempre habrá desarrolladores/diseñadores quienes intentarán probar los límites de las especificaciones.

Inicio: 21 de febrero de 2011.
Fin: 20 de marzo de 2011 (75 horas de curso).
Fin de plazo de matrícula: 13 de febrero de 2011
Lugar: online, a través de la plataforma de campus virtual de la Universidad de Murcia.
Precio: 100 Euros.

Estaba escribiendo el otro día acerca de la importancia del encabezado H1 y de la necesidad de usar encabezados con contenidos de calidad.

Comencé a buscar grandes-nombres-de-sitios-web-para-ganar-dinero con el objeto de encontrar buenos ejemplos de ingeniosos encabezados en sus páginas principales. En caso de que alguien diga: “Ok, chica… inteligente, muéstrame un sitio web de un millón de dólares si eres tan…” Yo definitivamente le diría: “Mire en Amazon o HP o BMW (adjetivo aquí) …”

Tal como discutimos en el artículo anterior acerca de formularios -Un básico copia y pega de un formulario de contacto accesible – hicimos la validación del formulario usando una clase que resalta y nos indica los elementos que necesitan ser llenados o corregidos en caso de que la validación haya fallado.

Una buena manera de aprender acerca de accesibilidad es a través de ejemplos y discusiones. En este post trataré de traducir las reglas WCAG -algunas-veces-difíciles-de-obtener en un ejemplo real de un formulario de contacto. Puede mirar el enlace de prueba, bajar el código y/o continuar leyendo un poco más. Como mencioné antes, los formularios de [...]

En lo que se refiere a accesibilidad, cada codificador es un pequeño gurú. En los sitios web en los que postulé proyectos, todo el mundo es un experto en accesibilidad y usabilidad (incluyéndome, lo admito).

Aunque estas reglas existen desde hace algún tiempo, hay codificadores quienes las encuentran difícil de implementar – Así que estoy tratando de encontrar aquí cuales son los trucos que usan en sus códigos para hacerlos accesibles. Por ejemplo, aunque escribir código semántico ayude (y mucho) no siempre es suficiente. Algunos tratan de ver sus páginas con CSS e imágenes deshabilitadas, algunos no lo hacen. Algunos de nosotros tenemos trucos que no queremos compartir con otros programadores. Algunos sí compartimos. No todos somos gurú, verdad? Alguien tiene que comenzar de algún sitio.

Últimamente veo muchos sitios web que abren sus páginas principales con un gran titulo de “Bienvenida”. Lo bello de este título es que usualmente alguien decide que es tan importante que se merece un encabezado H1.

Desde la perspectiva de la chica de mercadeo – o el chico de relaciones públicas, si se quiere – probablemente dar la bienvenida a los visitantes con tan bonito y educado encabezado es algo bien hecho. Y cuando un programador como yo decide que darle la bienvenida no vale el H1 y reduce su importancia a H3 (porque no se me permite borrarlo completamente) entonces la guerra en la compañía está a punto de comenzar.