Aplicando a11y (acessibilidade) rapidamente no SwiftUI
- Apresenta formas de corrigir rapidamente a acessibilidade em apps SwiftUI quando ela foi ignorada.
- A acessibilidade é um recurso importante para 16% dos usuários, mas ainda assim costuma ser ignorada durante o desenvolvimento.
- Um app que não considera acessibilidade pode causar uma impressão negativa nos usuários.
Verificando a acessibilidade do app
- É importante testar a acessibilidade em um dispositivo real.
- Configure o Centro de Controle para aplicar rapidamente recursos de acessibilidade de forma otimizada.
Verificação do tamanho do texto
- No iOS, há 12 tamanhos de texto disponíveis, e é preciso testá-los para confirmar se o app se adapta bem a cada um deles.
- Também é necessário verificar se a UI continua funcionando bem mesmo no maior tamanho de texto.
Verificação com leitor de tela
- Para usuários que utilizam leitor de tela, verifique a acessibilidade com ferramentas como o VoiceOver.
- Correções simples, como adicionar rótulos de acessibilidade às imagens, podem gerar grandes melhorias.
Aplicando acessibilidade rapidamente
- Depois de identificar os problemas, corrija-os rapidamente um a um.
Conteúdo com rolagem
- Quando o tamanho do texto aumenta, o problema pode ser resolvido expandindo o conteúdo para uma
ScrollView.
- Use um modificador de view customizado chamado
a11yScrollView() para tornar o conteúdo rolável apenas quando necessário.
Code smell de criação de espaço
- Em vez de
Spacer(), use o modificador frame() para construir um layout mais confiável.
Ajuste de tamanho de imagens e ícones
- Use o property wrapper
@ScaledMetric para ajustar dinamicamente imagens e ícones de acordo com o tamanho de texto do usuário.
Alinhamento do conteúdo
- Use
A11yHStack para alinhar o conteúdo conforme o tamanho de texto do usuário.
Melhorias para leitor de tela
- Use
accessibilityLabel, accessibilityElement(children:), accessibilityRepresentation e outros recursos para melhorar a compatibilidade com leitores de tela.
Uso de componentes nativos
- Sempre que possível, use componentes nativos do SwiftUI para melhorar desempenho e acessibilidade.
Convencendo stakeholders
- Como influenciar dentro da organização para que a acessibilidade seja tratada como prioridade.
- Destaque a importância da acessibilidade enfatizando exigências legais e benefícios de negócio.
Conclusão
- Explica o processo geral para identificar e resolver problemas de acessibilidade em apps.
- Apresenta várias ferramentas e técnicas oferecidas pelo SwiftUI para melhorar a acessibilidade.
Opinião do GN⁺
- Este artigo é muito útil por mostrar aos desenvolvedores de apps por que a acessibilidade é importante e como melhorá-la na prática com métodos concretos.
- Apps que não consideram acessibilidade podem prejudicar a experiência do usuário e causar problemas legais, então é importante levá-la em conta desde as fases iniciais do desenvolvimento.
- Ao usar frameworks modernos como o SwiftUI, é possível aproveitar ao máximo as vantagens dos componentes nativos para melhorar ao mesmo tempo desempenho e acessibilidade.
- Também é uma boa ideia usar bibliotecas e ferramentas oferecidas pela comunidade para simplificar o processo de desenvolvimento e aumentar a eficiência ao melhorar a acessibilidade.
- Melhorar a acessibilidade de um app vai além de uma questão puramente técnica: é uma forma de praticar responsabilidade social e inclusão, garantindo que todos os usuários possam usar o serviço em igualdade de condições.
3 comentários
Levar a acessibilidade em consideração pode ser uma forma de conquistar clientes fiéis para o meu serviço.
Se serviços concorrentes semelhantes não oferecem esse recurso, mas só o nosso app oferece, os clientes vão usar o nosso.
Opa, isso também precisamos apresentar no Let’s Swift haha
Comentários no Hacker News
Resumo do primeiro comentário:
Resumo do segundo comentário:
Resumo do terceiro comentário:
Resumo do quarto comentário:
Resumo do quinto comentário:
Resumo do sexto comentário:
Resumo do sétimo comentário:
Resumo do oitavo comentário:
Resumo do nono comentário:
Resumo do décimo comentário: