 Si os digo que hay un aspecto en muchas de las páginas web por las que navegamos día a día que no solemos tener en cuenta, ¿sabríais decirme cuál? Si estamos aquí, evidentemente es porque creo que ya a todos empezamos a intuirlos. Es muy importante poder hacer las páginas web y poder hacer la navegación accesible para todas y para todos independientemente de cualquiera de nuestras condiciones. Para hablarnos de ello, tenemos a Iñaki Martín, experto en accesibilidad, que nos va a contar buenas prácticas para hacer nuestras tiendas online más y mejor accesibles. Os dejo con él. Hola, buenas tardes. ¿Oye? Sí. Buenas tardes. Me presento un poquito. Yo soy Iñaki, tengo 28 años. Últimamente me especializo en la agibilidad web en WordPress y por mis incuestraciones también me especializo en la agibilidad web. Me voy a encontrar en las redes sociales que aparecen ahí, pero bueno, para personas que hay alguna persona que haya con discapacidad visual, viendo las charlas en el futuro, mis redes son Iñaki Martín San, en Twitter me gusta MundoMac, en Wordpress.org me gusta MundoMac, y en blog me gusta MundoMac.wordpress.org. En mi correo, sin vianes en www.arrobajen.com, también os comento por las personas que vayan las charlas en personas ciegas, también que aparezco yo mismo en esta junto con mi hermana en la playa en Jantander, y seguimos la cuinturilla con la charla. Ahora mismo, por favor, poneros la piel de una persona ciega. Para ellos tenéis aquí una foto de una persona que ciega, y tenéis que cerrar los ojos y hasta que no acabe la charla, no podéis abrir los ojos. Ahora continuamos. Hago unos consejos previos. Hago unos consejos. Cuando veas una charla, si ponéis imágenes cuando tenéis una charla, una presentación, tenéis que describir la imagen que aparece en la charla que estoy explicando. Y luego también si ponéis un vídeo, si solo tienes sonido, también tenéis que explicar cuando tenéis una charla lo que aparezca en el vídeo, hablando más en bajo un voz, baja lo que aparezca en el vídeo. Ahora vamos a ir con la siguiente. Ahora voy a explicar más o menos de qué voy a tratar de hacerla, aunque lo he explicado más o menos. Sobre vueltas prácticas de la realidad web, me las tendo a hablar con el WordPress. Y vamos a hablar sobre las imágenes, sobre el lager, sobre los hormularios, sobre los mentales más grandes, sobre los marcos y frames, cómo hacerlo más accesibles. La realidad es las imágenes. Pues si tú pones, si no pones un buen test alternativo, por ejemplo, pones imágenes, jjjj, jjjj, 1.1.jjj, en el test alternativo. Este test alternativo no es accesible. Y no es bueno para describir una imagen en las tiendas online. Tienes que poner el texto, por ejemplo, lo que apareje en esa imagen, describiendo lo que apareje en la imagen, por ejemplo, hay una casa que tiene una terraja, por ejemplo, o apareje unas botas de agua, una botas de agua para venderlas en esa tienda. Entonces hay que, por lo menos, así la descripción, porque es más accesible para el cliente online. Porque así puede vender en las tendas online, puede comprar todo tipo de personas en la tienda online. Ahora vamos con la siguiente. Las lejos de los hormonarios. Para hacer más accesibles los hormonarios en las tendas online, lo que tienes que hacer es ver las cosas. Por ejemplo, etiquetar todos los campos de tu hormonario con la etiqueta label de este TML. No usar la etiqueta Plash Holder, porque no es accesible esa etiqueta, porque esa etiqueta no es accesible para la historia de pantalla. Luego también tienes que poner, si usas cacha para proteger tus campos, tus hormonarios de los robots, no tienes que usar un cacha solo la imagen, porque no es accesible para las personas que utiliza un producto de apoyo. Tienes que poner un cacha matemático. Pero es también para las personas que tienen discapacidad intelectual no es accesible. Entonces también tienes que usar un cacha de palabra o una frase. Y también tienes que dar mayor tiempo a las personas que usan movilidad reducida al reglamento de los hormonarios, porque a lo mejor necesita más tiempo de lo que debida de las demás personas. Seguimos con la siguiente. ¿A las habilidades o las enlajes? Para los enlajes, ¿qué es más resiliente? Tiene online, lo que tienes que hacer es poner el test de enlaje, un test más descriptivo de lo que va a llevar tu enlaje. No puedes pulsar aquí más información, ir al producto, ir al producto, ver más, ver más, ver más. Tienes que poner, por ejemplo, ropa de calle, el test o Google o Wordpress España, así más o menos a ver de qué va el enlaje. Agilidad de marcos y frames. Lo que tienes que hacer es cuando tú insertas un marco que es un objeto incrustado en tu web de otro sitio, por ejemplo, un video YouTube, un video de un medio, o también una presentación de Google Drive, de Google Docs, un documento de Google Docs en un hoja de cálculo de la suite de Google. Lo que tienes que hacer es etiqueta tu marco. Lo que tienes que hacer es incluir un título en tu marco con la etiqueta title en la etiqueta y frame de TML. Y vamos con la herramienta positiva. Vamos a comentarlos. Ahora vamos a hacer mejores prácticas con el contraste del color en vuestras tendas online. Lo que tienes que hacer es poner un buen contraste entre el color y el test todo del fondo para que el contraste bien y luego también tenéis, quizás, las etiquetas de las hojas de estilo GGS, en las hojas de las etiquetas relativas, en el porcentaje Ren y M, para poner el tamaño y no pulsar las etiquetas absolutas PX. Luego también que tenéis que usar también el fuente, un poco grande, ¿no? En 2G puede ser 45 puntos. Y también que no tenéis que usar los colores para transmitir formación, por ejemplo, el test va a formular, por ejemplo, el botón es rojo, el cargelar, botón verde de enviar, porque no es bueno, porque no es bueno para poner una cursa al resto de pantalla. Y no que tenéis que usar otra forma de darles formación, por ejemplo, un test, pulsar el botón cargelar para cargelar los datos, pues a botón enviar para enviar los datos. Y luego también les comento las grietas positivas, las grietas de la ventana modal. Las ventanas modales son abajo, a veces una ventana modal, por ejemplo, para inscribirte a un formulario, si has inscribido una newsletter, pues, por ejemplo, te hace una ventana modal. Pues eso no es bueno para el resto de pantalla. Tienes que, a lo mejor, tenéis que utilizar una etiqueta que se llama TAPKINDES, que lo que tenéis que ponerlo. TAPKINDES es igualajero para que el resto de pantalla pueda ser localizado por los productos de apoyo que pueda coger el foco del resto de pantalla. Y luego también tienes que, también tienes que utilizar unas etiquetas, de este termo elegínico, en este caso que dicen para la gestibilidad, que se llaman ARIA, que es una etiqueta que tiene unos roles, unos estados para el tema de la gestibilidad, que están incluidos últimamente en la tienda de MLA-5, la nueva versión de la tienda de MLA. Y seguimos con la gerente de positiva. Ahora vamos a traer un enlace de interés que podéis consultar, por si queréis más información, sobre lo que está hablando aquí, lo podéis consultar más en el blog, y te damos a Olazque, con un sitio también de la comunidad de WordPress, y la podéis consultar a la siguiente enlace. A la siguiente con la siguiente enlace de positiva. Acá vamos a descubrir los agregimientos. Las agregimientos que agradezco a las organizadores, patrocinadores y asistentes, y ponentes, ponemos una oportunidad en la charla, en esta huerca Grignon de 1992, también por querer hacer las tiendas online mucho mejor, más accesibles a todo el mundo, a todas las personas, y con gracias a todos, podemos lograr un mundo más accesible, mucho mejor para todas y a todas, gracias a todos por ayudar a hacer un mundo más accesible, y a mejorar mucho más las tiendas online, para que sean más accesibles, día a día, a todo lo que era por mejorar, que sería mejor poco a poco, día a día. Bueno, muchas gracias, un saludo, de Niaki.