Conocido como user experience en español ahora es...
Mostrando entradas con la etiqueta libros. Mostrar todas las entradas
Mostrando entradas con la etiqueta libros. Mostrar todas las entradas

Nueva Campaña del WaSP

domingo, marzo 09, 2008

Advertencia: La Web Cambia Rápido

El Street Team del WaSP lanza su primer proyecto en comunidad: separadores que puedes colocar en librerías, escuelas y tiendas de libros para ayudarle a los lectores a saber que ese material está desactualizado.

¿Cuántos libros desactualizados de diseño y desarrollo Web están escondidos en tu librería, escuela o colegio, esperando a corromper una mente inocente? ¿Quieres ayudarnos a advertir a aquellos ingenúos contra ese peligroso material mientras que las librerías actualizan sus estantes? Únete al Street Team del WaSP descargando e imprimiendo estos separadores (PDF en Inglés [151K] - PDF en Español [153K]). Luego los colocas en los libros desactualizados que veas que son especialmente dañinos.

¡Además han creado un grupo en Flickr para que coloques las fotos de los libros que has encontrado y señalado!

¿Cómo identificas un libro desactualizado? Porque:

  • Recomienda el uso de tablas para diagramar (en lugar de CSS).
  • Enseña un mal y feo (X)HTML (en lugar de uno semántico).
  • No le importa crear sitios inaccesibles (en lugar de asegurarse que todo su contenido esté disponible para personas con discapacidades).
  • Crea páginas que sólo que se pueden navegar con Internet Explorer (en lugar de trabajar con los estándares Web y que se pueda ver en cualquier navegador)
¡Y ten cuidado!
Aunque muchos de estos libros necesitan sacarse de circulación y ser reemplazados por buenos libros, ese no es tu trabajo. Así que no intentes dañarlos ni destruirlos. Trátalos como reliquias de un museo. Recuerda que las librerías, además de proveer acceso libre al conocimiento, también están encargadas de mantener la historia. Lo que queremos hacer es mover estas reliquias para la sección de archivo, tu sabes, cerca de la sección de "la tierra es plana" y "pluto es un planeta".

¡Ah! Y no olvides pasar por la sección de Buenos Libros para que tu también actualices tu biblioteca.

Reportes de Accesibilidad y Usabilidad: State of The Nation

miércoles, enero 30, 2008

State of The Nation

State of The Nation es un reporte que se viene publicando desde el año 2003 en manos de AbilityNet y en el cual toman renombrados sitios web y los evalúan en cuanto a accesibilidad y usabilidad.

El último informe titulado Social networking sites lock out disabled users ha estado muy comentado porque después de analizar los sitios Facebook, YouTube, My Space, Yahoo [uk] y Bebo concluyen que, muy al contrario de ser los sitios universales que pretenden ser, en realidad tienen sus puertas cerradas a las personas discapacitadas, que ni siquieran tienen la posibilidad de registrarse y, por ende, no pueden participar en estas grandes comunidades. Situación que, además de antiética, va en contra de las leyes.

Además de este informe, también resultan muy interesantes los otros 16 reportes que han publicado y que están disponibles para descargar gratuitamente en Word y PDF.

Libros de Usabilidad y Diseño de Interfaces

sábado, enero 26, 2008



Otra excelente recopilación la que se han fajado en Smashing Magazine: Usability and Interface Design Books.

En ella recopilan y reseñan estos excelentes libros de Usabilidad y Diseño de Interfaces. A continuación la lista vinculada a Amazon, pero en Smashing encuentran, además de las reseñas, el vínculo a los sitios oficiales.

  1. About Face 3. The Essentials of Interaction Design por Alan Cooper, Robert Reimann y David Cronin
  2. Prioritizing Web Usability por Jakob Nielsen y Hoa Loranger
  3. Designing the Obvious. A Common Sense Approach to Web Application Design por Robert Hoekman, Jr.
  4. Don’t Make Me Think. A Common Sense Approach to Web Usability por Steve Krug
  5. The Design of Sites. Patterns for Creating Winning Web Sites por Douglas Van Duyne, James Landay y Jason Hong
  6. The Design of Everyday Things por Donald A. Norman
  7. Designing Interfaces: Patterns for Effective Interaction Design por Jenifer Tidwell
  8. Designing for Interaction: Creating Smart Applications and Clever Devices por Dan Saffer
  9. Designing Interactions por Bill Moggridge
  10. Envisioning Information por Edward R. Tufte
  11. Interaction Design: Beyond Human-Computer Interaction por Jenny Preece, Yvonne Rogers y Helen Shar
  12. The Humane Interface: New Directions for Designing Interactive Systems por Jef Raskin
  13. Designing the User Interface: Strategies for Effective Human-Computer Interaction por Ben Shneiderman y Catherine Plaisant
  14. Thoughtful Interaction Design: A Design Perspective on Information Technology por Jonas Löwgren y Erik Stolterman
Recuerden que también tenemos una recopilación de libros y publicaciones gratis muy interesante.

Introducción a una Buena Usabilidad

martes, enero 22, 2008

Introduction to Good Usability

Esta es una nueva, pequeña pero interesante publicación: Introduction to Good Usability [en]. En ella el autor recopila y comenta muy concretamente una gran cantidad de recomedaciones y buenas prácticas en cuanto a Usabilidad se refiere.

Como comenta Yusef: Recomendaciones sencillas sobre usabilidad, especialmente orientadas a neófitos.

Otra publicación más para nuestra biblioteca de libros gratuitos.

Gratis Reporte de Accesibilidad por Jakob Nielsen

martes, diciembre 18, 2007

Beyond ALT Text:Making the Web Easy to Use for Users With Disabilities

Como regalo a sus lectores y clientes fieles, Jakob Nielsen y su compañía Nielsen Norman Group han publicado gratuitamente su reporte de Accesibilidad: Beyond ALT Text:Making the Web Easy to Use for Users With Disabilities

El título completo del reporte es: Más allá del Texto Alternativo: Haciendo la Web fácil de usar para usuarios con discapacidades - Guías de Diseño para Sitios Web e Intranets basadas en Estudios de Usabilidad de Gente usando Tecnología de Asistencia.

Este reporte fue publicado inicialmente en octubre del 2001 y contiene, entre otras cosas:

  • El resultado de las pruebas de usabilidad en 19 sitios Web con usuarios discapacitados y que usan diversos tipos de tecnologías asistenciales.
  • Datos recolectados en Estados Unidos principalmente.
  • 75 guías detalladas de diseño.
Gracias a Free report on accessibility from Jakob Nielsen.

Access by Design Online

miércoles, noviembre 21, 2007

Universal Usability: A universal design approach to web usability

Carátula: Access by Design: A Guide to Universal Usability for Web DesignersMe acabo de dar cuenta que el libro Access by Design: A Guide to Universal Usability for Web Designers está disponible en línea gratuitamente. Su autora, Sarah Horton, lo publicó inicialmente en el 2005 y al igual que su WebStyleGuide ahora lo ha puesto en Internet.

Si deseas tu copia impresa por supuesto que puedes adquirirla en Amazon: Access by Design y Web Style Guide.

Ambos libros son más que recomendables y te recuerdo que siempre estarán disponibles en mi post de Libros Gratis.

Gracias a Access by Design: usabilidad para diseñadores web.

Libros Gratis

sábado, septiembre 08, 2007



Me enteré de estas muy interesantes publicaciones (libros, guías, tutoriales, estudios, revistas, monografías...). ¡Todos ellos para descargar o leer en línea gratuitamente! Estoy actualizando permanente este post, colocando las adiciones en primer lugar, para que estén pendientes. Si conocen de alguno que falte: por favor escríbanme. Comencé con dos y ya vamos por 42:


Carátula: Introduction to Information RetrievalIntroduction to Information Retrieval por Christopher D. Manning, Prabhakar Raghavan y Hinrich Schütze:
The book aims to provide a modern approach to information retrieval from a computer science perspective. It is based on a course we have been teaching in various forms at Stanford University and at the University of Stuttgart..
Cambridge University Press is currently copy-editing the manuscript. The book is scheduled to appear July 2008.
Esta es una introducción (profunda) a la Recuperación de Información.


Carátula: eMinds No. 3eMinds No. 3 por The Human Communication and Interaction Research Group (University of Oviedo):
eMinds: International Journal on Human-Computer Interaction is a referred journal, published and edited on a yearly basis by the Human-Communication and Interaction Research Group in collaboration with the eXus Information Architecture Society. The goal of eMinds is to develop the study of current practice, content, technology, and services on Human-Computer Interaction. This journal aims to provide an interdisciplinary forum for the exchange of ideas concerning theoretical, technical, practical, social and pedagogical issues; helping professionals working in the field to contribute, to disseminate knowledge, and to learn from each other’s work.
Para este número 3, también disponible en formato impreso, traen artículos en los siguientes temas: "Interface Design Patterns, Languages and Models", "Cognitive user models and Psychology", "Ambient Intelligence and Ubiquitous Computing" y "Usability Engineering".
Esta es la primera, y por lo tanto, única edición disponible para descargar.


Carátula: Social networking sites lock out disabled usersState of the eNation Report: Social networking sites lock out disabled users por AbilityNet:
Social networking sites may be revolutionising internet communication, and creating new and exciting opportunities in both leisure and business, but is this Brave New World as democratic and inclusive as it appears?.
Pioneering research by national computing and disability charity, AbilityNet, of five of the most popular sites, shows that, in contrast to their apparent universal appeal, they are effectively ‘locking out’ disabled visitors, the majority of whom can’t even register, let alone participate in the on-line communities they wish to join. This gross oversight is not only unethical, it is also clearly in contravention of the Disability Discrimination Act (1999).
Este es el reporte nro. 17 que State of the eNation ha venido publicando desde el 2003. Todos ellos disponibles en formato Word y PDF gratuitamente.


Carátula: Introduction to Good UsabilityIntroduction to Good Usability por Peter Conradie:
Over the past year I have written a few posts about design guidelines. They have also proven to be the most successful ones. I have therefor decided to put a few of them together, add some more and bundle it as an ebook. So without much further ado, I present: Introduction to Good Usability (pdf).
Recomendaciones sencillas sobre usabilidad, especialmente orientadas a neófitos


Carátula: Los Blogs en la Comunicación Empresarial en EspañaLos Blogs en la Comunicación Empresarial en España: Últimas Tendencias por Javier Celaya y Pablo Herrera:
El objetivo de este estudio es facilitar a los directivos de marketing y comunicación de las empresas españolas el conocimiento de estas nuevas herramientas de comunicación y ayudarles a determinar el papel que puedan tener en su futura estrategia de comunicación corporativa, en sus relaciones con los medios y en su política de comunicación interna.



Carátula: La Blogosfera HispanaLa Blogosfera Hispana: Pioneros de la Cultura Digital por José M. Cerezo:
El objetivo del libro es obtener y transmitir una visión pormenorizada de todos los campos y ámbitos posibles que abarca la realidad de la blogosfera hispana, contados desde la propia experiencia de sus principales protagonistas.
Es el libro sobre blogs en el que participan más blogueros, el que abarca más puntos de vista sobre el fenómeno, el que aporta más datos y el primero en tratar el fenómeno del podcasting. Hemos querido hacer un libro completo, sin perder el rigor académico que nos caracteriza pero con la frescura y el tono divulgativo de este fenómeno que es la blogosfera hispana.



Carátula: Comunicación Empresarial 2.0Comunicación Empresarial 2.0 por Pablo Herrera y Javier Celaya:
La segunda edición de este estudio incorpora nuevos capítulos y contenidos que abarcan temas de máxima actualidad e importancia para los responsables de comunicación de las empresas, como el posicionamiento web de una empresa, la aplicación empresarial de los wikis, el auge del podcast como herramienta de comunicación, la irrupción de las redes sociales, la sindicación de contenidos-RSS, la presencia virtual de marcas en Second Life, el uso empresarial de Twitter, entre otros. Por este motivo, hemos decidido también cambiar el nombre del estudio por el de Comunicación Empresarial 2.0 con el fin de reflejar todo este nuevo contenido.
Este nuevo estudio tiene un enfoque divulgativo y está especialmente dirigido a aquellos responsables de comunicación y empresarios con escaso conocimiento sobre estas nuevas herramientas, pero con mucho interés en conocer los beneficios derivados de su aplicación en la comunicación empresarial.



Carátula: How to Start a Business BlogHow to Start a Business Blog por Michael Martine de Remarkable Blog Consulting and Coaching:
This free eBook is a 12-step process for starting a business blog packed with vital and actionable information.
Machael have written extensively on business blogging. In 2007, he wrote a huge 12-part series of posts on how to start a business blog. His intention from the beginning was to take these posts and expand on them in the form of a book. And that’s just what he did. At over 80 pages, this is a real, honest-to-goodness book, not some flimsy white paper mislabeled as an ebook.



Carátula: Corporate Intranets Best Practices ReportCorporate Intranets Best Practices Report: A User-Driven Web 2.0 Perspective por Avenue A | Razorfish:
Este es un estudio de mejores prácticas en Intranets, Extranets y Portales para Empleados basado en investigaciones en empresas líderes de la industria. El reporte da unas guías a los administradores sobre cómo evolucionar su Intranet, Extranet o Portal para generar un mejor y más medible valor agregado.
Para descargar este reporte de 47 páginas es necesario registrarse gratuitamente.



Carátula: Beyond ALT Text: Making the Web Easy to Use for Users With DisabilitiesBeyond ALT Text: Making the Web Easy to Use for Users With Disabilities por Jakob Nielsen y Nielsen Norman Group:
Como regalo a sus lectores y clientes fieles, Jakob Nielsen y su compañía Nielsen Norman Group han publicado gratuitamente su reporte de Accesibilidad: Beyond ALT Text: Making the Web Easy to Use for Users With Disabilities.
El título completo del reporte es: Más allá del Texto Alternativo: Haciendo la Web fácil de usar para usuarios con discapacidades - Guías de Diseño para Sitios Web e Intranets basadas en Estudios de Usabilidad de Gente usando Tecnología de Asistencia.
Este reporte fue publicado inicialmente en octubre del 2001.



Carátula: capire • revista de estrategia e interaccióncapire • revista de estrategia e interacción por amable:
Publicación digital que para este diciembre cumple 8 ediciones. Es publicada gracias a la compañía de estrategia y diseño de interacción amable.
Todos sus artículos y temas son realmente interesantes. Escriben de Estrategia, Experiencia de Usuario, Diseño Emocional, Branding, Tecnología, Usabilidad, Accesibilidad... ¡Para no perdérsela!



Carátula: Web 2.0: El Negocio de las Redes SocialesWeb 2.0: El Negocio de las Redes Sociales por Fundación de la Innovación Bankinter:
Esta publicación, fruto del análisis de los expertos del Future Trends Forum sobre la nueva realidad de la Web 2.0, se centra en la aplicación de esa tecnología a las empresas que abre nuevos modelos de negocio y estándares de relación con los usuarios y nos ofrece una visión general y completa sobre el fenómeno de la Web 2.0 y de su repercusión sobre las redes sociales.
Aunque tenga un propósito más empresarial sus contenidos están dirigidos a un público más amplio. Es interesante el apartado de “Implicaciones en la educación” donde se comentan asuntos del tipo: "En este contexto, el profesor debería dedicar más tiempo a tutorías, orientaciones, trabajo personal de búsqueda de nuevos materiales, formación, moderación de foros, blogs, wikis, chats, etc. y menos a preparar e impartir clases".
Este es la 8va publicación de esta Fundación en formato PDF.



Carátula: Guía de accesibilidad y estándaresGuía de accesibilidad y estándares por AteDis: Apoyo Tecnológico para la Discapacidad:
En AteDis nos proponemos lograr que las páginas Web de la Argentina sean Accesibles para todos. Para eso preparamos esta Guía de Accesibilidad y estándares con el objeto de acercar a los Responsables de Instituciones y Público en general los fundamentos para que puedan decidir cumplir con los estándares Web y a Webmasters y diseñadores Web, para que comiencen a diseñar y a desarrollar sus trabajos siguiendo las Pautas e Iniciativas de la WAI..
Esta guía consta de cuatro capítulos, a saber, Qué es Accesibilidad Web, Pautas y Leyes, El Validador Automático y Las Hojas de Estilo. Todos ellos consultables en línea y descargables en PDF.



Carátula: Web Design from Scratch: Your complete guide to web designWeb Design from Scratch: Your complete guide to web design por Ben Hunt:
Esta excelente guía en inglés abarca una gran cantidad de temas. Es muy extensa y completa aunque en inglés. Está disponible completamente online y algunos fragmentos de ella se puede descargar en PDF bajo la modalidad de pago.
Web Design from Scratch is for everyone involved or interested in creating web sites - whether novice or expert. It will help you understand what makes web sites succeed or fail, and what can be done to increase the chance of success..
You don't have to be a web designer to benefit from this site. You may have a current web site design project, you may be updating an existing site, or just interested in learning new skills..



Carátula: Access by Design: A Guide to Universal Usability for Web DesignersAccess by Design: A Guide to Universal Usability for Web Designers por Sarah Horton:
Access by Design Online offers guidelines for universal usability, along with examples and links to related articles and tutorials. Resources provides general information about universal usability resources and practitioners..
We build Web sites for many reasons, but one reason trumps all others: We build Web sites so people can use them. They are to be looked at, watched, listened to, skimmed, read, printed, clicked, input into, and operated by different people using different access devices. If the result of design is that someone cannot load a page or activate a link or read a paragraph or interpret an image, then design is no longer a means to an end—design is an impediment.



Carátula: Revista FazRevista Faz, Revista de Diseño de Interacción:
Faz es una nueva revista apasionante, que anima a académicos y a quienes ejercen en los campos de diseño de interacción, arquitectura de información, usabilidad, HCI y experiencia de usuario, a compartir ideas, opiniones, mejores prácticas y resultados de investigación. En el primer número tendremos una rica colección de artículos que cubren diversos tópicos, como el diseño de interfaz de ATMs, diferencias culturales entre la web chilena y la española, diseño para prevenir el fraude, conferencia internacional HCI en China y el futuro de la web geoespacial. Los invito a dar una mirada, contar a sus amigos y colegas y a que consideren compartir sus experiencias contribuyendo con un artículo para Faz..



Carátula: Publicidad 2.0Publicidad 2.0:
Un whitepaper de 20 páginas sobre la influencia de fenómenos como blogs, podcasts y RSS en el rubro de la publicidad y el marketing. Para algunos, es un buen resumen de lo que se ha hablado en blogs y medios especializados desde hace un tiempo, para otros, un documento que habla de nuevas amenazas y oportunidades.
Deberían leerlo todas las personas que trabajen en publicidad, marketing y medios, especialmente aquellas interesadas en nuevas tecnologías. Sin embargo, no es necesario saber de tecnología, lo que hace que este documento sea una buena oportunidad para que aquellos que no se han enterado aún de los grandes cambios en el terreno de la internet social y sus consecuencias, empiecen a enterarse desde ya..



Carátula: Libros de Programación y Diseño WebLibros de Programación y Diseño Web:
Este sitio ofrece libros de desarrollo web totalmente gratuitos, los cuales son de gran utilidad para las personas que apenas comienzan con el diseño web y desean o tienen el interés de conocer cómo se crea un página web hasta cómo se genera una gestión de un sitio web mas dinámico..
Al momento tienen estos libros: Introducción a XHTML, Introducción a CSS, Introducción a Javascript, Introducción a Ajax y Symfony la guía definitiva, de los cuales son descargables: el de CSS y el de XHTML.
¡Si quieres aprender los Estándares Web este es el comienzo!



Carátula: El acceso de las personas con discapacidad a las telecomunicaciones y a la sociedad de la informaciónEl acceso de las personas con discapacidad a las telecomunicaciones y a la sociedad de la información por Consejo Nacional sobre Discapacidad de los Estados Unidos de América:
El CERMI y Telefónica han publicado en español el estudio más amplio y actual, en todo el mundo, sobre accesibilidad de las personas con discapacidad a las nuevas tecnologías y a la sociedad de la información y el conocimiento..
Elaborado en diciembre de 2006, el informe analiza exhaustivamente el paso de unas tecnologías heredadas a los innovadores y versátiles productos y servicios ligados a Internet.
Según demuestra el informe, esta transición no es neutra por sí misma para las personas con discapacidad, por lo que a lo largo de todo el estudio se evidencia la necesidad de poner en práctica salvaguardias legales para evitar dar un paso atrás en los importantes logros alcanzados en el acceso a las telecomunicaciones en las últimas décadas. Los que tienen la posibilidad de comunicarse y adquirir o suministrar información disponen del poder de mejorar su independencia y autosuficiencia, conseguir movilidad e interrelación ilimitadas, y contribuir activamente a la sociedad como participantes productivos..
Igualmente los invito a revisar la biblioteca digital del CERMI en donde encontrarán gran cantidad de publicaciones sobre sus actividades y sobre la accesibilidad en el "mundo real".



Carátula: emagister.comRecursos de HCI y Usabilidad Gratis por emagister.com:
Más que una publicación, es la recopilación de muchas publicaciones, entre las que podemos contar monografías, tutoriales, cursos, artículos y manuales. Al momento de esta reseña tienen 88 recursos dentro del área de HCI y Usabilidad, 18 sobre accesibilidad, 128 sobre diseño de páginas Web (revisa que el recurso tome como referencia los estándares Web)....



Carátula: Tendencias Web 2.0 en el sector editorialTendencias Web 2.0 en el sector editorial por Javier Celaya:
Este estudio analiza de qué manera las editoriales están incorporando las nuevas tecnologías web 2.0 en sus estrategias de comunicación y marketing del libro..
Así como en el estudio publicado en 2005 se detectó un cierto recelo en el sector editorial ante el uso de las nuevas tecnologías para promocionar sus libros, el estudio de este año, "Tendencias Web 2.0 en el sector editorial", indica que existe una mayor sensibilización por parte de las editoriales a la hora de utilizar estas herramientas en sus planes de promoción del libro y fomento de la lectura..



Carátula: Revista Minusval 164Revista Minusval - Especial sobre Accesibilidad Electrónica por IMSERSO y SID:
Minusval es una publicación bimestral dirigida a personas con discapacidad, profesionales y entidades que trabajan en favor del colectivo de personas con discapacidad. Su primer número salió a la calle en mayo de 1974, siendo desde sus inicios instrumento de diálogo entre personas con y sin discapacidad.
El número 164 de la revista (julio/septiembre 2007) incluye un dossier sobre Accesibilidad Electrónica... Incluye interesantes trabajos sobre las distintas iniciativas que en este ámbito están desarrollando las fundaciones Telefónica, Vodafone y Orange; el papel de la Fundación SIDAR en la promoción de la accesibilidad a la web; los estudios del Observatorio de la Infoaccesibilidad en España; los retos de la accesibilidad web en la empresa; la presentación de INTECO; y los requisitos de accesibilidad electrónica en las compras públicas.



Carátula: Information Architecture TutorialInformation Architecture Tutorial por John Shiple :
¡Esto es lo que se llama un clásico! Information architecture is the science of figuring out what you want your site to do and then constructing a blueprint before you dive in and put the thing together. It's more important than you might think, and John Shiple, aka Squishy, tells you why..
Squishy first looks at how to define your site's goals, shedding light on the all-important art of collecting clients' or co-workers' opinions and assembling them in a coherent, weighted order of importance. He also shares his scheme for documenting everything so that all parties can keep up...



Carátula: Guía de Escritura para WebGuía de Escritura para Web por Natalia Vivas Velasco y Mary Alexandra Ramírez D.:
Antes de empezar usted debe saber que ésta no es una Guía de redacción, ni de gramática, ni mucho menos un recetario que le solucionará los problemas para escribir en su Sitio Web. Esta Guía es un compendio de sugerencias para que su trabajo de administración periódica de contenidos en sitios Web institucionales sea realmente efectivo y más fácil de leer para sus usuarios. Para realizar esta Guía analizamos los hábitos de lectura y navegación de más de 30 usuarios en tres Sitios Web institucionales.



Carátula: Pensar PrimeroPensar Primero por Daniel Mordecki:
Sepa por qué los programadores le contestan "no se puede" cada vez que usted pide algo razonable y sencillo. Pensar Primero es un análisis profundo de los problemas que genera la dependencia de los sistemas informáticos. Con espíritu autocrítico, y un poco de humor, aborda las causas por las cuales los proyectos de sistemas suelen exceder largamente los plazos previstos, los presupuestos asignados y la sana paciencia de quienes conviven con ellos. Aporta además una metodología nueva para poder manejar los proyectos informáticos basándose en la previsibilidad y el sentido común..
Adicionalmente te invito a leer otros Artículos sobre Usabilidad y Diseño de la Interacción del mismo autor.



Carátula: Guía para el Desarrollo de Sitios Web del Gobierno de ChileGuía para el Desarrollo de Sitios Web del Gobierno de Chile v1.0 por Ministro Secretario General del Gobierno de Chile:
Esta guía ha sido desarrollada como respuesta al llamado hecho por el Presidente Ricardo Lagos en el Instructivo de Gobierno Electrónico, la experiencia existente en las diferentes reparticiones públicas y gracias a la información recogida en la Primera Versión del Premio Web 2002-2003, organizado por el Ministerio de Economía, Ministerio Secretaría General de Gobierno, Proyecto de Reforma y Modernización del Estado, INTEC y el Centro Nacional de Productividad y Calidad.
La guía está conformada por 5 capítulos, a saber: Planificación Inicial de un Sitio Web, Definición del Sitio Web, Diseño Web y Estándares, Puesta en Marcha del Sitio Web y Plan de Mantención del Sitio Web.



Carátula: Achieving Usability Through Software ArchitectureAchieving Usability Through Software Architecture por Software Engineering Institute:
In this paper, we present an approach to improving the usability of software systems by means of software architectural decisions. We identify specific connections between aspects of usability, such as the ability to "undo," and software architecture. We also formulate each aspect of usability as a scenario with a characteristic stimulus and response. For every scenario, we provide an architecture pattern that implements its aspect of usability. We then organize the usability scenarios by category. One category presents the benefits of these aspects of usability to users or their organizations. A second category presents the architecture mechanisms that directly relate to the aspects of usability. Finally, we present a matrix that correlates these two categories with the general scenarios that apply to them..



Carátula: Diseño de páginas web accesiblesDiseño de páginas web accesibles por WAI-W3C:
Las "Pautas de Accesibilidad al Contenido en la Web 1.0" son una especificación del W3C que proporciona una guía sobre la accesibilidad de los sitios de la Web para las personas con discapacidad. Han sido desarrolladas por la Iniciativa de Accesibilidad en la Web (WAI) del W3C. Estas pautas no sólo hacen las páginas más accesibles para las personas con discapacidad, sino que tienen el beneficio adicional de hacerlas más accesibles para todos los usuarios, o para los que utilizan navegadores diferentes o los nuevos ordenadores portátiles o basados en la voz..



Carátula: Web Style GuideWeb Style Guide por Patrick Lynch y Sarah Horton:
Desde su nacimiento en 1994, el objetivo principal de la Guia de estilo Web(Web Style Guide) ha sido ofrecer una minuciosa y accesible guia para el diseño web para desarrolladores en todo el mundo. A pesar de la no disponibilidad de una versión en papel de la guía, se ha elegido deliberadamente continuar ofreciendo el material libremente en la web. Incluso, la nueva Web Style Guide, 2ª edition Web site contiene el texto completo e ilustraciones de la versión impresa". La versión impresa de este libro la puedes adquirir en Amazon.



Carátula: Introducción a la Arquitectura de la InformaciónIntroducción Arquitectura de la Información por Javier Velasco:
...¿haz pensado que alguien tiene que definir el sitio antes de diseñarlo? Alguien tiene que definir cuál va a ser el contenido del sitio, sus objetivos, herramientas, cómo se llamarán los botones y en qué posición éstos van a estar, cómo se va a relacionar el usuario con el sitio. Todas éstas son tareas propias de la Arquitectura de la Información y el diseño de la Experiencia de Usuario, que en este caso trataremos de manera indistinta... Igualmente en el sitio de Javier hay otro buen listado de publicaciones que ha hecho.



Carátula: Curso Introducción a la Interacción Persona-OrdenadorCurso Introducción a la Interacción Persona-Ordenador por AIPO:
El curso que presentamos es una iniciativa surgida en AIPO de dotar a la comunidad hispanohablante de un curso de Introducción a la Interacción Persona-Ordenador (IPO) basado en Internet y desarrollado entre diferentes universidades. Conjuntamente con el curso se está desarrollando material complementario como transparencias de cada tema para ser utilizado como material de presentación de los contenidos, ejercicios, prácticas, posibles test para verificar el proceso de aprendizaje, experiencias de clases en vídeo, habladas, bibliografía docente y enlaces a otros sitios web interesantes..



Carátula: Comprendiendo la AccesibilidadComprendiendo la Accesibilidad: Una Guía para Lograr la Conformidad en Sitios Web e Intranets por Robert B. Yonaitis y traducido por Emmanuelle Gutiérrez y Restrepo:
Comprendiendo la Accesibilidad está diseñada para ser una completa guía para crear sitios Web, que consigan la conformidad con las normas federales de Estados Unidos para la accesibilidad del contenido Web, delineadas en el Rehabilitation Act Amendments de 1998, Sección 508, Subsección B, 1194.22. Adicionalmente, esta guía puede ayudarte a asegurarte de que tus documentos con base en la Web, cumplen con los estándares de accesibilidad del World Wide Web, o W3C.



Carátula: Accesibilidad e InternetAccesibilidad e Internet por Claudio Segovia:
Mi intención es hacer un libro de divulgación sobre el tema... aún le faltan cosas ¿porqué lo doy a conocer? Bueno, como notarán leyendo los agradecimientos, ya algunos de ustedes sabían de su existencia y me hicieron llegar sugerencias y críticas que me sirvieron mucho para corregir y mejorar el trabajo. Ahora ... creo que es el momento para darlo a conocer a todos para que lo revisen (los que quieran, claro) y me hagan llegar las críticas y sugerencias que crean necesarias. Por eso lo doy a conocer....



Carátula: Web 2.0Web 2.0 por Antonio Fumero y Genís Roca:
Esta obra, integrada en la Colección Fundación Orange, analiza la evolución que supone para Internet la llamada web participativa, a partir de la aparición de nuevas tecnologías que han propiciado un cambio radical en las rutinas y en la actitud de los usuarios a la hora de sumergir se en Internet.



Carátula: Norma UNE 139803:2004Norma UNE 139803:2004:
Creada por AENOR, lo que hace es proporcionar una serie de requisitos para conseguir que un portal Web pueda ser utilizado por el mayor número de personas posible. Esta norma española está orientada a las necesidades específicas de España y se basa en la especificación WCAG 1.0.



Carátula: El autismo en personas adultas: nuevas perspectivas de futuroEl autismo en personas adultas: nuevas perspectivas de futuro del Servicio de Información sobre Discapacidad (SID):
El objetivo de esta publicación es realizar una puesta al día de los diversos temas que preocupan a las familias y a los profesionales que trabajan a diario con las personas del espectro del autismo.



Carátula: Getting RealGetting Real [ES] -[EN] por 37Signals:
Libro de 37Signals. Salió en inglés hace algún tiempo, pero ya está traducido al español. Así que ya no hay excusa para no leerlo.
Descubre la forma más inteligente, rápida y fácil de construir una aplicación Web exitosa
.



Carátula: Planeta Web 2.0: Inteligencia Colectiva o medios fast foodPlaneta Web 2.0: Inteligencia Colectiva o medios fast food por Cristóbal Cobo y Hugo Pardo:
Otro libro, producto Latinoamericano y por supuesto en español, que como uno de sus mismos autores lo presenta: "La principal fuerza de este libro es que se trata del primer trabajo académico específico y de acceso gratuito que se realiza sobre el tema en el entorno iberoamericano. El concepto Web 2.0 se ha asentado ya en el universo digital, mientras el mundo científico empieza a investigar desde una mirada más reflexiva este fenómeno y sus posibles implicancias y el mundo empresarial analiza el entorno en busca de un definitivo modelo de negocio".



Carátula: Just Ask: Integrating Accessibility Throughout DesignJust Ask: Integrating Accessibility Throughout Design por Shawn Henry:
El cual provee los conceptos básicos para incluir la accesibilidad en los proyectos de diseño y da detalles para aplicar la accesibilidad en cada fase del proceso de diseño centrado en los usuarios.



Carátula: Shiny Happy UsersShiny Happy Users por los estudiantes del curso “Scientific Methods of Human Computer Interaction” de la Universidad del Estado de Iowa:
El cual es una serie de ensayos y podcasts enfocados al diseño web, a la implementación e investigación de usuarios. Incluye temas como experiencia de usuario, pruebas (testing) de usabilidad, desarrollo iterativo, prototipado de interfaces, diseño web, entrevistas a usuarios, perfiles de usuario, personas, investigación contextual, card sorting, grupos de interés, encuestas, etc.


Carátula: Building Accessible WebsitesBuilding Accessible Websites por Joe Clark
The book teaches developers of every sophistication and budget level how to improve the accessibility of their Websites so that people who are blind, deaf, or mobility-impaired can get the most out of them. Far from being a dry textbook of how-to information, Building Accessible Websites is written by a seasoned writer with a strong authorial voice over 20 years’ accessibility knowledge.


Carátula: Dive Into AccessibilityDive Into Accessibility por Mark Pilgrim:
This book answers two questions. The first question is "Why should I make my web site more accessible?" If you do not have a web site, this book is not for you. The second question is "How can I make my web site more accessible?" If you are not convinced by the first answer, you will not be interested in the second.


Suenan muy interesantes, ¿no?

Gracias a:

Mitos y Conceptos Erróneos sobre la Accesibilidad

jueves, agosto 31, 2006



Artículo original: Accessibility myths and misconceptions
Autor: Roger Johansson
Fecha: 25 de mayo de 2005
Traducido por: Gabriel Porras

La conciencia sobre la Accesibilidad en la Web está creciendo, lenta pero de manera segura. Puedes leer acerca de ella en los principales sitios web y hasta en los periódicos. En Suecia hasta puedes leer de la Accesibilidad Web en la parte trasera de las cajas de leche. Y el que esté teniendo tanta atención es excelente, pero desafortunadamente que en muchos casos la información que está siendo extendida es inexacta y engañosa.

Los conceptos erróneos acerca de la Accesibilidad Web son muy comunes. Y lo que es peor aún, también vemos personas tratando de tomar ventaja del poco conocimiento que tienen los encargados de los sitios web sobre este tema. Es una tendencia molesta de la cual escribí hace algún tiempo en charlatanes de la accesibilidad [en].

Me gustaría hablar un poco de estos conceptos erróneos, con la esperanza de dar información que explique el porqué estos mitos son sólo eso: Mitos. Con toda confianza usa este artículo como una lista de chequeo cuando le vayas a explicar la Accesibilidad Web a alguien. Si estás en el final de una compra, úsala para hacerle preguntas relevantes a quien trata de venderte o venderle a tu empresa los servicios de accesibilidad.

1. La accesibilidad es sólo para personas ciegas
Aunque es verdad que las personas ciegas y con problemas visuales son un objetivo importante y entre los beneficiados son quienes obtienen mayores beneficios, la Accesibilidad Web es más que hacer posible el acceso a la información a la gente ciega. Mucho más.

La Accesibilidad Web es construir sitios que trabajen independientemente del navegador o el sistema operativo que estés utilizando, y sin importar si tienes algún tipo de discapacidad. Se trata de respetar las diferentes personas, las diferentes necesidades y gustos personales. No todos usan la Web de la misma manera, ni con el mismo equipo.

Los sitios web accesibles maximizan el número de posibles visitantes y son más fáciles de usar por todos, con discapacidades o sin ellas. Esto incluye los robots de los buscadores – visitantes ciegos o con problemas severos de visión que definitivamente no quieres dejar por fuera de tu sitio.

2. Los sitios accesibles son feos y aburridos
Si, algunos definitivamente lo son. Pero también hay millones de sitios completamente inaccesibles que son monótonos y sin vida. La accesibilidad en sí misma no tiene nada que ver con que un sitio sea aburrido y feo. Por otro lado, la falta de conocimiento de lo que es la accesibilidad y cómo hacer un sitio accesible sí puede conllevar a construir sitios que no sean visualmente atractivos.

La accesibilidad no significa remover todos los colores y gráficas: lo que significa es pensar en cómo los colores son usados y proveer un contenido alternativo para imágenes y otros objetos gráficos que son informativos o funcionales.

Feo o no – no importa como luzca un sitio, en la mayoría de los casos el contenido es el que importa. Tal vez no para el dueño del sitio y probablemente tampoco para el diseñador, pero definitivamente sí para tus visitantes.

3. La accesibilidad es costosa y difícil
Adaptar toda la accesibilidad en un sitio grande, complejo e inaccesible puede ser en algunos casos difícil, costoso y tomará mucho tiempo, es verdad. Pero si sabes cómo trabaja la accesibilidad y si haces lo correcto desde el comienzo, los costos involucrados son mucho más insignificantes. Además de que reduces el gran riesgo de tener que reconstruir el sitio después de un par de años, ya sea por cambios en la tecnología de los navegadores o por alguna legislación que lo requiera.

Construir un sitio accesible con seguridad te ahorrará dinero a largo plazo.

Desafortunadamente no es normal que los profesionales web tengan las habilidades en Accesibilidad Web, así que el problema deberá ser encontrar una firma de diseño web conocedora de este tema.

4. Ofrecer una versión sólo texto es suficiente
Algunos creen que con ofrecer una versión sólo texto de su sitio ya no necesitan hacer su sitio principal accesible. Eso es incorrecto.

Las versiones sólo texto no son una buena idea, por varias razones:

  • Ofrecen menos información y funcionalidad que el sitio principal.
  • Causan problemas a los buscadores debido a que el contenido está duplicado – ¿a cuál versión deberá llegar la gente que viene desde ellos?
  • Las versiones sólo texto segregan el público – la gente con discapacidades de los visitantes tradicionales.
  • Puede ser difícil encontrar el vínculo a la versión sólo texto.
  • No hay garantía que la versión sólo texto sea accesible.

Además, un sitio que ofrezca una versión sólo texto es más probable que sea inaccesible para muchos que no tengan discapacidades – por ejemplo cualquiera que use un navegador alternativo, gente que tenga el javascript deshabilitado o que ha configurado su navegador para no mostrar imágenes. Y también para los robots de los buscadores. ¿Por qué? Porque los desarrolladores sienten la tentación de ignorar la accesibilidad y otras buenas prácticas para la versión principal dado que supuestamente tienen una versión sólo texto.

Si todo lo demás falla, es una alternativa: la versión de solo texto. Y me es difícil imaginar tal situación.

5. Personalización y la funcionalidad de lectura en voz alta
Aunque ofrecer opciones de personalización a los visitantes –por ejemplo hacer posible el cambiar los colores del texto y del fondo, la fuente y su tamaño- es bueno, estas opciones son –al menos en Suecia- a menudo usadas como una excusa para no hacer algo por los problemas fundamentales del sitio. Hay muchos sitios que tienen posibilidades de personalización inútiles – sin valor porque sus bases son muy inestables. Cambiar unos pocos colores e incrementar el tamaño del texto sólo hace el sitio marginalmente más accesible.

Incrementar el tamaño del texto, por otra parte, lo puede hacer prácticamente cualquiera que use la web sin que los sitios provean una función especial para esto. Aún Internet Explorer para Windows puede hacerlo si se cambian sus preferencias. Informar a los visitantes cómo hacer estos cambios probablemente no es suficiente, pero si más sitios ponen esta información disponible, más gente la conocerá.

Ofrecer opciones de personalización no es algo malo. Por el contrario –es algo muy bueno. Pero no es la primera cosa por hacer para mejorar la accesibilidad de un sitio. Es mejor estar seguros de que el sitio tiene unas bases sólidas para construir en él.

Algunos sitios permiten a sus visitantes escuchar su contenido. Esta es una adición interesante que puede ser útil para algunos grupos de visitantes pero para otros sólo un truco. Como en el caso de las opciones de personalización de la apariencia del sitio, no hay nada de malo en ofrecer esta funcionalidad. Sin embargo, es mejor arreglar los problemas básicos primero y luego invertir el tiempo y dinero que te quede en las características adicionales que serán sólo atractivas.

Interesante. Quiero aprender más.
Muy bien. El conocimiento te ayudará a ver claramente las equivocaciones y la información errónea que hay por ahí, y te permitirá tomar mejores decisiones.

A continuación unos excelentes recursos si estás interesado en aprender más acerca de la Accesibilidad Web.

Web Content Accessibility Guidelines 1.0 [en] (Versión en Español):
Las actuales pautas de la W3C que explican cómo hacer el contenido Web accesible a todos los usuarios.

Access Matters [en]:
Un sitio que usa exámenes para explorar las técnicas de accesibilidad web y las mejores prácticas.

Accessify.com [en]:
Una colección de recursos útiles, vínculos a sitios de accesibilidad, un foro y mucho más.

Building Accessible Websites [en]:
La versión online del detallado libro de accesibilidad de Joe Clark. Aún mejor, compra el libro.

Dive Into Accessibility [en]:
Un libro online que explica por qué y cómo puedes hacer tu sitio más accesible.

Herramientas para Diseñadores y Desarrolladores

martes, diciembre 27, 2005


Definitivamente si deseas tener un sitio usable, accesible, encontrable, etc. necesitas hacer pruebas una vez tengas tus páginas listas. Por ejemplo unas pruebas de usabilidad (las cuales no son para proyectos Web inmensos ni tampoco necesitan ser pruebas dispendiosas y complejas como lo muestra Nielsen: Con tan sólo 5 usuarios puedes hacer tus pruebas de usabilidad).

Pero si crees que tienes que esperar estas pruebas para revisar tu sitio estás muy equivocado. Existen herramientas que te ayudarán desde la etapa de diseño y programación a montar y revisar una variedad de aspectos que ni te alcanzas a imaginar. Herramientas que te servirán a montar tu sitio o mejorar el que ya tienes montado.

Por ejemplo puedes hacer cosas tan triviales como deshabilitar el JavaScript, las hojas de estilos o los colores para revisar cómo carga tu sitio sin ellos. Puedes revisar tu página contra validadores de CSS, (X)HTML o contra las recomendaciones de accesibilidad WAI o Section 508. Puedes crear automáticamente un menú usable y accesible basado en estilos. Puedes llegar hasta simulaciones tan complejas como ver tu página como la vería una persona con daltonismo.

¿Te suena interesante? Lo mejor es que no te he mencionado que todo esto es gratuito.

A continuación encontraras un gran listado de herramientas clasificadas por:

  1. Add-ons para tu Navegador (Browser Add-ons)

  2. Herramientas para Descargar (Tools)

  3. Herramientas Online (Online Tools)

  4. Validadores (Validators)

  5. Otros recursos (Other resources)

  6. Actualizaciones a este Post (Updates to this post)

Si consideras que falta alguna herramienta o si hay un vínculo muerto o desactualizado por favor escríbeme. Mi interés es mantener este post como una referencia actualizada y de obligatoria visita para quienes trabajamos montando Sitios Web.


1. Add-ons para tu Navegador
Estos add-ons son la mejor compañía para todo desarrollador y diseñador Web. Básicamente facilitan el acceso a muchas herramientas y validadores desde el navegador (IE o Firefox).

  • Toolbars:

    • Internet Explorer Developer Toolbar (Internet Explorer)
      Esta toolbar es la homóloga a la Web Developer Toolbar para Firefox pero con menos funciones. Trae una gran variedad de características para explorar y, sobretodo, entender cualquier página Web. Por ejemplo puedes:
      • Localizar, seleccionar y mostrar información de los diferentes elementos de la página.
      • Bordear tablas, celdas, imágenes, etc.
      • Validar la página.
      • Cambiar el tamaño de tu navegador (800x600, 1024x768, etc.).

    • Web Accessibility Toolbar (Internet Explorer y Opera )
      De obligatoria instalación, esta toolbar ha sido desarrollada para ayudar en las pruebas manuales de páginas Web en una variedad de aspectos de accesibilidad. Te permite:
      • Identificar los componentes de una página.
      • Usar otras aplicaciones online (como validadores).
      • Simular experiencias de usuario.
      • Tener acceso a referencias y otro tipo de recursos.

    • Web Developer Toolbar (Firefox, Flock y Mozilla)
      Otro excelente complemento para Firefox y similares. Tiene una variedad impresionante de funciones para revisar tus páginas, tus CSS, formularios e imágenes. Permite bordear elementos, cambiar el tamaño de tu navegador, deshabilitar funciones del navegador, etc. Si utilizas Firefox es de obligatoria instalación.

  • Add-Ons:

    • Aardvark Extension (Firefox, Flock y Mozilla)
      Esta práctica extensión te permitirá revisar cómo están diseñados los sitios que visitas bordeando e identificando cada parte de la página con un color rojo. Te permite identificar divs, p, etc.

    • Accessibility Extensions (Firefox y Mozilla)
      Revisa tu sitio cómo lo navegarian personas con discapacidades.

    • CheckIE Plug-in (Internet Explorer)
      CheckIE es un plug-in para Microsoft Internet Explorer que reune diversos servicios de evaluación y reparación disponibles en línea, a los que permite acceder a través del menú contextual del navegador (botón derecho). Es posible revisar cualquier página mediante alguno de los 17 servicios de validación y análisis en línea disponibles. Nació como contra-propuesta al Checky que sólo funciona para Firefox.

    • Checky Extension (Firefox, Flock y Mozilla)
      Esta extensión está especializada en la validación y análisis de páginas web. Víncula gran cantidad de validadores y servicios de análisis online. Valida, analiza, revisa e inspecciona todo documento que contenga HTML, XHTML, CSS, RDF, RSS, XML, P3P, vínculos, metadata y mucho más. De obligatoria instalación.

    • Fangs Extension (Firefox y Mozilla)
      Esta excelente extensión crea una representación textual de tu página de manera similar a cómo sería leeída en un lector de pantalla.

    • Firebug Extension (Firefox)
      Un explorador del DOM. Te permite revisar tu JavaScript, CSS, HTML y Ajax.

    • HTML Validator Extension (Firefox y Mozilla)
      Esta es una extensión que válida el HTML directamente en tu navegador aprovechando el progama HTML Tidy (el cual reseño más adelante en las 2. Herramientas para Descargar : HTML & CSS) y que viene embebido en los navegadores Firefox y Mozilla.

    • LiveHTTPHeaders Extension (Firefox)
      Revisa al vuelo los headers que envía tu servidor.

    • MozBraille Extension (Mozilla y Firefox)
      Esta extensión te tranforma el navegador en un navegador accesible para ciegos o personas con ceguera parcial. Te ofrece tres salidas: mediante una terminal braille, auditiva o por aumento del tamaño de los textos.

    • SIDAR and HERA Extension (Netscape, Firefox, Flock y Safari)
      Por un lado la Extensión Sidar te facilita el acceso a las distintas secciones y recursos en web del Sidar. Por el otro lado, la HERA-Extension te permite revisar la página web que visitas mediante HERA (validador disponible en los Validadores de Accesibilidad).

    • TAW3 with a Click (Firefox)
      Otra excelente extensión para verificar la accesibilidad de tu sitio. Esta vez mediante el servicio del TAW3.

    • View Source Chart Extension (Firefox)
      Esta extensión crea un gráfico a colores con la estructura del sitio. Una versión muy mejorada de la X-Ray Extension. Totalmente recomendada.

    • X-Ray Extension (Firefox)
      Esta sencilla extensión te permite ver los tags de la página sin tener que ver su código fuente. Excelente para evaluar la semántica de tu página.

2. Herramientas para Descargar

Accesabilidad

  • A-Prompt
    Esta aplicación examina tus páginas en busca de barreras para la accesibilidad. Frente a los errores que encuentra hace las reparaciones automáticamente (cuando es posible) o te permite que tu las corrijas mediante un asistente.

  • MAGpie
    Esta herramienta te facilita la adición de notas, títulos y descripciones audibles a tu multimedia en Web. Hecha especialmente para facilitar el acceso a personas con discapacidades.

  • TAW3 Standalone
    En este sitio se ofrecen excelentes herramientas para análisis de accesbilidad. Esta es una de ellas. Una herramietnas que puedes descargar en tu computador. Igualmente tienen una extensión para Firefox y un validador Online
HTML & CSS
  • Bullet-Proof Rounded Corners
    ¿Deseas bordes redondeados en tus diseños sólo con CSS? Aquí está el código que te lo hará y compatiblemente con "todos" los navegadores. Además he aquí un listado completo con todas(?) las técnicas conocidas. Mucho ojo: "Los bordes redondeados en CSS no incrementan la accesibilidad". Lo dijo Christian Heilmann y yo le creó. ;)

  • CSE HTML Validator Lite
    Esta aplicación para Windows te permite revisar y arreglar el HTML que generas. Además trae un completísimo Editor de HTML.

  • CSS Starter
    Faruk Ates te facilita un CSS inicial para tu sitio. Con el arrancarás más fácilmente tus sitios diagramados con CSS. Ya tiene el truco para que las fuentes de tu sitio sean escalables y que se vean de igual tamaño en todos los navegadores, incluidos en IE4 e IE5 (Recuerda trabajar el tamaño de las fuentes en em).

  • CSS Vista
    Esta magnífica herramienta te permite editar tus hojas de estilo en vivo, así que cada cambio que vas haciendo lo ves reflejado simultáneamente en dos paneles que muestran el Internet Explorer y Firefox.

  • Evrsoft First Page 2006
    Este es básicamente un editor que fácilmente reemplaza a Dreamweaver. Trabaja con los estándares Web e incorpora a HTML Tidy. Más de 3 millones de descargas deben significar algo. ;)

  • HTML Tidy
    Esta es una pequeña aplicación que permite limpiar el HTML que generas en tus páginas. Corrige errores sintácticos al igual que hace recomendaciones para hacer las páginas más accesibles. Trabaja bajo la línea de comandos y hay una versión para cada sistema operativo. No te recomendaría descargarla ya que hay versiones online en la sección de 4. Validadores : HTML, además de una extensión para Firefox y Mozilla llamada HTML Validator en la sección de 1. Add-ons para tu navegador y el editor Evrsoft First Page 2006 que acabo de reseñar.

  • Nice Forms
    Mejora el diseño tradicional de tus formularios HTML con este excelente código de BadBoy.

  • Simple Tricks for More Usable Forms
    En este artículo Simon Willison nos regala unos excelentes códigos para hacer nuestros formularios más usables. Totalmente recomendable.

  • sIFR 2.0: Rich Accessible Typography for the Masses
    ¿Has oido hablar de las técnicas para reemplazar textos por imágenes? Esta técnica es un éxito: compatible con todos los navegadores y totalmente accesible. Ya podrás utilizar la fuente que quieras en tus diseños. He aquí un manual en español.

  • Simpletidy 2.2: HTML to XHTML Converter
    Convierte tu web hecha en HTML a XHTML. Dentro de las características de esta interesante app está el que limpia y depura el código (incluído el que general Microsoft Word).

  • Zebra Tables
    Este excelente código te permitirá pintar intercaladamente las celdas de tus tablas sin tener que pintarlas manualmente. Ya no mas clases "celda par" y "celda impar".

Manejo del Color
Menús y Navegación
  • Accessible Website Menu
    ElUltimate Drop Down Menu (UDM) es un menú accessible en DHTML, el cual provee contenido usable para todo tipo de navegador, incluyendo screenreaders (lectores de pantalla), buscadores y navegadores de modo texto. Es gratuito para uso no comercial y a cambio piden un enlace a su página.

  • TemaTres: Gestión de Lenguajes Documentales
    TemaTres es una aplicación Web para la gestión de lenguajes documentales. Se encuentra orientada especialmente el desarrollo de tesauros jerárquicos y también puede utilizarse para desarrollar estructuras de navegación web.
Navegadores
  • Amaya
    Hecho por los mismos W3C, este navegador te permite probar tu sitio contra todos los estándares Web.

  • BrailleSurf
    Este navegador, hecho especialmente para personas con problemas en la visión, te permitirá revisar la accesibilidad de su sitio.

  • Hal Screen Reader
    Este programa te servirá para revisar tu sitio como lo leería una persona ciega, ya que genera un acceso auditivo y mediante Braille. Sirve para acceder todo tipo de programas de Windows, por lo tanto incluye los navegadores. Aunque el programa no es gratuito se puede descargar un DEMO sin caducidad para sesiones de 30 minutos.

  • IEs 4 Linux - Internet Explorers for Linux
    Ya puedes tener Internet Explorer 6, 5.5 y 5 en Linux (usando Wine). Apenas para los diseñadores web que trabajan en Linux y deseen probar sus sitios con el tradicional IE.

  • Lynx
    Este navegador de sólo texto es usado por mucha gente que no puede usar un navegador tradicional gráfico. Por ejemplo personas con problemas en la vista que utilizan lectores de pantalla. Si no deseas descargar este navegador, en la categoría 3. Herramientas Online : Simulación de Navegadores hay algunos simuladores de Lynx.

  • Nokia Mobile Browser Simulator
    El emulador del navegador en los moviles Nokia.

  • Opera
    Este conocido navegador te ofrece varias vistas para que pruebes la accesibilidad y usabilidad de tu sitio. Te vas por el menú VIEW > User Mode y "juega" con las diferentes opciones preestablecidas.

  • pwWebSpeak
    Este navegador ha sido diseñado para quienes deseen acceder Internet de una manera no-visual o combinando audio y gráficas. Es utilizado por personas ciegas o con problemas de ceguera parcial, con dislexia, dificultades de aprendizaje o que están aprendiendo un nuevo idioma. Este navegador “pronuncia” los textos que va encontrando en la página al igual que la muestra gráficamente. Puedes usarlo gratuitamente para revisar la accesibilidad de su sitio.

  • The MSN TV Viewer
    Descarga esta aplicación y emula cómo se verán tus páginas a través de WebTV.

Patrones de Diseño

Usabilidad