Accesibilidad Web

ACCESIBILIDAD WEB 

¿QUÉ ES?

Tiene como objetivo lograr que las páginas web sean utilizables por el máximo número de personas, independientemente de sus conocimientos o capacidades personales.
La accesibilidad tiene que ser universal y accesible por cualquier persona.

Son las siglas de World Wide Web Consortium, se denomina como comunidad internacional donde los estados miembros trabajan para poder desarrollar estándares para el desarrollo web y así ayudar a un mejor desarrollo del internet a nivel mundial. 
Es reconocido por ser la organización encargada de estandarizar El Lenguaje de Marcado de Hipertexto o mejor conocido como HTML, en cual es utilizado para el diseño de sitios web.
La Iniciativa de Accesibilidad Web (WAI) es una actividad desarrollada por W3C que consta de facilitar el acceso de las personas con discapacidad.

PAUTAS DE ACCESIBILIDAD
Existen cuatro pautas:

• Perceptible: la información y los componentes de usuario deben ser presentados a los usuarios de modo que ellos puedan percibirlos.
• Operable: los componentes de la interfaz de usuario y la navegación deben ser operables.
• Comprensible: la información y el manejo de la interfaz de usuario deben ser comprensibles.
• Robusto: el contenido debe de ser robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo ayudas técnicas.

El sitio tiene que estar preparado para actualizaciones futuras.

ANÁLISIS DE LA ACCESIBILIDAD WEB.

Os dejo 3 ejemplos de páginas web de los distintos tipos de prioridad. 

Página Comunidad de Madrid. A.

Esta página contiene un nivel de A de conformidad con las directrices de accesibilidad para el contenido web.

Este tipo de prioridad 1 son los ciertos grupos de usuarios que no podrían acceder a la información del sitio web.

En esta página hay dos enlaces con el mismo texto pero con diferentes destinos, no se usan atributos para controlar la presentación visual y la página esta organizada para el uso de encabezados.

Página del Ministerio de Educación. AA
 Esta página contiene un nivel de doble-A de conformidad con las directrices de accesibilidad para el contenido web.
Contiene 7 errores la página y el documento CSS (versión 3) y HTML son válidos.
Este tipo es de prioridad 2 sería difícil acceder a la información para ciertos grupos de usuarios.
En esta página no se usan atributos para controlar la presentación visual, no existen enlaces para saltar bloques de contenido y el primer enlace de la página no lleva al contenido principal de la misma.

Página Fundación Eroski. AAA.

Esta página contiene un nivel de triple-A de conformidad con las directrices de accesibilidad para el contenido web.
Este tipo de prioridad 3 y algunos usuarios experimentarían ciertas dificultades para acceder a la información.
Hay 5 elementos link para navegación, hay 17 imágenes sin alternativas  textuales, 76 enlaces con el mismo texto pero diferentes destinos y hay enlaces que permiten saltar bloques de contenido.

Introducción Web WWW

En esta nueva entrada a mi blog voy a hablar sobre la web y sus conceptos básicos mediante un PDF interactivo como hice hace entradas atrás.


Por un lado  he creado una portada con hipervínculos que funcionan como botones, hay 10 hipervínculos que cada uno te lleva a la página deseada dónde puedes informarte que es cada concepto básico.
Por otro lado lo he creado como PDF interactivo para que a parte de la usabilidad de los botones puedas pasar las páginas sin tener que saltarte ninguna.
Espero que os ayude la información que he subido en esta entrada.
¡Un saludo!

Tipos de Página Web

Llamamos página web al documento que forma parte de un sitio web y que suele contar con enlaces (conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.
Existen diferentes tipos de páginas web:

• Corporativos: es un sitio web que pertenece a una determinada empresa o institución y que contiene información sobre la misma.

• Comerciales: es mucho más que la canta de presentación o el escaparate de tu empresa en internet, son posibles consumidores de tus productos o usuarios de tus servicios.

• Educativos: sitio web que ofrecen información, recursos o materiales relacionados con la educación.

• Personales: sitios web personales que ofrecen información de una persona.

• Redes sociales: sitios web donde la gente transmite personalmente las cosas que le gustan y las cosas que hacen.

• Blog: página web, generalmente de carácter personal, con una estructura cronológica que se actualiza regularmente y que se suele dedicar a tratar un tema en concreto.

•  Gubernamentales: sitios web relacionados con el gobierno.

• Informativos: sitios web donde te informas de un tema en concreto.

• Foros: sitios web donde te comunicas con más usuarios para información que quieras tener sobre un tema.

CRITERIOS DE USABILIDAD

• Jerarquía visual: la página web de wikipedia esta bien jerarquizada ya que usa para la letra del titulo más grande que las demás. Empieza con un encabezado definiendo en general sobre el tema y luego empieza a extenderse más temas concretos sobre el mismo.
• Control del usuario: podemos observar en la página que es muy sencillo registrarse y acceder a ella.
• Facilidad de interacción: las palabras que están de color azul son enlaces que te llevan a más información sobre esa palabra y lo mismo pasa con el índice, si pulsas una palabra del indice te lleva justo al apartado donde quieres ir, la interactividad de esta página es bastante sencilla y fácil de usar.
• Simplificación de contenidos: se compone de bastante contenido de texto y que es una página de información sobre muchos temas pero no es un contenido bastante recargado.

• Jerarquía visual: se diferencia bastante bien los títulos y la información de estos productos.
• Control del usuario: podemos ver que podemos registrarnos, acceder, buscar ubicación de las tiendas, tus pedidos, formas de pago fácil y rápidamente.
• Facilidad de interacción: la interacción de esta web es muy sencilla y que puedes ir a la página siguiente o a la página anterior e incluso dar a cualquier apartado que funciona como botón para poder buscar el producto que desees.
• Simplificación de contenidos: el contenido es bueno para que el usuario fuerce tanto la vista.

• Jerarquía visual: tiene una jerarquía buena, compuesta por sus respectivos títulos más grandes y fácil de leer.
• Control del usuario: en la web de Torraspapel puedes consultar fácilmente tus pedidos, facturas, nuevos pedidos, sus servicios, contactar con ellos, sus productos, etc.
• Facilidad de interacción: la interactividad es muy sencilla, usa botones para los distintos apartados, puedes buscar los tipos  de papel y puedes ir hacia atrás y hacia adelante.
• Simplificación de contenidos: contiene  el textos e imágenes necesarias para que los usuarios interactúen y sea fácil.