> For the complete documentation index, see [llms.txt](https://sentido.gitbook.io/sentido_docspage/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sentido.gitbook.io/sentido_docspage/acessibilidade/readme.md).

# Acessibilidade para todos

<figure><img src="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2Fjvv7o6zl6sKEhdmuSRfI%2Fcome%C3%A7a%20em%205%20minutos.png?alt=media&amp;token=53288eae-8c1b-4f8f-9820-ec077097cd4d" alt="Banner do SENTIDO. Logo do SENTIDO e a frase &#x22;Aplicação de visualização&#x22; no canto superior esquerdo e a frase &#x22;Inclusão através da Tecnologia&#x22; no canto inferior esquerdo. Do lado direito, ecrã de eventos e ecrã de cinema. No meio dos dois, sobreposto aos mesmos, está o ecrã da home."><figcaption></figcaption></figure>

O SENTIDO é o resultado de uma investigação profunda e colaborativa, desenhada para eliminar as barreiras enfrentadas por pessoas cegas, com baixa visão, surdas ou com limitação auditiva. Através de metodologias de design centradas no utilizador real, cocriámos soluções de acessibilidade que garantem uma experiência autónoma, digna e equitativa desde o primeiro contacto.&#x20;

Mais do que uma tecnologia que se adapta; redefine a inclusão em eventos ao vivo, aliando inovação contínua à validação permanente com a nossa comunidade.

O desenvolvimento desta plataforma não foi apenas um exercício de design e programação, mas um processo de Inclusão. Partimos do princípio de que a Limitação não reside na pessoa, mas nas barreiras criadas pelo ambiente. Para as eliminar, baseámo-nos em três pilares de investigação:

### <mark style="color:$primary;">Modelos de Acessibilidade</mark>

Durante a fase de prototipagem, foram realizados testes de usabilidade com pessoas cegas, com baixa visão e membros da comunidade surda. As conclusões foram claras:

* **Consistência é Segurança**: Utilizadores de tecnologias assistivas dependem da previsibilidade. Quando um botão muda de posição entre ecrãs, o "mapa mental" quebra-se, comprometendo a navegação e a autonomia.
* **O Excesso é uma Barreira**: Interfaces com demasiada informação criam ruído visual e tornam-se exaustivas. A resposta passou pela adoção de um minimalismo funcional, onde cada elemento tem um propósito claro.
* **Modos de Visualização**: Foram implementados critérios de acessibilidade visuais/auditivos, garantido coerência dentro das necessidades transmissíveis, tais como:

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4><i class="fa-audio-description">:audio-description:</i></h4></td><td><strong>Audiodescrição</strong></td><td>Descrição narrativa dos elementos visuais do evento. Através de uma narração clara e sincronizada, são explicados cenários, expressões faciais, figurinos e movimentos, permitindo a compreensão plena de todo o contexto visual.</td><td data-object-fit="cover" data-alt="Ícone de audiodescrição."><a href="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2Ff3tL49KbK53rQZpoje98%2Faudiodescri%C3%A7%C3%A3o.png?alt=media&amp;token=e520f622-dd62-40a7-abb1-94168a63bf32">audiodescrição.png</a></td><td></td><td><a href="/sentido_docspage/acessibilidade/transmissao/audiodescricao.md">Audiodescrição</a></td></tr><tr><td><h4><i class="fa-closed-captioning">:closed-captioning:</i></h4></td><td><strong>Legendas Descritivas</strong></td><td>Transcrição do áudio apresentada no ecrã. Para além das falas dos artistas, as legendas incluem a identificação de sons relevantes para a compreensão do evento, como música, aplausos e efeitos sonoros.</td><td data-object-fit="cover" data-alt="Ícone de legendas"><a href="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2FMZDmhlph95h6k07KYcNQ%2Flegendas.png?alt=media&amp;token=23d7e10f-6d75-4d60-8f99-6133c1caadb2">legendas.png</a></td><td></td><td><a href="/sentido_docspage/acessibilidade/transmissao/legendas-descritivas.md">Legendas Descritivas</a></td></tr><tr><td><h4><i class="fa-hands-asl-interpreting">:hands-asl-interpreting:</i></h4></td><td><strong>Língua Gestual Portuguesa</strong></td><td>Tradução do evento para uma linguagem visual gestual. Através de intérpretes de Língua Gestual Portuguesa, que utilizam as mãos, o corpo e as expressões faciais, garantindo o acesso e a compreensão dos conteúdos comunicados.</td><td data-object-fit="cover" data-alt="Ícone de língua gestual."><a href="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2FU42wc2PknX3uo6odSpXB%2Flinguagestual.png?alt=media&amp;token=b4f8e47e-48ad-46ec-9e6a-6e2770ed8da8">linguagestual.png</a></td><td></td><td><a href="/sentido_docspage/acessibilidade/transmissao/lingua-gestual.md">Língua Gestual</a></td></tr></tbody></table>

***

### <mark style="color:$primary;">Navegação de Acessibilidade</mark>

Para estruturar estes conceitos de forma clara, considerámos as tecnologias de acessibilidade regularmente usadas pelos utilizadores: a tecnologia do seu dispositivo (que permite a leitura e interação) e a personalização da nossa aplicação (que adapta o conteúdo ao seu conforto).&#x20;

Perante os Sistemas de Acessibilidade já integrados nos próprios sistemas operativos, considerámos duas tecnologias: o registo escrito por voz (sistema interno no teclado do telemóvel) e as ferramentas de TalkBack e VoiceOver (narração interna do sistema operativo). Estas funcionalidades, já presentes em dispositivos iOS e Android, são potenciadas pela nossa aplicação aproveita para garantir uma comunicação eficaz e acessível.

* <mark style="color:$primary;">**Leitores de Ecrã**</mark> (VoiceOver/TalkBack): Transformam o que está escrito no ecrã em voz. A nossa aplicação foi programada para comunicar de forma organizada, identificando botões, imagens e estados.
* <mark style="color:$primary;">**Escrita de Voz:**</mark> Funcionalidade nativa do sistema operativo que permite a introdução de texto por influência da fala, integrada no teclado do dispositivo e compatível com qualquer aplicação.

O SENTIDO foi desenvolvido seguindo uma metodologia centrada no utilizador, com foco rigoroso na inclusão. Apresenta-se, de seguida, um resumo dos principais desenvolvimentos aplicados para responder às necessidades específicas de acessibilidade, desenvolvidos e personalizados na nossa aplicação:

O sistema foi desenhado para cumprir os requisitos fundamentais de legibilidade definidos pelas normas WCAG 2.1.&#x20;

* <mark style="color:$primary;">**Esquemas de Contraste:**</mark> Foram implementados três temas principais que ultrapassam o rácio de contraste de 7:1, em conformidade com o *<mark style="color:$primary;">Critério 1.4.6 – Contrast  &#x20;(Enhanced) da norma WCAG 2.1</mark>* (nível AAA). Os 3 temas de contrastes, recorrem as necessidades espaciais e de navegação requisitadas por utilizadores, tais como:
  * Default (Azul e Branco): O modo padrão do sistema.
  * Preto e Branco: Fundo escuro com texto claro para reduzir a fadiga visual.
  * Amarelo e Preto: Fundo claro com texto escuro, recomendado através de investigações da ACAPO para utilizadores com necessidades específicas de contraste.
* <mark style="color:$primary;">**Tipografia Adaptável:**</mark> Utilização de unidades relativas para permitir redimensionar o texto até 200% (*<mark style="color:$primary;">Critério 1.4.4 da WCAG</mark>*) sem perda de funcionalidade ou sobreposição de elementos.
* <mark style="color:$primary;">**Iconografia:**</mark> Os ícones foram redesenhados para incluir fundos preenchidos, que facilita a identificação em qualquer contexto, independente da patologia.&#x20;

## <mark style="color:$primary;">Acessos Rápidos</mark>&#x20;

<table data-view="cards" data-full-width="false"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="image">Cover image</th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><mark style="color:$primary;"><strong>Leitores de Ecrã e Sistemas Internos</strong></mark></td><td>A aplicação comunica diretamente com o VoiceOver (iOS) e o TalkBack (Android), transformando cada botão, imagem e estados em áudio. O sistema interno foi programado para dar prioridade às informações críticas.</td><td data-object-fit="cover" data-alt="Ícone de uma mão com o dedo indicador esticado."><a href="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2FQflZKC6ADMjPS27edPBg%2FFrame%20299.png?alt=media&amp;token=2485e993-ea41-48c5-b844-f37aade44b8d">Frame 299.png</a></td><td><a href="/sentido_docspage/acessibilidade/navegacao/editor.md">Compatibilidade Nativa com Leitores de Ecrã</a></td></tr><tr><td><mark style="color:$primary;"><strong>Personalização Visual</strong></mark></td><td> A nossa plataforma cumpre rigorosos padrões de acessibilidade (normas WCAG), porque a visão é única para cada pessoa, permitindo ajustar a interface em tempo real. Estas alterações garantem que o conteúdo permaneça legível e organizado, adaptando-se a diferentes patologias visuais.</td><td data-object-fit="cover" data-alt="Ícone de um pionés."><a href="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2F6tCtEXsrczitSJ8baZhE%2FFrame%20303.png?alt=media&amp;token=a4bd283e-5864-4359-95be-b8d119d3dff2">Frame 303.png</a></td><td><a href="/sentido_docspage/acessibilidade/navegacao/images-and-media.md">Personalização Visual</a></td></tr><tr><td><mark style="color:$primary;"><strong>Acesso por Código</strong></mark></td><td>Mecanismo que liga o utilizador ao evento. Funciona através de dois sistemas: o QR Code e o Código Alfanumérico. Este sistema garante um acesso simples e rápido ao evento, sem barreiras. </td><td data-object-fit="cover" data-alt="Ícone de um QR Code"><a href="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2FYacpqn9o6ng9FlCUDRMD%2FFrame%20297.png?alt=media&amp;token=b869896a-74cf-4447-be10-ae330e73c1f2">Frame 297.png</a></td><td><a href="/sentido_docspage/acessibilidade/navegacao/markdown.md">Acesso Rápido via Código</a></td></tr><tr><td><mark style="color:$primary;"><strong>Localização</strong></mark> </td><td>A aplicação é contextual e encontra-se disponível em vários locais. Identifica o recinto onde o podes utilizar o nosso sistema - seja no Jardim Zoológico, ou noutro espaço parceiro.</td><td data-object-fit="cover" data-alt="Ícone de um símbolo de localização."><a href="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2FfaAt6dsvypg6VydzSxqs%2FFrame%20298.png?alt=media&amp;token=f1d0486d-071e-404f-b1f8-e0a4cd930070">Frame 298.png</a></td><td></td></tr><tr><td><mark style="color:$primary;"><strong>Acessibilidades na Transmissão</strong></mark></td><td>A transmissão é o palco digital onde a experiência ganha vida, com total controlo sobre os recursos de acessibilidade. Entre LGP, legendas e audiodescrição, podes personalizar a experiência e garantir que a tecnologia se molda perfeitamente ao teu conforto e à envolvência do recinto.</td><td data-object-fit="cover" data-alt="Ícone de um corpo de uma pessoa."><a href="https://4110292720-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ISL4PG9FwbqJvB45tFS%2Fuploads%2FsEeSemS64IkeHA1ys3jg%2FFrame%20302.png?alt=media&amp;token=c7ddc459-75c7-4443-ac37-3fa0b4f4fdbe">Frame 302.png</a></td><td><a href="/sentido_docspage/acessibilidade/transmissao/acessibilidade-na-transmissao.md">Acessibilidade na Transmissão</a></td></tr></tbody></table>
