Avalie seu app quanto às Informações de acessibilidade

Olá! Sou James, engenheiro de software da equipe Accessibility. Hoje, vou abordar como avaliar seu app para adicionar etiquetas de acessibilidade à página do produto. Oi! Eu sou a Lisa. Sou designer e também trabalho na equipe Accessibility. Vou falar sobre design e o que é possível fazer para tornar seu app mais acessível. Nesta sessão, exploraremos como avaliar seu app em relação a rótulos de acessibilidade. Lisa e eu apresentaremos os princípios básicos de acessibilidade de um app e analisaremos cada um dos recursos para os quais você pode indicar suporte. E abordaremos como projetar considerando a Acessibilidade, testar seu app com o VoiceOver e o Controle por Voz e fornecer mídia acessível. Ao final da sessão, você saberá como destacar a acessibilidade do seu app com rótulos de acessibilidade. Na Apple, acreditamos que a melhor tecnologia funciona para todos. Ao criar seu app com Acessibilidade, você o disponibiliza para muito mais pessoas. Ao aceitar tecnologias assistivas, como VoiceOver e Controle por Voz, você libera o acesso ao seu app. Os rótulos de acessibilidade mostram os recursos compatíveis com seu app na App Store. Isso ajuda os usuários a saber se o app é compatível com os recursos dos quais eles dependem. Para indicar suporte para recursos de acessibilidade no app, as pessoas devem ser capazes de concluir todas as tarefas comuns do app. Comece definindo suas tarefas comuns. Essas são as principais funcionalidades para as quais as pessoas baixam o app, além daquelas que são fundamentais para o uso de um app em geral. Isso inclui a primeira experiência de inicialização, conexão, compra e ajustes. Defina o que as pessoas podem fazer no seu app. Depois de identificar as tarefas comuns do app, avalie-o quanto a cada recurso de acessibilidade disponível nos rótulos de acessibilidade. Considere uma estratégia de teste que avalie cada tarefa comum no app com cada recurso. Essa estratégia ajudará a descobrir quais recursos são compatíveis com o app e quais ainda não são. Faça o teste em todos os dispositivos compatíveis com seu app. Isso inclui iPhone, iPad, produtos Mac, Apple Watch e outros. Se um recurso não for relevante para a funcionalidade do app, não indique compatibilidade. É essencial informar com precisão como as pessoas podem usar o app. Para garantir a precisão, consulte a documentação sobre rótulos de acessibilidade. Os critérios de avaliação destinam-se a padronizar as experiências do usuário que um app deve fornecer para ser considerado compatível com um recurso. Isso garante que os apps tenham respostas consistentes na App Store. Quando quiser, você poderá adicionar rótulos de acessibilidade. Eles serão inseridas na página de produtos no App Store Connect. Todos os apps compatíveis com recursos de acessibilidade aparecerão na página do produto. No cerne dos rótulos de acessibilidade estão os princípios básicos da acessibilidade de um app. Esses princípios ajudarão você a avaliar cada recurso. James, esta pode ser uma ótima oportunidade para usar o app em que estamos trabalhando, o Landmarks. Sim, é uma ótima ideia. Por que você não conta como começamos? A acessibilidade do app começa com o design. Queremos projetar uma interface que todos possam desfrutar, independentemente de como interagem com o dispositivo. Como James mencionou, é muito importante familiarizar-se com os recursos de acessibilidade, ativá-los, como o Controle por Voz e o Texto Maior, e prestar atenção no que as pessoas podem ouvir e ver ao usar o app. E, sempre que possível, consulte pessoas com deficiência. Fazer testes com as pessoas que usam os recursos de acessibilidade é uma melhores formas de saber o quão acessível é o app. Eu, por exemplo, tenho uma deficiência visual causada por uma rara degeneração macular. Isso afeta minha visão central, fazendo com que tudo fique embaçado. Para ter uma ideia, imagine que estou fazendo uma caminhada. Posso ver objetos grandes, como as árvores, as pedras, a trilha à frente, mas preciso chegar muito perto para ver detalhes, como ler uma placa. E, quando uso o iPhone, preciso dos maiores tamanhos de texto para tudo, desde ler e trabalhar até tarefas pessoais. Na comunidade de pessoas com deficiência, acreditamos que não deve haver “nada sobre nós sem nós”. As pessoas com deficiência devem ter plena participação nas decisões que afetam nossas vidas. E não há maneira melhor de garantir a acessibilidade do seu app do que trazer as pessoas que serão diretamente impactadas por ele. E digo por mim, se um app é projetado para apoiar minha experiência como pessoa com baixa visão, reconheço a inclusão e o respeito como cliente. Por isso as etiquetas de acessibilidade são tão importantes. Vamos ver o primeiro conjunto de recursos. Sim, vamos lá. Este primeiro conjunto de recursos oferece uma ótima oportunidade para aplicar o design acessível. Vamos começar pela cor. A cor pode aprimorar a comunicação e ajudar as pessoas a entender as informações. Deve haver contraste o suficiente entre as cores de primeiro plano e de fundo. Isso ajuda a garantir a legibilidade do texto e auxilia as pessoas a encontrar o que procuram. É importante desenvolver o app usando esquemas de cores de maior contraste. Se, por padrão, o app não fornece contraste mínimo, verifique se isso acontece quando o ajuste Aumentar contraste é ativado. No nosso app, usamos intencionalmente cores de alto contraste, mas notamos que algumas cores não ofereciam contraste mínimo, então escolhemos outras cores para dar suporte ao ajuste Aumentar contraste. Isso vale para a aparência clara e para a escura. Depois de testar as tarefas comuns do app Landmarks para obter contraste suficiente, não encontramos outros problemas. Vou indicar o suporte para contraste suficiente nos rótulos de acessibilidade. A seguir, a interface escura. As pessoas usam o modo escuro quando são sensíveis à luz ou preferem um fundo mais escuro. Grandes áreas brancas ou brilhantes na tela podem causar desconforto ou até mesmo dor física. Meus olhos são muito sensíveis à luz, então interfaces escuras são muito mais confortáveis para eu ler. Se o app ainda não tiver uma interface escura, certifique-se de que ela esteja disponível quando o modo escuro for ativado. Projetamos o app para usar também o modo escuro, mas, para garantir, vamos fazer algumas tarefas comuns. Vamos verificar também a inversão inteligente ativada. A inversão inteligente é um recurso de acessibilidade que inverte as cores na interface. Queremos ter certeza de que as cores em qualquer mídia não ficarão invertidas. Após confirmar que o app é compatível com um fundo predominantemente escuro, podemos adicionar a interface escura aos rótulos de acessibilidade. Algumas pessoas precisam aumentar o tamanho do texto para ler. Ao criar o app, garanta que as pessoas possam deixar o tamanho do texto pelo menos 200% maior. O ideal é que o texto aumente ainda mais. Pessoalmente, preciso de 310%. Permita tamanhos maiores que de 200%, se possível. É importante também projetar um layout que permita que o texto aumente de tamanho sem sobreposições ou truncamentos. Permita espaço e linhas adicionais suficientes para tamanhos de texto maiores. Para controles que não podem aumentar razoavelmente de tamanho, consulte a documentação para ver outras opções de design. Uma das melhores formas de dar suporte a Texto Maior no app é usar a Fonte Dinâmica. Para saber mais, confira “Introdução à Fonte Dinâmica”, WWDC24. Se o texto for aumentado para pelo menos 200% durante uma tarefa comum no app para iOS, você poderá adicionar Texto Maior aos rótulos de acessibilidade. James, vamos testar nosso app. Boa ideia. Tenho dúvidas se o texto grande funciona para alguém que precisa dele. Trabalhamos juntos há um tempo. Sei que você depende de Texto Maior todos os dias. Tudo bem se eu fizer perguntas? Claro que sim. Também vou registrar os problemas que encontrarmos. Já tenho tamanhos de texto de acessibilidade maiores ativados, e o tamanho do texto está definido para 235% neste iPhone. No app Landmarks, já consigo ver que o texto é maior que o tamanho padrão. Um dos recursos do Landmarks é que ele permite agrupar pontos de referência em coleções. Temos uma coleção da equipe de acessibilidade já iniciada para nos ajudar a planejar caminhadas. Já sei. Vamos atualizar a coleção da equipe Accessibility. Beleza. Vamos escolher um local para levar a equipe na próxima caminhada. Perfeito. Ótimo, vamos conferir as coleções. Primeiro, vou tocar no botão Voltar e, depois, no botão Coleções. Lisa, notei que a coleção de excursões de 2023 está um pouco desalinhada. Isso com certeza é uma a falha, o que você acha? Bem, ainda não está finalizado, mas consigo ler o nome da coleção. Não acho que isso nos impeça de indicar suporte para Texto Maior, mas é bom fazer uma observação para corrigir o layout. Vou anotar. Vamos olhar com mais atenção.

A descrição está truncada. Deveríamos quebrar esse texto em várias linhas. Vou adicionar à lista de falhas. Vou editar a coleção.

Espere. Por que o texto no campo de descrição não está aumentando? Vou ver é possível rolar o texto. Parece que o campo de descrição não aumenta para aceitar tamanhos de texto maiores. Embora dê para rolar, dá muito mais trabalho. Lisa, agora que temos mais algumas informações, o que você acha? Sinceramente, essas falhas dificultam a obtenção de informações sobre a coleção. Temos mesmo de corrigir esses bugs antes de indicar o suporte para Texto Maior. Concordo. Após terminar as outras tarefas comuns, vamos consultar a documentação para desenvolvedores para encontrar soluções para essas falhas. Podemos fazer com que os campos de texto aumentem para conter texto maior e permitir que ele seja quebrado para não ficar truncado. Por enquanto, esses problemas significam que não indicaremos suporte para Texto Maior no Landmarks. Depois de corrigir esses problemas e testar as outras tarefas comuns, podemos voltar ao App Store Connect e indicar suporte. Vamos falar mais sobre a cor. Ao projetar usando cores, é importante considerar que as pessoas podem perceber as cores de forma diferente. Muitos apps usam cores para transmitir informações. Por exemplo, alguns apps usam vermelho ou verde para comunicar um status como sucesso ou fracasso. Pessoas daltônicas podem perder esse status. Ao criar apps, use formas, ícones ou texto, além de cores, para comunicar informações importantes. Você também pode deixar que as pessoas personalizem como usar as cores no app. Criamos nosso app usando cores e ícones para chamar a atenção para elementos importantes, como o botão de lixo. Assim, não dependemos apenas da cor para esses elementos. Para garantir que atendemos aos critérios de avaliação, vamos fazer tarefas comuns prestando atenção ao uso da cor. Após confirmarmos que a cor não é o único meio de comunicar informações no app Landmarks, podemos acrescentar “Diferenciar sem depender apenas da cor” aos rótulos de acessibilidade. Agora vamos falar de movimento. O movimento pode enriquecer uma experiência no app, mas é importante considerar que certos tipos de movimento podem causar tontura ou náusea. Isso pode impedir que as pessoas usem o app. Os gatilhos podem incluir: transições de zoom ou deslizamento, efeitos de piscar, animações reproduzidas automaticamente ou efeitos de paralaxe. Para ajudar nisso, é possível ativar o ajuste de movimento reduzido. Para dar suporte a esse ajuste, execute a tarefa comum e identifique as animações que são gatilhos. Você pode alterar essas animações em vez de removê-las. Se o app não tiver nenhum desses gatilhos, você pode indicar suporte para movimento reduzido. Para avaliar nosso app, faremos tarefas comuns prestando muita atenção a qualquer movimento. Vamos consultar a documentação para obter orientação para animações problemáticas ou para aquelas que não temos certeza. Depois de confirmar que os gatilhos de movimento foram removidos, podemos adicionar movimento reduzido aos rótulos de acessibilidade. Além do design acessível, é possível criar o app com APIs de acessibilidade, permitindo que pessoas que dependem de tecnologias assistivas usem o app. Vamos nos concentrar em duas dessas tecnologias, Controle por Voz e VoiceOver. O Controle por Voz é uma das tecnologias assistivas da Apple que possibilita o controle dos dispositivos por meio da fala. É possível usar o Controle por Voz para tocar, deslizar e muito mais, por meio de comandos de voz. É importante garantir que o Controle por Voz possa interagir com qualquer parte do app que responda ao toque. Itens como botões Voltar e campos de busca. O Controle por Voz requer que o app forneça metadados ao elemento de acessibilidade da visualização. Por exemplo, o modificador da etiqueta de acessibilidade em um botão especifica o nome desse botão. Pode-se dizer esse nome para tocar nele usando o Controle por Voz. Vamos focar em como avaliar o app quanto ao suporte ao Controle por Voz, mas você deve consultar a documentação para desenvolvedores para obter informações detalhadas. Falando nisso, tenho certeza de que será preciso encontrar pontos de referência usando o Controle por Voz. Vamos testar nosso app. É pra já. Vamos garantir que seja possível concluir tarefas comuns usando apenas comandos de voz. Após ativar o Controle por Voz, vou abrir o app Landmarks. Depois, vou falar nomes de programas e garantir que os itens tenham rótulos descritivos e precisos. Vou concluir tarefas comuns usando o Controle por Voz. Quando fizer sentido, usarei comandos para rolar, arrastar e outras interações. É importante que eu use apenas comandos do Controle por Voz e não precise usar o toque ou o cursor, de modo que quem depende exclusivamente de comandos de voz possa navegar pelos recursos do app. Após confirmar que é possível usar o app por meio de comandos do Controle por Voz, você pode adicionar o Controle por Voz aos rótulos de acessibilidade. Falaremos sobre o VoiceOver a seguir. A boa notícia é que o trabalho de API realizado para o Controle por Voz também funciona para o VoiceOver. O VoiceOver é uma das tecnologias assistivas da Apple que permite que as pessoas naveguem por uma interface sem precisar ver a tela. As pessoas podem usar um movimento ou um comando do teclado para mover o foco do VoiceOver pela interface. Quando o foco se move para um botão, o VoiceOver fala o nome do botão. Da mesma forma, quando o foco se move para o texto, o VoiceOver fala o texto. Então, com outro movimento ou comando do teclado, o VoiceOver pode ativar o item focado. Lisa, eu queria sua ajuda para avaliar o Landmarks com o VoiceOver. Eu sei como funcionam as tecnologias assistivas, mas estou interessado em como você usa o VoiceOver. Eu costumo usar o VoiceOver quando não consigo ver os detalhes na tela. Faz sentido. Posso fazer mais perguntas enquanto trabalhamos? - Claro que sim. - Agradeço.

Em alto nível, quero garantir que as pessoas possam concluir tarefas comuns usando comandos do VoiceOver. Vou começar ativando o VoiceOver usando os Atalhos de Acessibilidade.

“VoiceOver ativado, Landmarks, alternar barra lateral, botão.” Você pode ouvir o VoiceOver falar “VoiceOver ativado” e, em seguida, o nome do primeiro botão. Este é o lugar certo para começar. Com o VoiceOver, como entender a estrutura de um app? Deslizo para a direita para mover o foco do VoiceOver para cada botão.

“Buscar. Campo de busca.” “Mostrar emblemas, botão.” “Marco em destaque. Monte Fuji, botão.” “Ações disponíveis.” Conforme o foco se move para cada botão, posso ouvir o nome e o tipo de elemento. Isso me informa o que se trata e o que se pode fazer. Para entender o layout do app, posso deslizar o dedo pela tela. “Deserto do Saara, botão.” “Serengeti, botão.” “Deserto do Saara, botão.” Isso me diz que o deserto do Saara fica à esquerda de Serengeti, e vice-versa. Parece importante considerar que o VoiceOver muda a forma como as pessoas navegam. Elas usam o toque para mover o foco e então interagem. Agora, vamos usar o VoiceOver para adicionar marcos à coleção da equipe Accessibility. Sei que costuma haver uma barra lateral à esquerda. Vou usar o VoiceOver para encontrá-la e ativá-la.

“África”. “Monte Everest, botão.” “Wulinguan, botão.” “Monte Fuji, botão.” “Ásia”. “Marco em destaque, Monte Fuji, botão.” “Mostrar emblemas, botão.” “Buscar, campo de busca.” “Alternar barra lateral, botão.” “Alternar barra lateral, botão.” Agora vou deslizar para a direita até encontrar o botão Coleções. “Barra lateral, marcos, botão.” “Mapa, botão.” “Coleções, botão.” Aí está. Vou dar dois toques para ativar. “Selecionado, Coleções.” O VoiceOver confirmou que o botão Coleções está ativado, e agora estamos na visualização Coleções. Vamos encontrar e abrir a coleção Equipe Accessibility. Primeiro, vou fechar a barra lateral. “Mapa, botão.” “Marcos, botão.” “Alternar barra lateral, botão.” “Alternar barra lateral.” “Buscar, campo de busca.” “Mostrar emblemas, botão.” “Favoritos.” “Deserto do Saara, botão.” “Ilhas Shetland do Sul, botão.” “Montanhas Rochosas, botão.” “Salar de Uyuni, botão.” “Minhas Coleções.” “Equipe Accessibility, três itens, botão.” Vamos abrir. “Equipe Accessibility.” Agora, vamos conferir quais marcos já adicionamos. “Lugares aonde a equipe Accessibility pode ir para caminhadas em grupo.” “Grand Canyon, botão.” “Cataratas do Niágara, botão.” “Joshua Tree, botão.” “Joshua Tree, botão.” “Ações disponíveis.” OK, Joshua Tree é o último marco. Lista muito boa. Agora, vamos adicionar Muir Woods à nossa coleção. Vou encontrar o botão de edição. “Cataratas do Niágara, botão.” “Grand Canyon, botão.” “Lugares aonde a equipe Accessibility pode...” “Equipe Accessibility.” “Buscar, campo de busca.” “Editar, botão.” “Editar.” “Selecionado, selecionado, botão.” “Buscar, procure o seu...” “Título.” “Equipe Accessibility.” “Descrição.” “Lugares aonde a equipe...” “Pontos de referência.” “Selecionar, botão.” “Selecionar marcos, título.” “Selecionado.” “Selecionar Ásia, título.” “Monte Fuji.” Para percorrer esta lista rapidamente, vou rolar deslizando três dedos para cima. “Página dois de cinco.” “Página três de cinco.” Agora vamos adicionar Muir Woods à coleção. “Montanha Kirchufel.” “América do Norte, título.” “Selecionado, Grand Canyon.” “Selecionado, Cataratas do Niágara.” “Selecionado, Joshua Tree. ” “Montanhas Rochosas”. “Vale do Monumento.” “Muir Woods.” Aí está. Vamos adicionar isso à nossa coleção. “Selecionado. Muir Woods.” Obrigado, Lisa, isso é muito esclarecedor. Isso ajuda a contextualizar como os usuários do VoiceOver usarão o Landmarks quando o lançarmos. Lisa, tenho que praticar esses gestos. Você tem alguma dica? Bem, existem tutoriais interativos e ajustes que ensinam a usar o VoiceOver. Temos de conversar com quem depende do VoiceOver até obtermos feedback variado de quem usa o VoiceOver regularmente. Às vezes, não sabemos se uma tarefa comum no nosso app é desafiadora até recebermos esse feedback. Também reuniremos feedback de testadores internos e avaliaremos as outras tarefas comuns com o VoiceOver. Indicaremos suporte se nenhum outro problema for encontrado. Até agora, falamos sobre decisões de design e tecnologias assistivas para ajudar as pessoas a usar seus apps. Também é possível dizer às pessoas que você dá suporte à acessibilidade de mídia por meio dos rótulos de acessibilidade. As legendas fornecem descrições em texto de diálogos e outro conteúdo audível durante a reprodução da mídia. As legendas possibilitam que pessoas com deficiência auditiva obtenham informações essenciais, como fala, comunicação não verbal, música e efeitos sonoros. Certifique-se de que as pessoas possam ativar as legendas para conteúdo de vídeo ou áudio. Após confirmar que o app fornece legendas para o conteúdo, você pode adicioná-las aos rótulos de acessibilidade. Lisa e eu confirmamos algo interessante quando testamos o suporte a legendas do Landmarks. Depois que concluímos tarefas comuns, percebemos que o app não tinha conteúdo de áudio ou vídeo. Nesse caso, não indicaremos que o Landmarks é compatível com legendas. Está tudo bem. Isso descreve com precisão os recursos que estarão disponíveis ao usar o app. As descrições de áudio informam, entre pausas naturais no áudio principal da mídia, o que está acontecendo no conteúdo visual. Garanta que as pessoas encontrem conteúdo que inclua descrições de áudio. Por exemplo, a maioria dos apps de streaming de vídeo mostrará um ícone AD. Se as pessoas puderem encontrar e ativar descrições de áudio no app, você poderá indicar suporte para elas. Após confirmar que o app fornece descrições de áudio, adicione esse recurso aos rótulos de acessibilidade. Assim como as legendas, o Landmarks não oferece conteúdo que exija descrições de áudio, então não indicaremos suporte para descrições de áudio. Acho que estamos prontos para mostrar como o nosso app é acessível. No App Store Connect, você pode adicionar recursos aos rótulos de acessibilidade na página do seu produto. Pode também adicionar um link ao seu site para fornecer mais detalhes sobre a acessibilidade do app. Vamos ver como isso funciona para o Landmarks. Aprendemos muito sobre o nosso app Landmarks avaliando tarefas comuns para cada recurso. Vimos que o app é compatível com contraste suficiente, interface escura, diferenciar sem depender apenas da cor, movimento reduzido, Controle por Voz e VoiceOver. Encontramos alguns problemas no Texto Maior, mas decidimos corrigi-los antes de adicioná-lo aos rótulos de acessibilidade. E confirmamos que legendas ocultas e descrições de áudio não são relevantes para o app, então não vamos adicioná-las. Vamos acessar a página do produto no App Store Connect. Selecionamos os recursos disponíveis com os rótulos de acessibilidade. Também adicionamos um link para o nosso site de acessibilidade. Agora estamos prontos para lançar. Estou animada para que as pessoas encontrem os rótulos de acessibilidade ao decidirem usar nosso app. Estamos felizes em tornar mais fácil compartilhar o seu excelente trabalho para tornar seus apps acessíveis. Consulte a documentação para desenvolvedores e avalie seus apps. Lembre-se de fazer parcerias com quem precisa de recursos de acessibilidade. Aproveite para aprender a usar recursos como o VoiceOver e o Controle por Voz. Nós da comunidade de pessoas com deficiência logo saberemos que também podemos usar o seu app. Por isso, não hesite em destacar a acessibilidade do seu app. No seu app, considere a acessibilidade já na fase de projeto. Teste cada recurso de acessibilidade por meio das tarefas comuns do app para determinar os recursos aos quais indicará suporte. Quando estiver pronto, informe o suporte à acessibilidade do app adicionando os rótulos de acessibilidade à página do produto. Para saber mais sobre os critérios de avaliação e como melhorar a acessibilidade do app, consulte a documentação sobre rótulos de acessibilidade. Agradecemos sua participação. Lisa, agora que sabemos como nosso app Landmarks é acessível, podemos levar a equipe Accessibility para uma caminhada. Adorei a ideia.