Necesitas Pagina Web?

Necesitas Pagina Web?
OK Hosting mexico

viernes 20 de noviembre de 2009

Diseño de paginas web y accesibilidad

Para el tercer grupo minoritario más grande en los Estados Unidos - más de 40 millones de personas - la gran mayoría de los sitios web son parcial o totalmente inaccesibles.

La idea de una página web que excluye a los afro-americanos o latinos es casi impensable, pero los estadounidenses con discapacidades se enfrentan constantemente a webs que no toman en cuenta sus necesidades. Afortunadamente, Yahoo muchos de los sitios web más populares del mundo - entre ellos!, Google, YouTube y Wikipedia - están trabajando para ser accesible a los discapacitados, pero hay muchos, muchos sitios más por ahí que todavía tienen un largo camino por recorrer.

Ya tienes pagina web? Crea tu pagina web ahora facil y rapido con el programa mas novedoso y facil de usar, visita okhosting.com web hosting en mexico, dominios y paginas web, los planes completos con hospedaje web o host de 50 megas, pagina web y registro de tu nombre en internet, ejem: www.tu-dominio.com y dominios MX, ademas te incluimos cuentas de correo electronico ilimitadas y ayuda para cualquier duda que tengas en la creacion de tu sitio web, visita ahora www.okhosting.com y sal a la luz de la internet.

Todos sabemos que nadie intencionalmente se propone crear un sitio inaccesible. Después de todo, el punto de tener una página web es llegar a la gente - y la mayoría de los diseñadores Web que haría cualquier cosa para llegar a 40 millones de ellos. Sin embargo, para muchos diseñadores y desarrolladores, la idea de crear un sitio web accesible es increíblemente abrumadora, o incluso asfixiante.

Tuve la oportunidad de hablar con el diseñador Dan Rubin y desarrollador Chris Heilmann en el Jam Session Webmaster principios de este año. Estos chicos viven y respiran la accesibilidad Web, y fueron más que feliz de contestar a mis preguntas sobre el tema.

"[Hay] un montón de ideas preconcebidas de que las cosas son de alguna manera difícil de aplicar, que se pierde mucho control visual, y que tiene que ser fea", dijo Rubin. "Todas esas cosas están mal."

Heilmann se hizo eco de este sentimiento: "Los desarrolladores piensan, 'no puedo usar el frío, las nuevas tecnologías porque no son accesibles," en lugar de mirar a estas tecnologías y su accesibilidad. Así que es como la gente no ve una interfaz accesible como una oportunidad para hacer un enfriador de interfaz, sino como algo que está bajando el nivel intelectual lo que realmente quiere hacer ".


El hecho es que la accesibilidad no está reñida con el rendimiento o el atractivo de todos. Un sitio web accesible es un buen diseño web - que mucha más gente que los discapacitados puedan disfrutar. Páginas web diseñadas pensando en la accesibilidad también trabajar mejor con conexiones de acceso telefónico y de dispositivos de mano como las moras y iPhones - y como un bono adicional, por lo general también mejor indexadas por los motores de búsqueda como Google.

Vale la pena señalar que incluso puede haber consecuencias negativas de ignorar la accesibilidad. El 27 de agosto de este año, Target pagado más de $ 6 millones como parte de una demanda colectiva presentada por Bruce F. Sexton, Jr. y la Federación Nacional de Ciegos. El peso pesado minorista web era inaccesible para los usuarios ciegos, y el tribunal dictaminó que violó la Ley de Estadounidenses con Discapacidades.

Naturalmente, es una actitud equivocada a sentir fuertes armados en el diseño de un sitio web accesible por temor a ser demandados. La lección a ser tomados de la demanda es que Target perdido mucho más que 6 millones dólares: También perdió millones de clientes potenciales, por no mencionar el respeto de un montón de gente, con discapacidad y discapacitados por igual.

La actitud correcta es el enfoque de diseño web - en particular con el objetivo de la accesibilidad - con una mente abierta y una pasión por la originalidad. También es importante recordar que el establecimiento de límites a veces te puede obligar a ser más innovadoras.

"Como diseñador, las limitaciones son la clave", dijo Rubin. "Si usted no tiene limitaciones, puede perderse muy fácilmente, y no hay ninguna dirección. ... Utiliza las limitaciones a su ventaja. "

Heilmann recomendó que me echa un vistazo a la BBC Ouch! para un ejemplo de un sitio atractivo, exitoso que funciona dentro de las restricciones de accesibilidad. El sitio, que se centra en cuestiones de discapacidad todos los días, es un ejemplo del tipo de diseño Web fuerte que todo el mundo - especialmente los discapacitados - se puede apreciar.



A primera vista, este sitio no es diferente de la mayoría de los demás. Es visualmente atractiva y rica en medios de comunicación tales como imágenes y podcasts. Sin embargo, ¡Ay! También ofrece versión en texto único contraste y alta en fácil de localizar lugares, pero discreta. Este tipo de accesibilidad de las opciones respetuosas son frecuentes en todo el sitio. Para otro ejemplo, echa un vistazo a la opción de ver una transcripción de "Querido Amigo de movilidad reducida", un cómic que aparece regularmente en Ouch!:



Esta transcripción probablemente tuvo todos los de 30 segundos para escribir, y otro minuto más o menos a incluir en el diseño de la página. De ninguna manera lo hace en detrimento de la página - se oculta de forma predeterminada -, sino que proporciona un servicio atento a los visitantes ciegos que muchos sitios web que dejar de incluir. Evidentemente, si tomamos ¡Ay! como ejemplo, la funcionalidad atractiva y la accesibilidad no son mutuamente excluyentes.

Cuando le pregunté a Rubin y Heilmann a darme un ejemplo de un sitio que hace un trabajo pobre de ser accesible, Rubin bromeó con una sonrisa irónica, "Todo lo demás".

"No tenemos tiempo", agregó Heilmann.

"Eso es lamentable", le dije.

"Lo más lamentable es que no es intencional", dijo Rubin. "Es debido a la falta sólo de los conocimientos y la conciencia. La ignorancia, en realidad, pero las personas son ignorantes de lo fácil que es hacer que funcione para todos. Y eso es todo lo que necesita, es una falta de pensamiento, la falta de conciencia, y las cosas pueden ir muy mal. "

Con el fin de evitar que las cosas van muy mal, es importante saber quién debe ser el diseño para. Tome en consideración las personas con problemas de visión, incluyendo la ceguera, la ceguera de color, y la mala vista. Los ciegos podrán utilizar lectores de pantalla o de hardware que convierte el texto en pantalla a Braille, pero los usuarios de Internet que son hipermétropes simplemente ampliar la pantalla de texto utilizando el navegador o el software de magnificación de pantalla. El texto más grande, en particular, los vínculos, también es útil para las personas con condiciones como la parálisis cerebral, enfermedad de Parkinson, la distrofia muscular, o accidente cerebrovascular, porque no pueden usar un ratón con precisión. Algunos usuarios con discapacidad no puede ser capaz de usar el ratón en absoluto - en su lugar, teclados, software de reconocimiento de voz y dispositivos de acceso único interruptor son todas las alternativas viables.

Otro grupo importante a tener en cuenta son los duros de oído, que dependen de subtitulado, lenguaje de signos, y transcripciones escritas para disfrutar plenamente de audio y vídeo. También es importante recordar que las personas sensibles a las convulsiones pueden no ser capaces de ver las pantallas de parpadear y que las personas con dislexia y discalculia pueden tener dificultades para la lectura del contenido proporcionado.

Las adiciones más útiles que usted puede hacer en su sitio son de alto contraste y versiones de sólo texto, así como transcripciones completas de audio, video, Flash ™, y otros multimedia que aparece. Aquellos que quieran conocer las pautas oficiales para el diseño de la accesibilidad debe comprobar fuera de la Iniciativa de Accesibilidad Web de Accesibilidad para el Contenido Web y la Guía de la Sección 508 de la Ley de Rehabilitación EE.UU.. Este último sólo es necesario para los sitios federales, sino que establece algunas directrices útiles para las personas que quieren diseñar de acuerdo a las normas de accesibilidad del gobierno de EE.UU..

Aunque es útil para entender los diferentes tipos de discapacidad de la página Web puede encontrar, Rubin advirtió que pensar en diseñar para la accesibilidad como "una lista de los tipos de discapacidad."

"Es mucho más que eso", dijo. "Una de las cosas importantes que debe recordar es que hacer un sitio bien accesibles, hace muy fácil de usar para todos".

Eso es porque los sitios accesibles operar en los principios de diseño web adecuado. Como Heilmann explicó, "es todo sobre la estructura y flexibilidad. Si el sitio funciona sin ningún tipo de hoja de estilo, sin JavaScript, y le da una estructura adecuada ... entonces tienes un gran paso hacia un buen producto. "

Esto significa que su sitio debe utilizar semánticamente correcto (X) HTML para la estructura y el contenido y CSS para la maquetación. Su (X) HTML contenido debe ser lógicamente estructurado, y los elementos deben agruparse en una forma coherente. Esto es especialmente importante para las personas que utilizan lectores de pantalla, que la lectura del texto de página en orden y se confunden por las malas (X) HTML, como el diseño basado en la tabla. Los lectores de pantalla tampoco puede leer Flash ™ o JavaScript (no puede ni arañas sitio utilizado por los motores de búsqueda), así que debe asegurarse de que todos los vínculos y el texto son accesibles a través de buenos, pasado de moda (X) HTML.

"Si tienes algo que se actualiza una página, un vínculo real que apunta a un documento real, y no sólo algo de JavaScript al azar o un archivo de película Flash ™ o lo que sea", dijo Heilmann.

Otra regla básica de diseño que resulta sumamente útil para las personas con discapacidad, sino también tiende a perderse en la refriega es el uso de etiquetas ALT para las imágenes y gráficos. Si quieres ir un paso por encima y más allá, incluirá una descripción de la imagen a la "Querido amigo de movilidad reducida." Por lo menos, debe incorporar el contexto apropiado para las imágenes en el texto que los rodea. Esto no quiere decir que usted debe incluir una descripción torpe que ralentiza su narración, pero es una buena práctica para asegurarse de que sus imágenes y texto de trabajo en conjunto. Piense en ello como un artículo en un periódico. La imagen o gráfico no se produce en apenas ocupe espacio - que sirve para complementar la historia.

En el mismo sentido, que nunca deben tratar de compensar el contenido superfluo débil con los elementos visuales. No hay sustituto para el contenido claro y bien escrito. Incluso si no está seguro de sus habilidades de escritura, nunca hay excusas para los errores de ortografía. No sólo es la corrección ortográfica es una buena idea, en general, pero también es importante recordar que los errores ortográficos pueden echar a perder lectores de pantalla, lo que oscurece su significado aún más.

Tal vez la herramienta de diseño más importante para recordar la hora de diseñar para la accesibilidad es la mejora progresiva.

"Cuando se quita la interacción de alto nivel, las capas de alta nivel, para llevar JavaScript, debería seguir funcionando", dijo Rubin. "Quitad CSS, debería seguir funcionando. Eso no es realmente algo difícil de hacer, pero requiere de pensar en ello desde el principio y la creación en esa forma de capas. "

"Se ve en la profundidad de la piscina antes de que saltes", agregó Heilmann.

"Una vez más, duro", dijo Rubin, "pero si no pensar en ello, es fácil de romper el cuello."

Los mejores diseñadores web saben la importancia de mirar antes de saltar. Esto significa que las pruebas de sus sitios en varios navegadores - Firefox, Internet Explorer, Chrome, Opera, Safari, incluso Netscape. Para la accesibilidad diseñador consciente, que sólo tiene sentido para agregar algunas otras medidas a esta rutina de pruebas rigurosas. Esto incluye la visualización de la página en un navegador de sólo texto como Lynx, ver el sitio completo en la pantalla monocroma, probando un texto a discurso del navegador tales como JAWS, Window-Eyes, o Fire Vox, utilizando el sitio sin un ratón , y desactivar JavaScript y CSS para ver si el sitio es aún navegable.

Si el diseñador ha mantenido los principios de la mejora progresiva en mente, se aseguró de utilizar estructuralmente válida (X) HTML, y siempre las alternativas de texto para multimedia - en otras palabras, si el diseñador se ha ceñido a las normas de diseño web adecuado - el portal debería funcionar bien para todos.

"No es tan difícil", dijo Rubin. "Estas cosas no le hará daño, y no es difícil. Es realmente muy fácil, y va a hacer su vida más fácil. Sólo tienes que abrir tu mente a ella ".

Capturas de pantalla tomadas de la BBC Ouch!

0 comentarios:

Publicar un comentario en la entrada