Soluções de acessibilidade personalizadas para o Experience Platform
O Adobe Experience Platform é aprimorado continuamente para atender às necessidades de todos os tipos de usuários e aderir aos padrões mundiais que incluem indivíduos com deficiências visuais, auditivas, de mobilidade ou outras. Este documento descreve soluções de acessibilidade personalizadas na interface do usuário do Experience Platform.
Visão geral da página inicial e da interface do usuário
A interface de usuário do Experience Platform atende às taxas de contraste necessárias para texto normal, gráficos e componentes de interface do usuário. As cores da interface do usuário também foram escolhidas para oferecer suporte à acessibilidade para todos os usuários, incluindo aqueles com deficiências visuais.
Na Platform, os elementos da interface do usuário clicáveis ou acionáveis com um ponteiro também podem ser engajados usando um teclado. Isso inclui a navegação à esquerda, players de vídeo, tabelas e muito mais.
O Experience Platform se esforça para atender aos padrões internacionais de acessibilidade, incluindo as Web Content Accessibility Guidelines 2.1 Nível A e Nível AA e os padrões Web Web Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA).
Navegação à esquerda
A navegação à esquerda na interface do usuário do Experience Platform é acessível pelo teclado e fornece contraste de cores em estados normais, de passar o mouse e de seleção que atendem aos padrões de acessibilidade.
Na tela inicial, os usuários podem ir para a navegação à esquerda. Selecionar Shift + Tab retornará o usuário à tela inicial.
Com a navegação à esquerda em foco, a Guia leva os usuários para a interação de expansão e recolhimento. A capacidade de expandir ou recolher a navegação à esquerda é ativada com Enter (Return).
Com a navegação à esquerda em foco, as teclas de seta para cima e para baixo navegam até cada item na navegação e alternam continuamente (em outras palavras, o foco não é deslocado até que o usuário saia da navegação à esquerda). O foco é mostrado para itens de navegação quando selecionado. A seleção atual é mostrada com um realce e um texto em negrito. Ao selecionar um item de navegação à esquerda, Inserir (Retornar) abre o item de interface do usuário selecionado no painel à direita. No entanto, o foco permanece na navegação à esquerda até que o usuário se afaste.
Alguns recursos na Platform não estão habilitados para todos os usuários. Esses itens aparecem na navegação, mas não podem ser selecionados. Ao navegar com um teclado, esses itens são ignorados durante a navegação de seta e não podem ser selecionados usando Enter (Return).
Caixa de diálogo Vídeo incorporado
Os vídeos podem ser exibidos no Experience Platform usando a navegação pelo teclado para realçar e selecionar um link de vídeo disponível. Isso abre uma caixa de diálogo de vídeo incorporada na interface do usuário da Platform.
Acessibilidade do teclado da caixa de diálogo de vídeo
A caixa de diálogo de vídeo incorporado também pode ser navegada usando o teclado. A tabela a seguir descreve a navegação completa pelo teclado disponível para a caixa de diálogo de vídeo incorporado.
Barra de espaço
Seta para a esquerda
Seta para a direita
Barra de espaço
Seta para a esquerda
Seta para a direita
Inserir
Seta para cima
Seta para baixo
Inserir
Seta para cima
Seta para baixo
Barra de Espaços ou Enter
Escape
Barra de Espaços ou Enter
Arrastar e soltar arquivo
No Experience Platform, todas as zonas de arrastar e soltar para seleção de arquivos são acessíveis pelo teclado. Usar Tab para realçar Escolher arquivos e usar Enter ou a barra de espaços para selecioná-la invoca a interface de seleção de arquivos do sistema operacional.
Depois que um arquivo é carregado, um ícone de exclusão se torna navegável pelo teclado para remover o arquivo selecionado e carregar um novo. Os usuários podem usar a Guia para se concentrarem no ícone de exclusão e a Enter ou a barra de espaços para selecioná-lo. Após a remoção do arquivo, Escolher arquivos ficará automaticamente em foco e poderá ser selecionado.
Como alternativa, se o arquivo carregado não estiver no formato correto, um ícone de erro será exibido junto com uma mensagem de erro e o botão Escolher arquivos estará em foco e poderá ser selecionado.
Usar um mouse para selecionar a zona de arrastar e soltar também chama a interface de seleção de arquivos, ou um usuário de mouse pode selecionar um arquivo e arrastar até a zona para começar o upload.
Procurar tabela
Todas as tabelas na interface do usuário do Experience Platform podem ser acessadas pelo teclado. Procurar e interagir com linhas e colunas da tabela é possível por meio de uma série de atalhos de teclado:
- No cabeçalho da tabela, use a seta para baixo para navegar na tabela. Os cabeçalhos da tabela podem ser selecionados ao navegar pela Guia, e você pode alterar a ordem de classificação usando a barra de espaço.
- Teclas de seta para cima e para baixo movem-se para cima e para baixo nas linhas da tabela.
- Quando uma linha é selecionada ou está em foco, usar Enter na linha fornece detalhes no painel direito.
- Quando uma linha for selecionada ou estiver em foco, use as teclas de seta para percorrer cada item na linha.
- Use Enter para selecionar um item na linha. Os usuários com leitores de tela são avisados se uma nova janela precisar ser aberta.
- Ao ampliar para 200% ou mais, você pode ver o ícone do inspetor do painel à medida que o painel direito é recolhido para fornecer mais espaço de visualização para a tabela.
Procurar acessibilidade do teclado da tabela
Interface do Editor de esquemas
A interface do Editor de esquemas é acessível pela seguinte funcionalidade:
-
O Editor de Esquemas oferece suporte à navegação pelo teclado, incluindo o uso de Tab para navegação pelos elementos da interface.
-
Guia entra no campo de pesquisa e, em seguida, na árvore de esquema.
-
A árvore de esquema suporta o uso de teclas de seta para navegar pela interface da árvore de esquema
- As setas para cima e para baixo podem ser usadas para percorrer a árvore.
- As setas para a esquerda e para a direita podem ser usadas para expandir e recolher nós ou se mover entre ações embutidas na árvore de esquema.
-
Inserir (Retornar) ativa os detalhes de nós individuais no painel de detalhes à direita.
-
A tecla Home retorna à parte superior da árvore.
-
A chave End navega até a parte inferior da árvore.
-
A árvore de esquema também inclui rótulos ARIA para leitores de tela.
Interface do construtor de segmentos
Ao usar a interface do Construtor de segmentos para criar, editar e interagir com segmentos no Experience Platform, os seguintes recursos melhoram a acessibilidade:
- A interface do usuário do Construtor de segmentos pode ser acessada pela navegação pelo teclado.
- Os leitores de tela devem reconhecer as tags de marcação para cabeçalhos e podem anunciar o cabeçalho junto com seu nível.
- Outras tecnologias de assistência podem alterar a exibição visual de uma página, usando cabeçalhos codificados corretamente para exibir um outline ou uma exibição alternativa.
Agora é possível recolher ou expandir os painéis esquerdo e direito da tela do construtor de segmentos para obter mais espaço na tela. Esse recurso é particularmente útil, pois oferece capacidade de função completa com 200% de zoom.
Editor do serviço de consulta
Os seguintes recursos de acessibilidade estão disponíveis no editor do Serviço de consulta:
- O contraste de cores na interface do editor do Serviço de consulta atende à conformidade de acessibilidade.
- A navegação pelo teclado é suportada fora da interface do editor. A interface do usuário do editor é um Espelho de código incorporado.
Guia Exibição de sistema em Origens e Destinos
Ao navegar pela Exibição do Sistema em Fontes e Destinos, a seguinte funcionalidade melhora a acessibilidade:
-
Tab define o foco na primeira placa de conexão de origem
- Pressione Tab novamente para focalizar no botão dentro do cartão
- Selecione Inserir para ativar o botão de chamada para ação dentro do cartão
-
Selecionar Enter no cartão de conexão também ativa mais detalhes no painel direito
- Quando o painel direito é ativado, o foco é definido para essa área. Guia focaliza em Fechar para o painel direito. Selecionar Tab novamente move o foco pelo painel direito
- Se houver mais de uma placa de conexão de origem, Tab percorrerá as conexões
- Use teclas de seta (para cima, para baixo, para a esquerda e para a direita) para percorrer a lista de fontes
- Selecione Guia para definir o foco no painel direito