Recursos de acessibilidade no
Clarity

A equipe do produto
Clarity
está comprometida em garantir suporte para o padrão WCAG 2.1 AA. A partir da release 15.9.1, os aprimoramentos na acessibilidade serão lançados gradativamente com o intuito de ajudar as organizações com o aumento da adoção e ajudar os usuários com os requisitos de acessibilidade que possibilitam uma experiência perfeita do
Clarity
. A tabela a seguir lista os aprimoramentos na acessibilidade incluídos nesta release:
O que é?
Para quem é?
Qual é a mudança?
Design visual
Usuários com daltonismo
Contraste de cor e foco visível
Design responsivo
Usuários com visão limitada ou cegueira parcial
Janelas pop-up, áreas de texto e o zoom do navegador
Navegação pelo teclado
Usuários com dificuldades de mobilidade
Entrada de tecla, ordem da tecla tab, foco
Observação
: não há suporte para controles especiais de teclado ou combinações de teclas de atalho personalizadas nesta release.
Suporte ao leitor de telas
Usuários com cegueira parcial ou total
Semântica, hierarquia, estrutura de página
Esta página lista os recursos de acessibilidade suportados no
Clarity
. Para obter informações sobre recursos de acessibilidade suportados no
Classic PPM
, consulte Recursos de acessibilidade no
Classic PPM
.
2
Componentes suportados
Os seguintes componentes oferecem suporte a quatro (4) aspectos da acessibilidade – visual, design responsivo, navegação pelo teclado e suporte ao leitor de telas:
Embora os componentes individuais listados abaixo ofereçam suporte aos quatro (4) aspectos da acessibilidade, a UI geral do
Clarity
ainda não é totalmente acessível. Por exemplo, ir do menu principal de navegação à esquerda para a grade, usando um teclado, não é possível no momento. No entanto, uma vez dentro da grade e em um atributo específico, você pode usar os controles do teclado para realizar a ação necessária.
  • Caixa de texto
  • Área de texto
  • Pesquisa de valor único
  • Pesquisa de valores múltiplos
  • Caixa de seleção *
  • Grupo de botões de opções
  • Seletor de datas
  • Button
  • Anexo de arquivo *
  • Componente do seletor de cores *
  • Menu principal de navegação à esquerda
* Em instâncias limitadas, esses componentes podem não atender à acessibilidade do leitor de telas, do contraste de cor e do teclado. Essa limitação será resolvida em uma release futura. Por exemplo, o Seletor de cores atende aos requisitos de contraste de cor, mas ele será atualizado em uma release futura para usar o componente de pesquisa de valor único de modo a oferecer suporte à navegação pelo teclado e ao leitor de telas.
Consolidação e mapeamento de cores
O
Clarity
está introduzindo uma nova paleta de cores a fim de melhorar a experiência visual geral para todos os usuários, incluindo aqueles com requisitos de acessibilidade. Em releases anteriores, conjuntos diferentes de paletas de cores eram usados para os seguintes elementos:
  • Banner de projeto e marcas de documentos
  • Listas de seleção personalizadas
  • Exibição clássica
  • Cores sequenciais
Como parte do upgrade, as cores anteriormente selecionadas são mapeadas para as novas cores e automaticamente atualizadas. As seguintes capturas de tela comparam cores usadas em releases antigas com a nova paleta de cores:
Mapeamento de cores para banner de projeto e marcas de documento
Mapeamento de cores para listas de seleção personalizadas
Mapeamento de cores para exibição clássica
Mapeamento de
cores
para cores sequenciais
As cores sequenciais representam aquelas que são sequencialmente aplicadas pelo sistema (por exemplo, métricas por período em uma visualização em grade). A sequência maximiza a diferença visual entre cores adjacentes.
Alterações no design visual
As seções a seguir incluem imagens que indicam alterações no design e na aparência dos componentes suportados para atender ao aspecto de design visual.
Componente de caixa de texto e área de texto
Componente de pesquisa de valor único
Componente de valores múltiplos
Componentes de caixa de seleção e botão de opções
Componente de seletor de datas
Componente de botão
Componente de anexo de arquivo
Componente de seletor de cores
Seletor de cores – lista de seleção personalizada
Navegação do menu principal