Acessibilidade digital
para museus, exposições e acervos. Digital accessibility
for museums, exhibitions and collections. Accesibilidad digital
para museos, exposiciones y acervos.

Organizar muitas informações institucionais sem transformar a página em um conteúdo pesado ou difícil de navegar.The 12 Casas-Tela of MUF — artworks on house facades in the favela territory — had no digital accessibility layer for visitors with visual or hearing disabilities.Las 12 Casas-Tela del MUF — obras de arte en fachadas de casas en el territorio de la favela — no tenían ninguna capa digital de accesibilidad para visitantes con discapacidad visual o auditiva.

Criação de estrutura visual mais clara, com navegação por setores, leitura objetiva e adaptação para celular.I created dynamic QR Codes for each artwork and developed digital accessibility pages — with text audio description, historical context, and artist information — accessible from any smartphone.Creé códigos QR dinámicos para cada obra y desarrollé páginas de accesibilidad digital — con audiodescripción en texto, contexto histórico e información de la artista — accesibles desde cualquier smartphone.

• Organização mais fácil de consultar12 circuit artworks with inclusive digital access12 obras del circuito con acceso digital inclusivo
• Melhor leitura no mobileFull integration between physical visit and digital contentIntegración total entre visita física y contenido digital
• Acesso funciona sem app — direto pelo navegador do celularAccess works without an app — directly via mobile browserEl acceso funciona sin app — directamente desde el navegador del celular

O visitante acessava conteúdos pelo celular, mas nem sempre encontrava uma experiência clara, leve e acessível.MUF receives Brazilian visitors, international tourists, and research groups from various countries. Exhibition digital content was only available in Portuguese, excluding a large portion of the audience.El MUF recibe visitantes brasileños, turistas internacionales y grupos de investigación de varios países. Los contenidos digitales estaban disponibles solo en portugués.

Criação de páginas digitais para QR Code com conteúdo organizado, legível e preparado para acessibilidade.No-reload language switching system in 4 languages (PT, EN, ES, FR) with full accessibility — compatible with screen readers, keyboard navigation, and dynamic lang attribute update for assistive technologies.Sistema de cambio de idioma sin recarga en 4 idiomas (PT, EN, ES, FR) con accesibilidad total — compatible con lectores de pantalla y navegación por teclado.

• Páginas mais claras para visitaçãoMultiple MUF exhibitions with multilingual system in PT, EN, ES, and FRMúltiples exposiciones del MUF con sistema multilingüe en PT, EN, ES y FR
• Melhor integração entre exposição física e digitalLang attribute dynamically updated — screen readers pronounce the correct languageAtributo lang actualizado dinámicamente — los lectores de pantalla pronuncian el idioma correcto
• Alcance ampliado para públicos francófonos — turistas, pesquisadores e parceiros internacionaisExpanded reach to Francophone audiences — tourists, researchers, and international partnersAlcance ampliado a públicos francófonos — turistas, investigadores y socios internacionales

O site precisava ficar mais seguro, atualizado e fácil de manter no dia a dia institucional.Increase the museum's digital visibility without an ad budget — relying exclusively on organic search.Aumentar la visibilidad digital del museo sin presupuesto para anuncios — dependiendo exclusivamente de búsqueda orgánica.

Rotina de manutenção com atualização, ajustes técnicos, organização de páginas e apoio em WordPress.Technical and structural SEO: information architecture, Core Web Vitals optimization, HTML semantic improvement, and metadata structuring.SEO técnico y estructural: arquitectura de información, optimización de Core Web Vitals, mejora semántica HTML y estructuración de metadatos.

• Site mais estável+29% growth in total users+29% crecimiento de usuarios totales
• Fluxo de atualização mais organizado3,404 sessions in the quarter3.404 sesiones en el trimestre
• 53,5% das sessões via busca orgânica53.5% of sessions via organic search53,5% de las sesiones vía búsqueda orgánica
• 67% de engajamento — 1m46s de permanência média67% engagement rate — 1m46s avg. session67% de engagement — 1m46s de permanencia media

A instituição precisava acompanhar acessos, desempenho e visibilidade sem depender de achismo.Present MUF's 10 operational sectors with their teams, photos, and contacts in a visually impactful way on desktop and fully functional on mobile — all with native accessibility.Presentar los 10 núcleos de actuación del MUF con sus equipos, fotos y contactos de forma visualmente impactante en escritorio y totalmente funcional en móvil — todo con accesibilidad nativa.

Configuração de métricas, SEO técnico e acompanhamento de dados para orientar melhorias no site.Interactive disc with 10 sectors arranged in a ring. Clicking each sector dynamically displays the team panel with circular photo, role, and institutional email. Built with pure HTML, CSS, and JavaScript — no external library.Disco interactivo con los 10 sectores dispuestos en anillo. Al hacer clic en cada sector, el panel lateral muestra dinámicamente el equipo con foto circular, cargo y correo institucional. Construido con HTML, CSS y JavaScript puro.

Layout completamente diferente: bolhas/nós interativas com swipe entre setores. Toggle "Organograma / Lista Alfabética" — a lista é plenamente acessível a leitores de tela (NVDA, VoiceOver). Botão de acessibilidade ♿ integrado ao card de equipe.Completely different layout: interactive bubbles/nodes with swipe between sectors. "Org Chart / Alphabetical List" toggle — the list view is fully accessible to screen readers (NVDA, VoiceOver). Accessibility button ♿ integrated into the team card.Diseño completamente diferente: burbujas/nodos interactivos con deslizamiento entre sectores. Toggle "Organigrama / Lista Alfabética" — la lista es completamente accesible para lectores de pantalla. Botón de accesibilidad ♿ integrado en la tarjeta de equipo.

• Duas interfaces distintas para desktop e mobile — mesma base de códigoTwo distinct interfaces for desktop and mobile — same code baseDos interfaces distintas para escritorio y móvil — misma base de código
• 10 setores com equipes, fotos e contatos carregados dinamicamente10 sectors with teams, photos, and contacts loaded dynamically10 sectores con equipos, fotos y contactos cargados dinámicamente
• Acessível por teclado, leitor de tela e dispositivos de toqueAccessible by keyboard, screen reader, and touch devicesAccesible por teclado, lector de pantalla y dispositivos táctiles
• Zero dependências externas — performance máximaZero external dependencies — maximum performanceCero dependencias externas — rendimiento máximo

Materiais de áudio e transcrição precisavam funcionar bem em tablet, totem e visita presencial.The team needed a developer every time they wanted to update volunteers, historical timeline, or academic publications — content that changes frequently and in large volumes.El equipo necesitaba un desarrollador cada vez que quería actualizar voluntarios, la línea de tiempo histórica o publicaciones académicas — contenido que cambia con frecuencia y en gran volumen.

Organização de uma experiência simples, offline e acessível para consulta durante a visita.Integration of the site with spreadsheets (Google Sheets and Excel) via API — the team edits the spreadsheet and the portal updates automatically, in real time, without WordPress access. Implemented across three areas:Integración del sitio con planillas (Google Sheets y Excel) vía API — el equipo edita la planilla y el portal se actualiza automáticamente, en tiempo real, sin acceso a WordPress. Implementado en tres áreas:

• Uso mais fácil em exposição Academic Publications — hundreds of publications fed and edited via Excel spreadsheet. Any team member adds or corrects a publication without opening WordPress. Publicaciones Académicas — cientos de publicaciones alimentadas y editadas por planilla Excel. Cualquier miembro del equipo agrega o corrige una publicación sin abrir WordPress.
• Conteúdo acessível sem depender de internet Volunteers — team page updated via Google Sheets, with photo, role, and area of work in real time. Voluntarios — página de equipo actualizada vía Google Sheets, con foto, cargo y área de trabajo en tiempo real.
• Linha do tempo histórica — cronologia do museu gerenciada pela equipe de memória sem dependência técnica. Historical timeline — museum chronology managed by the memory team with no technical dependency. Línea de tiempo histórica — cronología del museo gestionada por el equipo de memoria sin dependencia técnica.

A equipe ganhou autonomia total sobre o conteúdo. O desenvolvedor deixou de ser gargalo para atualizações de rotina — liberando tempo técnico para projetos de maior valor.The team gained full autonomy over content. The developer stopped being a bottleneck for routine updates — freeing up technical time for higher-value projects.El equipo ganó autonomía total sobre el contenido. El desarrollador dejó de ser un cuello de botella para actualizaciones de rutina — liberando tiempo técnico para proyectos de mayor valor.

Conteúdos culturais precisam considerar pessoas surdas e usuários que dependem de recursos visuais e textuais.Law 10.436/2002 recognizes Brazilian Sign Language (Libras) as the official language of deaf communities in Brazil. Museums and cultural spaces have a legal and ethical obligation to offer content in Libras.La Ley 10.436/2002 reconoce la Lengua de Señas Brasileña como lengua oficial de las comunidades sordas en Brasil. Los museos tienen obligación legal y ética de ofrecer contenido en Libras.

Integração de vídeo em Libras, texto acessível, audiodescrição e créditos nas páginas de exposição.Integration of Libras interpretation videos directly into exhibition accessibility pages — as in the Parede PPG20, where the artwork content is presented in Libras with embedded video, text audio description, and full team credits.Integración de videos de interpretación en Lengua de Señas Brasileña directamente en las páginas de accesibilidad de las exposiciones — como en la Parede PPG20.

• Mais acesso para públicos diversosPages with Libras, text audio description, and complete team creditsPáginas con Lengua de Señas, audiodescripción en texto y créditos completos
• Conteúdo cultural com recursos de inclusãoCompliance with Law 10.436/2002 and WCAG 1.2 best practicesConformidad con la Ley 10.436/2002 y buenas prácticas WCAG 1.2
• Acesso real da comunidade surda ao acervo cultural do museuReal access by the deaf community to the museum's cultural collectionAcceso real de la comunidad sorda al acervo cultural del museo

Página de planejamento de visita com rotas, orientações de acessibilidade, agendamento e integração com conteúdos do museu.Complete museum visit planning page, integrating both modalities: MUF Headquarters and Casas-Tela Circuit. Includes accessible routes, multiple visit itineraries, guidance for people with disabilities, scheduling form, and QR Code integration with artworks.Página completa de planificación de visita al museo, integrando las dos modalidades: Sede del MUF y Circuito de las Casas-Tela. Incluye rutas accesibles, múltiples itinerarios, orientaciones para personas con discapacidad y formulario de agendamiento.

• Roteiros de visita mais clarosMapped accessible routes for wheelchair users and people with reduced mobilityRutas accesibles mapeadas para usuarios de silla de ruedas y personas con movilidad reducida
• Orientações para públicos com diferentes necessidadesDifferentiated itineraries: individual, group, mediated, and autonomousItinerarios diferenciados: individual, grupal, mediado y autónomo
• Formulário de agendamento integrado à equipe de mediaçãoScheduling form integrated with the mediation teamFormulario de agendamiento integrado con el equipo de mediación
• Orientações específicas para grupos com necessidades especiaisSpecific guidance for groups with special needsOrientaciones específicas para grupos con necesidades especiales