-
Notifications
You must be signed in to change notification settings - Fork 0
Mapas e Acessibilidade (ii)
Os fabricantes da tecnologia geralmente têm diretrizes de acessibilidade definidas, pelo que é importante pesquisar informação no contexto da tecnologia que é utilizada no vosso produto e, por sua vez, no Design System (neste caso, o Àgora.)
A Google e a Apple disponibilizam documentação oficial sobre a acessibilidade e bibliotecas dos mapas nos seus sistemas operativos que recomendamos consultar:
- A documentação do Google Maps disponibiliza dicas de implementação de SDKs, APIs, Routes e Places nas suas apps em várias linguagens de programação: Google Maps Platform Documentation.
- Se recorrerem à API do Google Maps, é possível utilizar as funcionalidades de Acessibilidade já incluídas no sistema operativo Android e iOS/iPad, como os leitores de ecrã, o ajuste do tamanho do texto, zoom e o comportamento dos gestos.
É possível integrar mapas personalizados diretamente com o leitor de ecrã VoiceoOver a partir de bibliotecas específicas como a Mapbox Maps SDK.
- Ver passos do processo de instalação do SDK
- Ver coleção de exemplos de mapas.
Para além dos leitores de ecrã, pode-se recorrer à assistente virtual Siri para realizar ações nas apps.
Partilhamos boas práticas de acessibilidade da Google e Apple que também são úteis para o desenvolvimento de mapas, considerando que estes utilizam elementos gerais como botões, imagens e recorrem a um sistema de cores.
Recursos e guias de acessibilidade da plataforma Android que ajudam no design e desenvolvimento de apps:
- Criar apps acessíveis
- Desenhar apps acessíveis
- Desenvolver apps acessíveis (com sugestões de código)
- Princípios para melhorar a acessibilidade em apps (com sugestões de código)
- Scanner da Google para testar a acessibilidade em apps Android.
Recursos e guias de acessibilidade da Apple, que explicam como aproveitar as ferramentas já integradas nos dispositivos da Apple:
Resumindo alguns pontos, é importante garantir as seguintes práticas de acessibilidade, que costumam estar integradas nos próprios SDK e APIs:
- Descrever na própria aplicação quais os gestos específicos que os utilizadores devem realizar quando navegam com o leitor de ecrã.
- Rotular corretamente e com linguagem clara os pontos de interesse e imagens do mapa para que sejam identificados pelo leitor de ecrã e comunicado o seu propósito.
- Garantir a legibilidade do texto e que esse seja ajustável para que o utilizador consiga aumentá-lo caso seja necessário.
- Garantir que as cores do mapa e a informação contida no mesmo possuem o contraste necessário para cumprir os requisitos mínimos. A utilização de cores de alto contraste facilita a identificação dos diferentes elementos do mapa (ex: ruas, edifícios e pontos de interesse) por utilizadores com baixa visão.
- Material Design 3 contém indicações de como definir um sistema de cores acessível.
- Acessibilidade (Developer Apple), na âncora “Color and effects”.
- Definir áreas de clique acessíveis de acordo com as recomendações de cada SO.
- Android recomenda maior ou igual a 48 x 48px.
- iOS recomenda maior ou igual a 44 x 44px.
Os leitores de ecrã TalkBack e VoiceOver conseguem ler as informações que se encontram nos mapas, incluindo o nome das ruas, edifícios, landmarks, etc. É possível também ativar as ações de zoom, centrar a localização e pedir direções. Os gestos disponibilizados por esses leitores de ecrã incluem:
- Swipe left/right para mover entre elementos.
- Double-tapping para selecionar um elemento.
- Usar dois dois dedos para fazer zoom in/out.
Para garantirem que os gestos funcionam devidamente na leitura do vosso mapa, podem consultar a documentação de gestos do VoiceOver e de gestos do Talkback.
Considerando a dificuldade de interação com mapas em dispositivos móveis, os estudos de usabilidade recomendam:
- Delimitar a área do mapa para facilitar o pan gesture, não estendendo o mapa até às bordas.
- A área clicável dos pins deve ser suficiente para facilitar a interação para todos os utilizadores. Para o tamanho de largura e altura desses botões em dispositivos móveis, recomenda-se seguir os standards definidos pela Google (48px) e iOS (44px).
- Garantir as distância entre os pins para que as áreas de clique não se sobreponham.
- Possibilitar uma visão das opções do mapa em lista sempre que possível.
- Por exemplo, o modo de navegação do Google Maps permite uma visualização em lista do mesmo percurso visível no mapa.
- Minimizar a barra de ferramentas quando o utilizador interage com o mapa.
2022/2024 - Book A11Y - Bloco de notas sobre acessibilidade digital