FASE2- ANALISIS DE ACCESIBILIDAD - TYPICA

Hola,

Después de que estos días que pasaron estuve leyendo un poco mas sobre las pautas de accesibilidad y estoy logrando entender como funcionan, trabajaremos en algunas preguntas importantes en responder respecto a lo que compete la ACCESIBILIDAD del sitio web que yo escogí y es TYPICA.

...y estas son algunas de las preguntas:

Describe las secciones y páginas del sitio elegido. ¿Cuántas y cuales son? ¿Qué contenido incluyen?

El sitio web de TYPICA esta distribuido en 6 paginas, siendo estas: HOME, SUSCRIPCIÓN MENSUAL, TOSTADORA, ACADEMIA, FARM LEVEL Y MOCCAMASTER.

En la primera pagina 1.0. HOME, cuenta con 8 secciones las cuales son:

1.1. Orgullo boliviano: una especie de gif creado con pequeños cortos filmados del café.

1.2. Doña Jesusa edición limitada: donde detallan variedad, altura y notas aclaratorias del café.

1.3. Cold Crew- Cold Brew: bebida energética con 530 mg de cafeína. ( esta pagina tiene una opción que te lleva a una pagina para hablar específicamente de las propiedades de esta bebida energética).

1.3.1. Suscríbete: sección donde puedes llenar una especie de formulario para inscribirte). 1.3.2. Instafeed: muestra las ultimas publicaciones de su instagram seguido de una sección para llenar tus datos personales con nombre y correo para suscribirte a las noticias y actualizaciones de la cafetería.

1.4. Cafés de Temporada: ¨Las Pamelas ¨, ¨EL Pueblo ¨, ¨Envidia ¨ y ¨Gallinazo ¨. ( Con sus respectivas especificaciones como; Caficultor, Región, Variedad; Altura, Notas y Tostado).

1.5.BLITZ: cada de ajedrez y café por Typica ( en esta pagina también encontramos una opción que te lleva a una pagina donde te brindan información sobre cursos de ajedrez, te hablan de fundamentos del ajedrez, como; conocimiento de las piezas, el tablero, etc. Categoría avanzada, Categoría de niños y también un poco de historia.

1.5.1. Suscríbete: sección donde puedes llenar una especie de formulario para inscribirte). 1.5.2. Instafeed: muestra las ultimas publicaciones de su instagram seguido de una sección para llenar tus datos personales con nombre y correo para suscribirte a las noticias y actualizaciones de la cafetería.

1.6. Sucursales: La Paz- San Miguel - Sopocachi- Estación central (cerrado hasta nuevo aviso), Cochabamba- Central calle España- Norte parque Fidel Anze, Oruro calle Soria Galvarro, Santa Cruz barrio equipetrol y Sucre Calle Azurduy. Cada una de estas opciones te dirige a un menú ( excepto La Paz- Estación central y Sucre- Calle azurduy). En el menú encuentras una lista amplia y detallada con precios y aparte un link que te dirige a un chat de WhatsApp para realizar un pedido.

1.7. Instafeed: que te muestra las ultimas publicaciones de su instagram .

1.8. Suscríbete: sección para llenar tus datos personales con nombre y correo para suscribirte a las noticias y actualizaciones de la cafetería.También Iconos de Instagram y Facebook que te re dirigen a sus sitios web en respectivas redes sociales, y correo electrónico.   

En la Segunda pagina 2.0. SUSCRIPCIÓN MENSUAL, cuenta con 6 secciones las cuales son:

2.1. Suscripción: Disfruta de tu café favorito en casa

2.2.Comenzar tu mes con café fresco en la puerta de tu casa...texto explicativo

2.3. Planes de suscripción: Servicio que están disponibles en La Paz, Cochabamba, Oruro y Santa Cruz. Planes como MI CAFÉ, SIN CAFÉ NO VIVO y SOY MAS CAFÉ QUE PERSONA.

2.4.Cafés de temporada: Las Pamelas, El Pueblo, Envidia, Gallnazo y Slección del tostador ( Con sus respectivas especificaciones como; Caficultor, Región, Variedad; Altura, Notas y Tostado).

2.5. Instafeed: que te muestra las ultimas publicaciones de su instagram .

2.6. Suscríbete: sección para llenar tus datos personales con nombre y correo para suscribirte a las noticias y actualizaciones de la cafetería.También Iconos de Instagram y Facebook que te re dirigen a sus sitios web en respectivas redes sociales, y correo electrónico. 

  

En la Tercera pagina 3.0. TOSTADURIA, cuenta con 4 secciones las cuales son:

3.1. Tostaduria: acompañada de imagen

3.2. Typica Tostaduria es el espacio donde nos dedicamos a la búsqueda de cafícultores comprometidos... Texto explicativo con información respecto a Servicios, Horarios y Personal y equipos.

3.3. Instafeed: que te muestra las ultimas publicaciones de su instagram .

3.4. Suscríbete: sección para llenar tus datos personales con nombre y correo para suscribirte a las noticias y actualizaciones de la cafetería. También Iconos de Instagram y Facebook que te re dirigen a sus sitios web en respectivas redes sociales, y correo electrónico.   

En la Cuarta pagina 4.0. ACADEMIA, cuenta con 5 secciones las cuales son:

4.1. Academia: acompañada de imagen

4.2. Academia Typica nace con la misión de crear un espacio para entusiastas, profesionales en el rubro y personas que recién han empezado a descubrir la complejidad del mundo de cafés de especialidad...texto explicativo.

4.3. Cursos disponibles: Barista Skills 2021- Curso presencial en la ciudad de Cochabamba. Donde también hablan de ¿Qué es la SCA?, Programa de habilidades del café, Introducción al café, Modulo de habilidades de barista, Seguido de un formulario para poder inscribirte a cualquiera de sus módulos disponibles. Al final numero de teléfono y correo para cualquier duda o problema respecto a la inscripción. 

4.4. Instafeed: que te muestra las ultimas publicaciones de su instagram .

4.5. Suscríbete: sección para llenar tus datos personales con nombre y correo para suscribirte a las noticias y actualizaciones de la cafetería. También Iconos de Instagram y Facebook que te re dirigen a sus sitios web en respectivas redes sociales, y correo electrónico.  

En la Quinta pagina 5.0. FARM LEVEL, cuenta con 4 secciones las cuales son:

5.1. Farm Level: una especie de gif creado con pequeños cortos filmados.

5.2. Trabajamos solo con caficultores bolivianos para apoyar a nuestra industria y mejorar las vidad de los que estan en el rubro... Texto explicativo donde continuan hablando de ¨Nuestros amigos¨ como; El Porvenir, Historia, Producción y Ubicación.

5.3. Instafeed: que te muestra las ultimas publicaciones de su instagram .

5.4. Suscríbete: sección para llenar tus datos personales con nombre y correo para suscribirte a las noticias y actualizaciones de la cafetería. También Iconos de Instagram y Facebook que te re dirigen a sus sitios web en respectivas redes sociales, y correo electrónico.

En la Sexta pagina 6.0. MOCCAMASTER, cuenta con 6 secciones las cuales son:

6.1. Mocca master: Authorised Retailer 

6.2. Maquinas fáciles de usar y confiables a largo plazo...texto explicativo. La mejor por años, SCA, Café delicioso y saludable. ¿Cuál es el café perfecto?, Temperatura, Tiempo de extracción. Moccamaster- una opción sustentable, Materiales perfectos, Certificación ECB.

6.3. Colores disponibles ( modelo KBG select): Amarillo pimiento, Azul medianoche, Cobre, Naranja, Rosado, Turquesa, Verde Fresco y Verde pastel.

6.4. Reserva la tuya vía WAPP y MOCCAMASTER BROCHURE

6.5. Instafeed: que te muestra las ultimas publicaciones de su instagram .

6.6. Suscríbete: sección para llenar tus datos personales con nombre y correo para suscribirte a las noticias y actualizaciones de la cafetería. También Iconos de Instagram y Facebook que te re dirigen a sus sitios web en respectivas redes sociales, y correo electrónico.

En cada una de las guías se debe establecer qué nivel de conformidad se logra. Por lo tanto se debe determinar y describir porqué se cumple un determinado nivel de conformidad en cada una de las 12 guías.

PRINCIPIO 1- Perceptible- La información y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que ellos puedan percibirlos.

Pauta 1- Alternativas textuales: Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple

- Lo que pude observar es que este sitio web no cumple con alternativas no textuales ya que cuando uso la aplicación VoiceOver que está pre instalada en la computadora esta solo lee la imagen como el formato en el que se presenta ya sea jpg o png y bueno en algunos casos llega a decir alguna palabra que logra leer dentro de la imagen. Pero no la describe en sí.

Pauta 2- Medios tempodependientes: Proporcionar alternativas para los medios tempodependientes.

- Este sitio web no cuenta con solo audio grabado o solo video grabado, pero sí como es mencionado cuenta con video que es un contenido multimedia alternativo al texto y claramente se lo reconoce como tal. 

- Tampoco cuenta con subtítulos ni audio descripción o medio alternativo, pero si podemos obtener la descripción mediante un lector de paginas web como VoiceOver, sin contenido de subtítulos (en directo), sin audio descripción (grabado), sin lenguaje de señas, ni audio descripción ampliada, sin medio alternativo y si solo audio en directo pero mediante VoiceOver.

Pauta 3- Adaptable: Crear contenido que pueda presentarse de diferentes formas (por ejemplo, con una disposición más simple) sin perder información o estructura.

- Este sitio web cuenta con información y relaciones correspondiente a un nivel A, se dificulta la secuencia significativa pero me imagino que es mas un tema de dominio comandos (personal) y las características sensoriales ya que si describen forma, tamaño, orientación y ubicación visual pero no sonido.

Pauta 4- Distinguible: Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.

- Esta presente el uso del color mientras sigue siendo parte de un Nivel A, en cuanto al control del audio podemos encontrarlo pero mediante programas que nos ayuden a leer paginas web como en mi caso opte por probar VoiceOver que es la aplicación pre - instalada en la computadora que puede leer braile y mediante voz. Permite regular el volumen, velocidad e incluso tono de voz. Aclarando que es una simple lectura sin aclarar primeros ni segundos planos.

- Entrando en tema de constraste mínimo la representación de texto e imagen de texto están presentes mediante una relación de contraste . Sin incluir un Nivel AA que contienen textos grandes, incidentales y logotipos ya que estos no tiene requisitos de contraste mínimo. 

- Sus secciones cuentas con cambios de tamaño de imagen, sin mucha diferencia pero si se experimentan.

- Imagen de texto que puede ser configurable y esencial de cuerdo a la información que se quiere transmitir.

- Hablando ya se un contraste mejorado es perceptible en el sitio web pero excluyendo nuevamente los textos grande, incidentales y logotipos que esta vez ya forman parte de un Nivel AAA.

- Cómo mencione anteriormente el sonido de fondo bajo o ausente no esta presente en el sitio web, con un excepción de usar algún programa como VoiceOver que si nos proporciona audios sin sonido de fondo y opciones de apagar con un simple comando.

- En representación visual no contamos con todos los niveles AAA ya que no tenemos la facilidad de cambiar los colores de fondo o primer plano, tampoco podemos ajustar sin ayuda un 200 por ciento con el texto en pantalla completa, pero el texto si esta alineado y justificado en la mayoría de las veces al centro, un buen espaciado entre lineas.

- Si contamos con imágenes de texto como decoración y también como indicadoras.

PRINCIPIO 2- Operable: Los componentes de la interfaz de usuario y la navegación deben ser operables 

Pauta 5- Accesible por teclado: Proporcionar acceso a toda la funcionalidad mediante el teclado.

- El sitio web independiente de VoiceOver no puede ser navegado mediante el teclado, se requiere sí o sí un ratón o mousepad.

- Sin trampas para el foco del teclado ya que no es posible mover el focoa un componente de la pagina usando una interfaz de teclado.

- Hablando del teclado sin excepciones si podemos utilizarla a traves de una interfaz de teclado sin requerir una determinada velocidad en la pulsacion de las teclas (VoiceOver).

Pauta 6- Tiempo suficiente: Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.

-Tiempo ajustable que esta presente n este sitio web mediante opciones como apagar, no ajustar ni extender, pero sí cuenta con excepción de tiempo real ya que podemos disfrutar de ciertas secciones con su determinada cantidad de tiempo.

- Partes que si podemos poner e pausa y detener pero no ocultar. Movimientos, parpadeo y desplazamiento que comienzan automáticamente, duran mas de cinco segundos y se presentan en paralelo con otro contenido.

- Sí funciona la Actualización automática ya que se inicia automáticamente y se presenta en paralelo a otro contenido. 

-No cuenta con tiempos limites , si con interrupciones ya que pueden ser debido a una emergencia y re autentificación que ayuda a no perder los datos de tu suscripción mensual o alguna otra inscripción dentro del sitio web.

Pauta 7 - Convulsiones: No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones.

- Sin umbral de tres destellos o menos con el fin de evitar se pueda interferir con la capacidad del usuario

- Sin tres destellos ya que ningún contenido dentro del sitio web destella mas de tres veces por segundo.

Pauta 8 -Navegable: Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.

- No evitan bloques por qué sí repiten la parte de su instafeed y suscripción al final de cada pagina.

- Si cumplen con titulado de paginas debidamente organizado de acuerdo a temática o propósito.

- Orden del foco bien organizado para poder navegar secuencialmente.

- Propósito de los enlaces y como claro ejemplo ponemos 1.3.- 1.3.1.- 1.3.2.

- Múltiples vías , encabezados y etiquetas, foco visible, propósito de los enlaces y encabezados de sección propiamente dicho.

PRINCIPIO 3: Comprensible - La informacion y el manejo de la interfaz de usuario deben ser comprensibles.

Pauta 9 -Legible: Hacer que los contenidos textuales resulten legibles y comprensibles.

- Idioma de la pagina es español pero este varia de acuerdo al usuario.

- Palabras inusuales que están presentes en especial en los nombres de sus cafés.

- Abreviaturas presentes de forma recurrente en las variaciones de los tipos de cafés.

- Nivel de lectura que si se centra mas en palabras tecnicas referidas al café, ajedrez, y curso de baristas.

- Por la pronunciación no puedo decir mucho ya que no cuentan con audio en ninguna pagina del sitio. 

Pauta 10 - Predecible: Hacer que las páginas web aparezcan y operen de manera predecible.

- Al recibir el foco y entradas no inicia  ningún cambio en el contexto.

- Navegación coherente e identificación coherente se repiten también en este sitio web ,

- No cuentan con cambios a petición pero sí pueden mandar quejas o dudas al correo electrónico que se encuentra en la parte inferior derecha de todas las paginas del sitio.

Pauta 11 - Entrada de datos asistida: Ayudar a los usuarios a evitar y corregir los errores.

- Me imagino que si la pagina esta saturada o llega a tener algún error saldrá algún mensaje pero personalmente no  experimente ningún error en estos días navegando minuciosamente en este sitio.

- En pequeños detalles como formularios de inscripción si llegue a ver pequeñas instrucciones.

PRINCIPIO 4: Robusto - El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo las ayudas técnicas. 

Pauta12 -Compatible: Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.

 

- Procesamiento que funciona de una forma correcta a medida que los elementos están anidados de acuerdo a sus especificaciones, elementos que tal ves siguen un orden estético y en algunas paginas contienen atributos duplicados.

- Nombre, función y valor que incluyen elementos de formulario, enlaces y componentes. Nombre y función determinados por sofrware y los estados, propiedades y valores que pueden ser asignados por el usuario pueden ser especificados por el software.

Si se considera que un nivel de conformidad debiera ser más alto, generemos sugerencias sobre cómo lograr mejorar el nivel de conformidad logrado.

-  Pauta 1- Alternativas textuales: Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple

-  SUGERENCIA: tener un modo opcional de alternativas textuales las cuales el usuario pueda escoger si quiere o no utilizar y también que cuando suban una imagen detallen la foto con su contenido y no simplemente con un ̈IMG-1231 jpg o png ̈ esto, con el fin de que cuando una programa de interfaz que ayude en la descripción de la pagina web esta pueda describir usando la descripción que cada sitio web le da a su propia imagen.

-  Pauta 2- Medios tempodependientes: Proporcionar alternativas para los medios tempodependientes.

-  SUGERENCIA: tener contenido de video grabado facilita mucho la percepción de un sitio web y lo que estamos queriendo transmitir a nuestros usuarios.

-  Pauta 6- Tiempo suficiente: Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.

-  SUGERENCIA: Poder facilitar el uso de los comandos para ajustar y extender la visibilidad.