Luise Lorenzoni Prauze

Acceso restringido

Este portafolio contiene información confidencial. Ingresá la contraseña para continuar.

Contraseña incorrecta. Intentá de nuevo.

Ilustración de una persona junto a un celular que muestra un ícono de ojo, representando accesibilidad

Mercado Pago

Tips de Accesibilidad a partir de la Amount Screen: De Proyecto a Guía de Referencia en Accesibilidad

Skills Accesibilidad | Contenido | Influencia en equipos

Durante 2024, el equipo CCAP trabajó en mejorar la Amount Screen

Necesitábamos generar consistencia cross entre los equipos que usaban esta capability

Esto incluyó, por primera vez de forma estructurada, el handoff de accesibilidad

No había una guía clara de accesibilidad para esta pantalla

Diferentes equipos la implementaban de formas distintas

Oportunidad: transformar el aprendizaje aislado en conocimiento reutilizable

Se hablaba mucho de A11Y, hasta que entendimos que de la letra A a la Y, del término en inglés accessibility, hay 11 letras en el medio — así que adoptamos el término.

En Mercado Libre, teníamos la costumbre de señalar en Figma cuáles y cómo serían las lecturas indicadas para accesibilidad — un patrón bien difundido entre diseño y desarrollo. Sin embargo, durante las validaciones con los especialistas en accesibilidad, cambiamos varias cosas. Aprendimos que no todo necesita ser indicado manualmente (ya que el Design System trae patrones nativos) y que no debemos inventar un recorrido diferente para quienes usan lector de pantalla. Fue un proceso rico en descubrimientos que nos ayudó a evolucionar nuestra documentación.

🖼️ Placeholder — leyenda de anotaciones A11Y (Button, Heading, Nota para el desarrollador, Orden de lectura, Announcement, Group, Ignorado, Link, Label)
🖼️ Placeholder — ejemplos de handoff (Info regulatoria · SOLO MCO Colombia, Helper balance mostrar/ocultar, Acción complementaria dropdown)
#1: Entender al lector

Probar componentes productivos

Si estás usando componentes que ya existen en la app o están contemplados en Andes, podés probar cómo se leen activando el lector de pantalla en tu celular o entrando a Fury.

🖼️ Placeholder — carrusel de prueba con lector de pantalla (Storybook / panel de accesibilidad de Andes)
#2: Usar lo que ya existe

Contenido próximamente.

#3: Etiquetar correctamente

Contenido próximamente.

#4: Traducir labels

Contenido próximamente.

Después de documentar todo lo que aprendimos, nos dimos cuenta de que ese conocimiento no podía quedar aislado solo en nuestro Figma. Decidimos multiplicarlo a través de tres canales:

Internamente: Publicamos la guía en Figma y la presentamos en una mesa sobre accesibilidad en el “Día de la Accesibilidad” (IT Talk interno)

Comunidad Tech: Transformamos los 4 pilares en un post en Medium (“6 Tips para Mejorar la Accesibilidad de tus Productos”) que resonó con personas fuera de Meli. 1K views, 319 reads con 31% de read ratio

Marca: También lo compartimos en el Instagram de Mercado Libre, posicionando la accesibilidad como parte de la identidad de la empresa.

Post en PT-BR “6 Dicas para Melhorar a Acessibilidade dos Seus Produtos”
(Versión disponible también en ES: medium.com/mercadolibre-ux/6-tips-para-mejorar-la-accesibilidad-de-tus-productos)

🖼️ Placeholder — captura del post en Medium (“6 tips para mejorar la accesibilidad de tus productos”)

Link: medium.com/mercadolibre-ux/6-tips-para-mejorar-la-accesibilidad-de-tus-productos

N/A

Presentations

Times this story was presented across Medium, or via push/email notifications.

1K

Views

Landed on your full story through web, mobile, or email.

31% read ratio

319

Reads

Read your story for at least 30 seconds.

Transformar un proyecto en conocimiento compartido no genera el mismo tipo de “impacto visible” que un aumento de conversión del 30%. No tiene un gráfico lindo mostrando adopción.

La guía sigue en Figma, el post en Medium acumula lectores todos los meses, y las cuestiones que resolvimos — cómo los screen readers interpretan diferentes componentes — son las mismas que los equipos nuevos descubren.

Impactar a las personas y facilitar ese contenido es la textura real del impacto duradero.