Visão Geral

Os quadros são uma das partes mais poderosas e complexas da monday.com, e eles se comportam de maneira diferente das tabelas de dados tradicionais. Este guia explica como navegar e ler os quadros da monday.com usando um leitor de tela. Ele inclui:

• Como os quadros são estruturados semanticamente para leitores de tela
• Como navegar pelos quadros de forma eficaz hoje
• Quais tipos de coluna são operáveis para leitura por leitores de tela
• Limitações atuais de acessibilidade

Ir para seções dentro deste artigo

Siga estes links para pular para uma seção:

• Como os quadros são estruturados para leitores de tela
• Abordagem de navegação recomendada. Esta seção inclui uma tabela de resumo de navegação, informações sobre navegação por cabeçalhos e informações sobre navegação por listas.
• O que os usuários de leitores de tela podem fazer hoje. Esta seção inclui colunas suportadas para leitura por leitores de tela.
• Uma lista de limitações atuais
• Como obter ajuda ou compartilhar feedback

Introdução ao quadro da monday.com

Embora os quadros possam visualmente se assemelhar a tabelas, tratá-los como tabelas resulta em uma experiência inconsistente e confusa para os usuários de leitores de tela. Os quadros da monday.com são complexos e dinâmicos.

Para proporcionar uma experiência de leitor de tela mais consistente e previsível, os quadros são apresentados usando uma estrutura baseada em listas em vez de semântica de tabela, projetada para preservar o contexto para:

• Grupos e subitens
• Colunas dinâmicas
• Controles e menus inline
• Quadros grandes e complexos

Como os quadros são estruturados

Os quadros são organizados usando cabeçalhos, seções e listas em vez de linhas e colunas. Essa estrutura oferece aos usuários de leitores de tela várias maneiras rápidas de navegar e sempre fornece contexto sobre onde estão.

A Hierarquia do Quadro

Em termos práticos, a hierarquia do quadro é a seguinte:

• O nome do quadro é um cabeçalho (nível 1). Este é o marco de nível superior para todo o quadro.
• Grupos são elementos de cabeçalho de nível 2. Cada grupo também está envolto em um contêiner com role=”group” que é rotulado pelo seu cabeçalho, para que os leitores de tela anunciem o nome do grupo ao entrar nele.
• Os cabeçalhos das colunas aparecem como uma lista dentro de cada grupo. O nome acessível da lista é “<nome do grupo> propriedades” (por exemplo, “Propriedades do Grupo 1”). Cada item da lista contém o nome da coluna como um botão, junto com botões de classificação e opções para essa coluna.
• Itens dentro de um grupo são representados como uma lista. O nome acessível da lista é o nome do item (por exemplo, “Item 2”). O nome do item também é um cabeçalho (nível 3).
• Propriedades (células) dentro de um item são itens da lista. O nome acessível de cada item da lista combina o nome da propriedade e seu valor (por exemplo, “Data: 17 de março de 2026”). Propriedades interativas contêm botões, elementos de formulário ou links que podem ser acessados usando atalhos padrão de leitores de tela.
• A linha de resumo na parte inferior de cada grupo é uma lista com o nome acessível “<nome do grupo> resumo” (por exemplo, “Resumo do Grupo 1”).

Subitens, quando expandidos, aparecem aninhados dentro de seu item pai. Os nomes dos subitens são cabeçalhos (nível 4). Os subitens têm sua própria lista de cabeçalhos de coluna, uma vez que as colunas dos subitens podem diferir das colunas dos pais.

Hierarquia de Cabeçalhos

Os níveis de cabeçalho mapeiam diretamente para a hierarquia de informações do quadro. A tabela a seguir descreve a hierarquia de cabeçalhos:

Convenção de Nomenclatura de Listas

Cada lista no quadro tem um nome acessível, para que os usuários de leitores de tela sempre saibam o que estão navegando:

Para garantir que os usuários de leitores de tela sempre tenham contexto, cada propriedade (célula) dentro de uma lista de itens é anunciada com o nome da propriedade e o valor. Propriedades interativas contêm botões, elementos de formulário ou links que podem ser acessados diretamente.

Abordagem de navegação recomendada

Os quadros são otimizados para:

• Navegação por cabeçalhos. Movendo-se entre grupos, itens e subitens.
• Navegação por listas e itens de lista. Movendo-se dentro de itens e células, e acessando ações de cabeçalho de coluna.

Alguns leitores de tela oferecem vários modos de navegação (por exemplo, ordem DOM vs. navegação agrupada). Usar navegação baseada em listas e cabeçalhos é essencial para que os quadros funcionem como pretendido.

Resumo de Navegação

Para usar os quadros de forma eficaz, os usuários de leitores de tela devem confiar nos seguintes métodos de navegação:

Navegação por Cabeçalhos

A navegação por cabeçalhos é usada para mover-se entre grupos, itens, subitens e seções principais do quadro. Pressionar H move para o próximo cabeçalho em qualquer nível. Pressionar uma tecla numérica (3, 4 ou 5) move para o próximo cabeçalho naquele nível específico, permitindo pular diretamente para o próximo grupo, item ou subitem.

Navegação por Listas

A navegação por listas é usada para entrar em um item, mover-se entre células dentro desse item, explorar ações de cabeçalho de coluna e navegar por subitens.

Essa abordagem depende de comandos de navegação padrão de leitores de tela e não requer comandos personalizados, mas pode diferir de como as tabelas tradicionais são navegadas. A equipe da monday.com está atualmente otimizando experiências no JAWS e NVDA com lançamentos em andamento.

Métodos de navegação que dependem de mover-se por linhas ou colunas de tabela não funcionarão de forma confiável – os quadros não são otimizados para comandos de navegação de tabela.

O que os usuários de leitores de tela podem fazer hoje

Com a abordagem de navegação descrita acima, os usuários de leitores de tela podem:

• Navegar entre grupos, itens e subitens usando cabeçalhos
• Ler nomes e valores de propriedades com contexto completo em cada item da lista
• Entender quando as propriedades estão vazias. O conteúdo em uma propriedade vazia será um texto estático “sem conteúdo”.
• Acessar ações de cabeçalho de coluna (classificar, opções de coluna) através da lista de ações de coluna
• Expandir e recolher grupos e subitens
• Navegar pelos quadros sem perda inesperada de contexto

O suporte atual à acessibilidade foca na leitura e compreensão do conteúdo do quadro. Algumas ações e capacidades de edição ainda estão sendo expandidas.

Colunas suportadas para leitura por leitores de tela

Abaixo está uma lista de colunas que suportam leitura. Ao navegar pelas colunas nesta lista, os leitores de tela anunciam o nome do item, o nome da coluna e o valor atual (ou um valor vazio se a célula estiver vazia).

Colunas suportadas para leitura:

• Nome
• Status
• Texto
• Números
• Data
• Linha do Tempo
• Pessoas
• Dropdown
• Fórmula

• Rótulo / Cor
• Relação de Quadro (Espelho)
• Texto Longo
• Link
• Checkbox
• Email
• Telefone
• Botão
• Avaliação
• Voto

Limitações atuais

A equipe da monday.com deseja ser transparente sobre o que ainda é limitado ou não suportado.

Interatividade das Células

Nem todas as células são apresentadas atualmente como botões interativos. Algumas células podem ser lidas, mas ainda não podem ser ativadas ou editadas usando um leitor de tela. A equipe da monday.com está trabalhando ativamente para tornar todos os tipos de células interativas, para que os usuários de leitores de tela possam ativar e editar valores diretamente. Isso está sendo implementado progressivamente em todos os tipos de coluna.

Quadros Grandes e Virtualização

Os quadros usam renderização virtualizada, o que significa que a página renderiza apenas os elementos atualmente visíveis na tela. Em quadros muito grandes, isso pode ocasionalmente causar um deslocamento inesperado na posição de leitura do leitor de tela ao rolar. A equipe da monday.com está trabalhando ativamente para resolver esse comportamento.

Enquanto isso, recomenda-se trabalhar com quadros menores (menos grupos e itens) para a experiência mais confiável com leitores de tela. Dividir um quadro grande em vários quadros menores pode ajudar a evitar esse problema.

Edição e ações

Neste estágio:

• A alteração de valores de coluna é limitada
• Algumas confirmações de ações não são anunciadas
• Configurações de coluna e ações de clique com o botão direito não são suportadas

Uso apenas com teclado

• A navegação apenas com teclado é parcialmente suportada
• A paridade total do teclado sem um leitor de tela ainda está em progresso

Diferenças entre leitores de tela

• O comportamento pode variar entre leitores de tela como NVDA, JAWS e VoiceOver
• Quadros grandes ou complexos podem se comportar de maneira diferente
   

Obter ajuda ou compartilhar feedback

Se você encontrar barreiras de acessibilidade ao usar os quadros e gostaria de compartilhar feedback, pode entrar em contato com o suporte da monday.com. Por favor, inclua:

• informações sobre seu leitor de tela
• seu navegador
• e o que você estava tentando fazer

Seu feedback nos ajuda a continuar melhorando a acessibilidade em toda a monday.com.

A equipe da monday.com reconhece que os quadros são centrais para muitos fluxos de trabalho e deseja fornecer a estrutura que todos precisam para ter sucesso na monday.com. As melhorias de acessibilidade estão em andamento, e este guia continuará a evoluir à medida que o suporte se expande.

Ficou com alguma dúvida? Acione o suporte oficial a qualquer momento.

Para soluções completas de implantação, treinamento e estruturação de workflows no Brasil, conte com a Audatia, parceira oficial da monday.com. Descubra como podemos ajudar →