Archivos en la categoría Accesibilidad Web

Accesibilidad web: diseño web híbrido con medidas líquidas y fijas

Accesibilidad web: diseño web híbrido con medidas líquidas y fijasInteresante artículo publicado en Seraccesible que trata sobre el diseño de una página web con medidas fijas (px ó ex) o líquidas (em, %) que determinará su capacidad para ser accesible o no. Según el WAI, una página web debe ofrecer la posibilidad de adaptarse a cualquier interfaz de usuario sin que por ello haya una pérdida de información o legibilidad.

El artículo nos comenta los pros y contras de la utilización de diseños fijos, líquidos, flexibles e híbridos, decantándose el autor por éste último. El WAI no establece qué diseño es el más apropiado para desarrollar una web accesible, si no que lo deja a la elección del diseñador, siempre y cuando el contenido sea transformable sin que por ello se pierda información o dificulte su comprensión.

Finalmente, el autor nos ofrece varias sugerencias para diseñar páginas web accesibles:

  • Evitar la utilización del pixel (px) para definir el tamaño del texto. Si se utiliza para determinar el ancho de un elemento (contenedor) se deben hacer pruebas en las diferentes condiciones de navegación.
  • Si nuestro diseño en determinadas condiciones no ofrece una buena legibilidad, proporcionar estilos de presentación alternativos.
  • Cada dispositivo de navegación (pantalla, PDA, etc.) o simplemente de presentación (impresora), requiere determinadas carácteristicas en el diseño. Si nuestro diseño no está adaptado a un determinado dispositivo, crear la CSS específica.

Más info | Diseño web accesible

2 Comentarios

Integración de la accesibilidad en el diseño gráfico

Integración de la accesibilidad en el diseño gráficoSimplemente pregunta: Integración de la accesibilidad en el diseño es un libro escrito por Shawn Henry, cuyas actividades se centran en la Accesibilidad en entornos web, ayudando y colaborando con el W3C. Henry pone a nuestra disposición de forma gratuita el libro en formato digital (no es un PDF, si no que es un website con enlaces a los distintos capítulos). Sin embargo, también podremos adquirir el libro en formato impreso por 39$ a través de Lulu (servicio similar al ofrecido por Bubok). El libro, originalmente escrito en inglés, podemos encontrarlo además en español y japonés, aunque la versión impresa sólamente está disponible en inglés.

A través del libro, conoceremos los conceptos básicos para mejorar la accesibilidad de nuestra página web e incluso de cualquier otro producto, de forma que sean más útiles tanto para personas con alguna deficiencia como para cuaqluier tipo de situación. Aprende a desarrollar de forma adecuada soluciones de accesibilidad efectivas.

La accesibilidad consiste en diseñar productos para que las personas con alguna discapacidad (física, psíquica, cognitiva o técnica) puedan utilizarlos y hacer que las interfaces de usuario sean perceptibles, operables y comprensibles para personas con distintos tipos de capacidades y en circunstancias, entornos y condiciones diferentes. De esta forma, la accesibilidad también beneficia a personas sin discapacidad y a las organizaciones que desarrollan productos accesibles.

Más info | http://www.uiaccess.com/accessucd/index.html

Sin Comentarios

Recursos para mejorar la Accesibilidad web de nuestra página o blog

Recursos para mejorar la Accesibilidad web de nuestra página o blogInteresante recopilación de recursos para mejorar la Accesibilidad web de una página web o blog en Maestrosdelweb.com. Entre los recursos podemos encontrar extensiones para Firefox, validadores online como T.A.W. o Examinator, herramientas para visualizar el contenido simulando alguna carencia física o técnica de un usuario, y varias guías y manuales que nos acercarán al concepto de la Accesibilidad web y su aplicación en entornos web.

Más info | http://www.maestrosdelweb.com

Sin Comentarios

Guía de introducción a la Accesibilidad web en castellano

Guía de introducción a la Accesibilidad web en castellano

La accesibilidad web implica el acceso total a una página web sin importar las condiciones en las que ésta sea visitada, ya sean técnicas (hardware, software, conexión o internet) o humanas (idioma, cultura o capacidades físicas). Por otro lado, también podríamos definirla como la capacidad de acceso a una página web y a su contenido por cualquier persona independientemente de si sufre alguna discapacidad (física, intelectual o técnica) que le impida acceder a toda la información ofrecida en ésta. Las normativas que establecen la accesibilidad web son desarrolladas por el WAI (Web Accessibility Initiative), que forma parte del W3C (Consorcio de la World Wide Web), organismo encargado de la creación de estándares web.

Para lograr ese objetivo, el W3C, además de crear estándares web que permitieran un desarrollo universal de una página web, de forma que un usuario pueda ver la página tal y como se ha diseñado originalmente independientemente de la plataforma a través de la cuál se esté vistiando, creó un grupo encargado de desarrollar una serie de directrices o normas que abordasen el acceso a esa información, es decir, el WAI.

A día de hoy se ha convertido en un elemento imprescindible a la hora de desarrollar una página web. Multitud de páginas comerciales o personales cumplen con esas directrices (ya sea total o parcialmente) y la mayoría de las webs estatales y ministeriales están obligadas a su cumplimiento.

La accesibilidad web se divide en tres niveles, denominados prioridades (numeradas del 1 al 3, siendo la prioridad 3 la más alta), que establecen una serie de directrices en cuanto a diseño y programación web. En función de las prioridades se establecen los niveles de conformidad, que se conocen como A, AA y AAA .

Para lograr superar las prioridades y convertir nuestra web en una página accesible, disponemos de un completo catálogo de etiquetas HTML, compatibles con la mayoría de navegadores, que facilitan la accesibilidad: TH, THEAD, TBODY, SUMMARY, TITLE, ACRONYM, etc. Sin embargo, no sólo basta con etiquetar (y hacerlo correctamente) nuestra página web, además, tendremos que ofrecer alternativas al contenido en caso de que éste no pueda visualizarse correctamente (etiquetas <noscript>, ALT en imagenes, textos descriptivos de videos o audios, etc.) o utilizar los elementos básicos de una página web correctamente (tablas, encabezados H1, H2, etc.). Como ejemplo de una directriz del WAI, está la del uso de tablas como elementos de diseño. Las tablas no deben utilizarse para este menester, si no que deben utilizarse para estructurar el contenido de forma que un usuario con cierta discapacidad pueda comprender el significado de la información que contiene la tabla.

Existen varios validadores online que analizan nuestra web y nos indican qué errores y recomendaciones estamos incumpliendo, de forma que analizándolos y corrigiéndolos, podremos superar las distintas prioridades y ofrecer al público una página accesible. Aunque parezca sencillo, diseñar una página accesile es complicado al principio, y tratar de alcanzar la prioridad 3 nos va a resultar tedioso.

El objetivo de esta entrada es el acercamiento al concepto de accesibilidad web y el acceso a recursos relacionados. Además, quería comentaros que hace tiempo hice un curso on-line gratuito para trabajadores en activo muy interesante acerca de la accesibilidad web. El curso estaba dividido en dos partes y en total fueron 150 horas en las que aprendí los conceptos del WAI, el catálogo completo de directrices, la forma de aplicarlas al desarrollo web y cómo validarlas.

Más info | Descarga guía introducción de accesibilidad web
Más info | WAI

Sin Comentarios
  • Página 2 de 2
  • <
  • 1
  • 2