Accesibilidad Web

¡Hola a todos!
En esta entrada vamos a hablar sobre la accesibilidad web. Antes de nada, vamos a explicar acerca de la accesibilidad web.

¿Qué es la accesibilidad web?

Hablar de accesibilidad web es hablar de un acceso universal a la Web, independiente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios. De esta manera nace la Iniciativa de Accesibilidad Web, conocida como WAI.  

¿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.

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.

¿Cómo funciona?

Para hacer el contenido Web accesible se han desarrollado las denominadas Pautas de Accesibilidad al Contenido en la Web (WCAG) que consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información. Las pautas contiene además una serie de puntos de verificación que ayudan a detectar posibles errores.

Prioridad 1. Son los 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.

W3C

También hablaremos sobre la W3C (World Wide Web Consortium) es una organización independiente y neutral cuya principal actividad es desarrollar protocolos y directrices que aseguren el crecimiento de la web a largo plazo.

Los siguientes principios guían el trabajo del W3C:

Web para todo el mundo. Es que ésta hacer posible la comunicación humana, el comercio y las oportunidades para compartir conocimiento.

Web desde cualquier dispositivo. La cantidad de dispositivos diferentes para acceder a la web ha crecido exponencialmente.

En función de los puntos de verificación anteriores se establecen los niveles de conformidad:

Nivel A. Todos los puntos de la prioridad 1 se establecen.

Nivel AA. Todos los puntos de la prioridad 2 se establecen.

Nivel AAA. Todos los puntos de la prioridad 3 se establecen.

Teniendo claros estos términos, vamos a realizar un análisis sobre 2 webs. 

Análisis Web

·Renfe· 

Vamos a ver las cosas positivas y negativas de esta web.

Positivas. Usa 16 elementos de encabezado.

                 No utiliza atributos para controlar la información visual.

                 Las imágenes tienen una alternativa textual.

                 Los controles del formulario tienen etiquetas asociadas.

                 Se identifica fácilmente el idioma principal de la página con el código ''es-ES''.

                 Todos los formularios tienen un botón de envío.

Negativas. No hay enlaces para saltar a los bloques de contenido.

                  El primer enlace de la página no lleva al contenido principal de la página.

                  Hay un valor repetido en los atributos id (Fallo del Criterio de Conformidad 4.1.1).

·Orange· 

Positivas. Hay 2 elementos link para la navegación.

                 Se usan 42 elementos de encabezado.

                 Las imágenes tienen una alternativa visual.

                 Los controles de usuario tienen una etiqueta asociada.

                 El primer enlace de la página lleva al inicio de la página.

                 Hay 7 enlaces que permiten saltar de bloques de contenido.

Negativas. Se usan 10 elementos HTML para controlar la presentación del texto.

                  Hay 4 formularios sin botones de envío.

                  Falta el código de idioma.

                  Hay 2 enlaces con el mismo texto pero diferente contenido (Fallo del Criterio de Conformidad 2.4.9 dado al uso de un enlace no específico como ''pinche aquí'' o ''más'').

Visto esto ahora quiero mostrar alguna web la cuál tenga los ''marcadores''por decir así de la accesibilidad web.

Ejemplo: iesuertabonita.es

Abajo del todo podemos encontrar los marcadores de accesibilidad de la W3C, teniendo el nivel AA de accesibilidad.

Esto es todo por hoy, espero os haya servido y ayude a la hora de comprender sobre la accesibilidad web. Nos vemos en la próxima entrada.

¡Un saludito! :)

Diseño Web y Banner

¡Buenas! Hoy traigo una nueva publicación acerca de otro tema. En esta nueva entrada os traigo un pdf sobre el diseño web y los banners. Realizado en InDesign, con Hipervínculos y ''botones''. En este pdf hablo acerca de la Web, y sus componentes, como es el navegador, el http, el dominio, y más elementos.





Espero que este pdf explicativo acerca de la web, os haya servido para comprender cómo están conformadas y qué son esos elementos que vemos usualmente pero no solemos saber qué son ni qué significan.

Esto es todo por hoy, nos veremos en otra entrada próximamente.
¡Un saludito! :3

Clasificación y Análisis Páginas Webs

¡Buenas a todos! ¿Sabíais que hay diferentes tipos de páginas webs? ¿Y que todas estas se pueden clasificar? Según su finalidad, pueden estar clasificadas en comerciales, educativas... ¡Y eso voy a mostraros hoy! Realicé una clasificación de algunas webs según su finalidad y mi criterio.

TIPOS DE WEBS

• Corporativas. Estas webs son las que ''sirven para dar información de la marca de una empresa''. No te venden nada, simplemente están para dar información y defender la imagen de la empresa. Todas las empresas deberían tener una web de este tipo, así muestran y defienden su branding > la imagen personal en las redes < a la vez que dan información sobre ellas. Ejemplos: Travalsa y Unreal Engine.

• Comerciales. Estas, son mucho más que la carta de presentación de una empresa. Es un comercial 24h 7 días a la semana, y un canal más de relación con las personas, futuros y posibles compradores de tus productos. Ejemplo: Día.

• Noticias. Estas webs las hay de todo tipo, e incluso algunas que tienen de todo dentro de ellas. Te permiten estar informado de los temas que más te interesan sin necesidad de salir de casa, y enterarte de las noticias del día a día. Ejemplos: El Mundo y HobbyConsolas.

• Wikis. Estas son las páginas que pueden ser editadas directamente desde el navegador, donde los propios usuarios, crean, modifican y eliminan contenidos que, generalmente, comparten. Ejemplo: WikiHow

• Foros. Estos, son sitios de discusión en línea. Las personas publican mensajes sobre un tema, creando así un hilo de conversación jerárquico. En general, se opina respecto a cualquier tipo de temas. Ejemplo: ForoCoches. 

• Redes Sociales. Son páginas en las cuales hay mucha interacción social entre las personas inscritas a ellas. Se publican cientos de mensajes cada poco tiempo, de cualquier tema. Las personas se comunican con estas plataformas.

• Blogs. También se les puede llamar Bitácora, Diario o Weblog. Funcionan como una revista, ya que cada cierto tiempo sale un nuevo Post - una nueva entrada - que de forma cronológica desplaza a la anterior entrada para convertirse en el post actual. Si se lleva bien, se puede crear relaciones entre los lectores y el autor, lo que puede crear una comunidad. Ejemplo: ConsigueRegalos.

ANÁLISIS WEB

Una vez vistos estos tipos de webs, voy a analizar 3 de ellas observando sus criterios de usabilidad. Al hablar de usabilidad web, se habla de la facilidad de un usuario para usar, navegar e interactuar con ella. Una web fácil de usar,  tiene más probabilidades de éxito. Una vez explicado esto, vamos con los criterios.

- Jerarquía Visual.

- Control del Usuario.

- Facilidad de Interacción.

- Simplificación de Contenidos.

Unreal Engine

-La jerarquía visual está bastante bien. Muestra una breve presentación de algunos productos elaborados con Unreal Engine primeramente. La sección blog está muy bien, las letras tienen su tamaño adecuado y se lee todo muy bien.

-El control del usuario me parece bastante óptimo.  Puedes llegar fácilmente a tus temas de interés de forma rápida. 

-Tiene una mejorable Facilidad de Interacción. Los apartados, al abrirlos, no te dirigen a otra pestaña, sino que te mantienes en la que estabas.

-La Simplificación de Contenidos me parece aceptable. Es una web sencilla. Aunque tiene algún apartado poco simplificado.

Los Acogidos de Lidia

-La jerarquía visual es decente. Las letras están a sus tamaños adecuados para diferenciar títulos y textos.

- El control del usuario es mejorable, puedes acceder de forma rápida al resto de categorías de la página, pero tiene un defecto. No todas las categorías cargan, al menos en chrome, la categoría de adopciones, no va.

- La Facilidad de Interacción es buena. Aunque no te dirige a otras pestañas, puedes bajar y ver los contenidos en la parte inferior. Lo malo es que algunos contenidos, tardan en cargar.

- Creo que tiene demasiada simplificación en la parte inferior del inicio. Hay mucho vacío ahí.

Travalsa

-La jerarquización está muy bien, tiene los títulos bien grandes para ser diferenciados correctamente de los textos. Está bien organiazado también.

-El control del usuario es bueno, en este caso cargan todos los apartados. Puedes acceder velozmente a las categorías y cargan sin problemas.

- La facilidad de interacción es decente. No te dirige a otras pestañas pero puedes moverte a tu libre elección en la página.

- La simplificación es buena, tiene textos poco alargados y bien simplificación en general en toda la página.

¡Y eso es todo por hoy! Espero haya servido esta entrada. Nos veremos en la próxima entrada. 

¡Un saludito! :3