Mostrando las entradas con la etiqueta Herramientas en la Web. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Herramientas en la Web. Mostrar todas las entradas

miércoles, 15 de abril de 2015

Guía Breve de Accesibilidad Web


¿Qué es la Accesibilidad Web?

Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.
Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative). Se trata de una actividad desarrollada por el W3C, cuyo objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web, y abriendo nuevos campos en accesibilidad a través de la investigación en este área.

¿Para qué sirve?

La idea principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información. Partiendo de esta idea, una página accesible lo sería tanto para una persona con discapacidad, como para cualquier otra persona que se encuentre bajo circunstancias externas que dificulten su acceso a la información (en caso de ruidos externos, en situaciones donde nuestra atención visual y auditiva no están disponibles, pantallas con visibilidad reducida, etc.).

¿Cómo funciona?

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.
  • Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.
  • Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.
  • Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.
En función a estos puntos de verificación se establecen los niveles de conformidad:
  • Nivel de Conformidad "A": todos los puntos de verificación de prioridad 1 se satisfacen.
  • Nivel de Conformidad "Doble A": todos los puntos de verificación de prioridad 1 y 2 se satisfacen.
  • Nivel de Conformidad "Triple A": todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen.
Las pautas describen cómo hacer páginas Web accesibles sin sacrificar el diseño, ofreciendo esa flexibilidad que es necesaria para que la información sea accesible bajo diferentes situaciones y proporcionando métodos que permiten su transformación en páginas útiles e inteligibles.
Igualmente, se han desarrollado Pautas de Accesibilidad para Herramientas de Autor, cuyo objetivo es ayudar a los desarrolladores de software a la hora de crear herramientas de autor para producir contenido Web accesible. También se han desarrollado Pautas de Accesibilidad para XML , donde se explica cómo asegurar la accesibilidad de aplicaciones basadas en XML. Y por último, Pautas de Accesibilidad para Agentes de Usuario 1.0, donde se explica cómo hacer accesible los navegadores, reproductores multimedia y otras tecnologías asistivas.
Por otro lado, se han desarrollado otro tipo de documentos como las Técnicas para Pautas de Accesibilidad al Contenido en la Web, que ofrecen una serie de ejemplos de etiquetado y explicaciones muy detalladas de cómo implementar las Pautas de Accesibilidad al contenido en la Web. Entre ellas se pueden destacar Técnicas esenciales para Pautas de Accesibilidad al Contenido en la Web 1.0, las Técnicas HTML para Pautas de Accesibilidad al Contenido a la Web 1.0 y las Técnicas CSS para Pautas de Accesibilidad al Contenido en la Web 1.0.

Ejemplos

Un ejemplo de código correcto sería el siguiente:
            <p>
                <q>Buenos días Philip</q>
                <q lang="en">Good morning</q>. Respondió Philip en inglés.
                <q>¿Qué tal estás?</q>
                <q lang="fr">Très bien.</q> Volvió a responder, pero esta vez en francés.
            </p>
  
Otro ejemplo de prioridad 1 sería la utilización del atributo alt para incorporar texto equivalente al contenido de una imagen cuando se quieren utilizar gráficos; esto permitiría que dispositivos o personas que no pueden visualizar los gráficos, obtengan una representación alternativa textual. El código correspondiente sería:
   <img src="wai.png" alt="Web Accessibility Initiative" lang="en"/>
  

Más información sobre Accesibilidad Web

Introducción:

Introducción a la Accesibilidad Web. Disponible una versión en español
Breve introducción sobre lo que es la Accesibilidad Web y su importancia.
Creando un Sitio Web Accesible. Disponible una versión en español
Introducción donde se pueden encontrar muchas referencias para aquellos que comienzan con la Accesibilidad Web.
Visión general de WAI
Presentación online en la que se explica la importancia que tiene la accesibilidad Web y lo que la Iniciativa de Accesibilidad Web está haciendo.
Cómo utilizan la Web personas con diversidad funcional.
En este documento (borrador de trabajo) se describen los requisitos de accesibilidad de usuarios con diferentes tipos de discapacidad.
Selección y uso de herramientas de autor
Muestra algunas de las dudas que surgen cuando hay que elegir el software adecuado para hacer páginas Web accesibles.
Beneficios Auxiliares del diseño Web Accesible.
Ayuda en la preparación de proyectos empresariales para implementar la accesibilidad Web.
Desarrollo de un Proyecto de Accesibilidad Web para su organización
Este documento describe los diferentes beneficios de la accesibilidad Web, incluyendo los beneficios que puede obtener una empresa. Destaca también los factores que intervienen en el desarrollo de un proyecto de accesibilidad Web.
Plan de implementación de accesibilidad Web
Aquí se puede ver una lista detallada de elementos a tener en cuenta a la hora de implementar accesibilidad a un sitio Web.
evaluación de la accesibilidad de los sitios Web: Introducción.
Se trata de un documento que destaca los diferentes métodos para evaluar la accesibilidad de un sitio Web. Proporciona procedimientos generales y consejos para realizar una evaluación en diferentes situaciones, desde la evaluación durante el desarrollo de un sitio Web hasta la monitorización de un sitio Web que ya está en funcionamiento.

Guías Breves:

Guía breve para crear sitios Web accesibles. Disponibles versiones en español, catalá y galego
10 ideas básicas para hacer sitios Web accesibles, que está disponible en formato de tarjeta de referencia.

Preguntas frecuentes:

Preguntas frecuentes sobre las "Pautas de Accesibilidad al Contenido en la Web (WCAG)". Disponible una versión en español.
Respuestas a 20 de las dudas más frecuentes que surgen sobre WCAG.

Directrices (pautas):

Pautas de Accesibilidad al Contenido en la Web 1.0. Disponibles versiones en español y catalá
Explica en detalle cómo hacer una página Web accesible para personas con diferentes tipos de discapacidad.

Tabla de puntos de verificación:

Tabla de Puntos de Verificación para las Pautas de Accesibilidad al Contenido en la Web 1.0. Disponible una versión en español
Lista de puntos de verificación priorizados para hacer páginas Web accesibles, a modo de resumen de la información contenida en las Pautas de Accesibilidad al Contenido.

Técnicas:

Técnicas para Pautas de Accesibilidad al Contenido en la Web 1.0. Disponible una versión en español
Ejemplos de etiquetado y explicaciones muy detalladas de cómo implementar las Pautas de Accesibilidad al contenido en la Web. Incluye:

Herramientas de evaluación y reparación:

evaluación de la accesibilidad de páginas Web
Métodos para realizar revisiones preliminares y evaluaciones de conformidad de páginas Web.
Herramientas de evaluación y reparación
Enlaces y descripciones de más de 30 herramientas diferentes que ayudan en la evaluación y transformación de contenido Web.

Otros recursos:

Página principal de WAI-ARIA
Página principal de Accesibilidad en el contenido dinámico y en las aplicaciones Web eriquecidas.
Página principal de WAI
Página principal de la Iniciativa de Accesibilidad Web del W3C, donde se puede encontrar la información más actual sobre accesibilidad Web.
Enlaces a información general sobre Accesibilidad Web
Recursos adicionales de accesibilidad Web incluidos recursos externos al W3C.

miércoles, 7 de enero de 2015

Como descubrir los colores exactos de una imagen gracias a Imrg.co


 

Hola, querido/as lectore/as,

¿cómo han comenzado el año?  Por mi parte con deseos de seguir compartiendo  todo lo que me parece bueno, interesante y/o útil a través de este modesto blog...Hoy he recibido en mi correo este artículo publicado por José Alfocea, periodista y docente español.

Quizás interese especialmente a los diseñadores, pero creo que puede ser útil para todos nosotros conocerlo. Así que...va la noticia del día



Descubre los colores exactos de una imagen gracias a Imrg.co

by jalfocea
Hace un par de días estaba montando un nuevo blog y me encontré con un inconveniente de esos que siempre suelen aparecer: necesitaba conocer los colores exactos de una imagen para insertarlo en el blog como "color corporativo" pues de forma manual no había forma de implementarlo y buscando por la red encontré una magnífica herramienta que os facilitará el trabajo a más de uno.

Cómo saber los colores de una imagen

Imrg.co es una herramienta de enorme utilidad para diseñadores, pero también para cualquier usuario que desee implementar un determinado color y no otro ya que nos permite conocer el código exacto de todos los colores que componen una imagen.
Captura de pantalla 2015-01-06 a las 13.37.51
Imgr.co es una herramienta online por lo que no vas a tener que descargar ningún programa en tu ordenador ni preocuparte si es o no compatible. Pero ésta es sólo una de sus múltiples ventajas las cuales son:
  • Herramienta online, sin descargar.
  • Servicio totalmente gratuito.
  • Facilidad de uso: basta con subir una imagen, pulsar el botón "imrg it" y el servicio te mostrará el código HEX de todos los colores que la componen con sólo pasar el cursor por encima y que será el que deberás utilizar cuando desees usar exactamente ese color.
  • Permite extraer la paleta de colores que forman la imagen subida y descargarla en formato .ACO para usarla directamente en Photoshop.
Descubre los colores exactos de una imagen gracias a Imrg.co 2
Por supuesto que también podéis hacer ésto con Photoshop, GIMP u otros programas de edición de imágenes sin embargo, si por tu actividad no los usas, te aseguro que los resultados de Imgr.co son realmente precisos. Espero que la aprovechéis, porque a mi me ha venido "como anillo al dedo".
Link a Imgr.co
jalfocea | enero 7, 2015 en 3:25 pm |