Provavelmente devemos seguir com o role por enquanto… Suspeito que mudar para H2 quebraria muitos temas.
7 curtidas
Sem problemas, o PR está em andamento.
Isso torna muito mais agradável navegar pelas listas de tópicos no NVDA; basta pressionar h, h, h para alternar entre os tópicos.
9 curtidas
É uma pena, h2 ou h3 fariam sentido para a lista de tópicos. Mas esse navio provavelmente zarparia há mais de 8 anos.
4 curtidas
Hmm, não tenho certeza de como me sinto sobre a nova região. Ela adiciona um pouquinho de texto extra a cada post, mas não acho que seja tão ruim, e realmente agrega um pouco mais de contexto a cada post enquanto você navega pelas setas. Imagino que possamos reverter isso em uma data posterior se as pessoas não gostarem?
Estou assumindo que essas mudanças já estão ativas aqui? Parece que sim, e elas realmente tornam a experiência de navegação por tópicos muito mais agradável. Muito obrigado por agir tão rapidamente sobre isso! Quando o novo lançamento será ativado nos sites hospedados?
6 curtidas
Quando clicarmos no botão de implantar 
. Seu site está sendo implantado agora, deve estar no ar em ~20 minutos.
4 curtidas
Acredito que podemos desfazer isso em uma data posterior, caso se descubra que as pessoas não gostem?
Sim, absolutamente. Se a comunidade de pessoas cegas sentir que isso gera mais ruído do que ajuda, ficarei feliz em reverter a alteração.
Os menus suspensos que são reportados ao meu leitor de tela como HTML
<select/>estão quase totalmente quebrados.
Temos uma biblioteca chamada SelectKit, que usamos em diversos lugares. Você a utiliza para selecionar categorias, selecionar usuários ao criar uma mensagem privada, selecionar o “estado de acompanhamento” de um tópico (para que você possa indicar que tem interesse em acompanhar um tópico).
Essa biblioteca definitivamente não é compatível com o NVDA. Vamos dedicar algum tempo para melhorá-la, mas lamento informar que se trata de um trabalho muito complexo que pode levar algumas semanas.
Hoje, implementamos mais algumas correções, das quais tenho certeza que você vai gostar. Lembro que você mencionou o quão difícil era para você encontrar a interface de administração.
“ir para outra lista de tópicos ou categoria”, que existe no topo da página, é nossa área de “saco de surpresas”, que inclui links para configurações do site, painel administrativo, listas de tópicos por categorias e muito mais. @eviltrout alterou isso esta manhã, de modo que, ao expandir a lista, o foco é direcionado para ela. Isso certamente torna muito mais óbvio para o NVDA.
Tenho dedicado bastante tempo a aprender sobre sua experiência. Outra questão que notei hoje foi a “falta de feedback” quando você envia uma resposta ou um novo tópico. É muito difícil para você saber se funcionou ou não. Vamos tentar, pelo menos, aplicar algumas técnicas de foco para ajudá-lo. Questiono-me se, a longo prazo, deveríamos adicionar um modo de “sons” ao Discourse, para que ele forneça feedback sobre erros e sucessos de várias ações.
Temos uma longa jornada pela frente, mas estou muito animado com isso.
Meu objetivo — e o objetivo do Discourse — não é ser “tão bom” quanto o PHPbb. O que queremos ser é sua primeira escolha, pois seremos melhores em todos os aspectos em relação ao “jeito antigo”. Levará algum tempo para chegarmos lá, mas já começamos a jornada.
11 curtidas
Podemos possivelmente usar regiões live do ARIA para isso; ARIA live regions - ARIA | MDN. O exemplo comum é anunciar o número de resultados após uma busca ser enviada, mas também poderíamos ter uma div vazia marcada como região live e adicionar algum texto como “resposta publicada” quando necessário.
5 curtidas
live regions parecem incríveis, podem até ser uma solução possível para os problemas do kit de seleção.
Ah, parece que role=alert também funciona muito bem com nossos vários erros, adicionando agora!
5 curtidas
@nolan mais algumas correções e melhorias legais hoje. (nota: estou fazendo todos os meus testes no NVDA)
-
Se você tentar fazer uma postagem e ela for muito curta, fornecemos um alerta com a role aria, o que faz o leitor de tela informar o que está errado (postagem muito curta, etc.).
-
Melhorei a lógica de foco dos “modais”; agora focaremos nos modais incondicionalmente. Isso permitirá que você descubra os vários atalhos de teclado. Um link para eles existe na seção “ir para outra lista de tópicos ou categoria”.
As alterações estão sendo implantadas no seu site agora mesmo.
Me diga o que você achou!
7 curtidas
Ok, então posso estar sendo um pouco detalhista aqui. Mas a forma como os tópicos são listados é meio estranha. Parece que toda a linha está marcada como um título e não as colunas individuais. Como disse, isso é realmente algo pequeno, então talvez eu esteja apenas sendo detalhista.
2 curtidas
Nossa, parece que esse tópico explodiu. Acho que ativar as notificações do navegador interrompe os e-mails—preciso ver se consigo corrigir isso.
Essas mudanças são ótimas! Obrigado por elas!
Concordo que os títulos da lista de tópicos estão um pouco estranhos. Acho que preferiria que os títulos envolvessem apenas as informações absolutamente essenciais, já que, se eu quiser o resto, sei onde encontrá-lo.
Se você observar a exibição da postagem, por exemplo, o papel h2 que adicionei envolve apenas o nome e o horário da postagem. Esses são provavelmente os detalhes que mais me importam ao pressionar h/H para navegar entre as postagens. Para a lista de tópicos, provavelmente me importo apenas com o título e nada mais.
Ethin, espero que estejamos falando do mesmo problema aqui e que eu tenha captado corretamente sua intenção. Por favor, me avise se eu estiver errado.
5 curtidas
Também quero destacar, @Sam, que não é amigável com o Orca. Não tenho certeza se @Ethindp pode ajudar na caça a bugs no Linux ou em qualquer outra coisa, mas, pelo menos no meu sistema (Ubuntu com Orca/Firefox), os menus suspensos estão funcionando um pouco.
Por exemplo, se eu criar um tópico, consigo expandir o menu suspenso de categorias e digitar uma categoria. Consigo abrir a seleção de estado, mas ele age como um botão; se eu expandir esse menu, preciso clicar cegamente (trocadilho intencional) no menu de estados e torcer para que seja o que estou procurando. Não sei o suficiente sobre o Orca ou eventos ATSPI para saber se o que funciona para um leitor de tela funcionaria para o Orca ou se exigiria mais trabalho.
3 curtidas
Você não pode controlar eventos do AT-SPI a partir do Firefox, então isso não é um problema. O problema é apenas o papel apresentado ao leitor de tela — informe ao navegador, usando ARIA, que um controle é uma caixa de combinação se ele se comportar como tal. Lembre-se: siga os padrões de design do ARIA, a menos que o que você esteja tentando fazer não tenha um padrão de design (o que imagino ser bastante raro; esse documento é bastante abrangente).
@nolan Sim, era disso que eu estava falando. A navegação na tabela por meio de cabeçalhos através da tabela (e dos posts) me atrasa porque:
- Todas as colunas são um cabeçalho, ou múltiplos cabeçalhos — parece que são múltiplos. Então, é lido assim: título do tópico. Pausa. Informações do tópico. Pausa. Informações do tópico. Pausa. etc. O Orca, ao contrário do NVDA, lê uma linha inteira da tabela ao navegar por ela com as setas (ou, neste caso, usando ‘h’ para percorrer), em vez de colunas individuais como o NVDA faz.
- Os posts são semelhantes. Todas as informações do post são, novamente, cabeçalhos separados e são lidos como descrito acima.
Uma solução seria mesclar as respectivas colunas contendo apenas as informações importantes em um único cabeçalho, caso isso não quebre o layout visual. (Para ser honesto, não sou muito fã da navegação por cabeçalhos através de uma tabela — simplesmente não é assim que uma tabela funciona, e cabeçalhos não deveriam estar lá de verdade.)
Um último pequeno problema: todos os cabeçalhos parecem estar no mesmo nível. Isso é problemático porque os leitores de tela permitem que eu pule pela página entre diferentes níveis. Como todos os cabeçalhos estão no mesmo nível, não consigo alternar entre o cabeçalho do tópico e o cabeçalho dos posts relacionados — preciso, consequentemente, ler o tópico inteiro, o que se torna irritante, especialmente em tópicos com um grande número de posts.
5 curtidas
No momento, temos o papel de cabeçalho ARIA aplicado a toda a linha. Vou movê-lo para que fique apenas nas informações essenciais, na primeira coluna da tabela grande (status, título, categoria, contagem de não lidos e assim por diante).
Devo dar um passo além e aplicar o papel apenas ao título do tópico? Acredito que isso tornaria as coisas um pouco mais rápidas, desde que você lembre de navegar para a esquerda e para a direita para obter informações sobre o status do tópico, categoria e assim por diante.
@celtichawk, obrigado! @j.jaffeux, essa é uma opção de solução para menus suspensos que deve ser compatível com JAWS, Orca e NVDA. Como mencionei, pode levar um pouco de tempo, mas estamos trabalhando nisso agora e esperamos ter algo para mostrar a vocês nas próximas semanas.
@ethindp, acho que tenho uma ideia para a situação dos cabeçalhos nos tópicos. Podemos aplicar o papel de cabeçalho a um único elemento, como “nome de usuário”, e depois fornecer uma descrição ARIA como “Sam postou há 3 horas”. Acredito que, assim, ficaria algo como:
“Postagem #3 região: Sam postou há 3 horas” enquanto você navega. Devemos tentar isso?
9 curtidas
Eu diria que vale a pena tentar. Na verdade, eu gosto dessa ideia. (Cara, os templates são incríveis!)
4 curtidas
Hmm, a primeira coluna provavelmente é suficiente. Brincando um pouco mais com isso, gosto que ela não apenas leia o título, mas também o status de não lido e a contagem. Suponho que eu pudesse me contentar com ela lendo o restante como faz agora, já que, felizmente, isso é falado por último. Mas apenas a primeira coluna está mais alinhada com o que eu esperaria.
5 curtidas
Olá Nolan,
Estava pensando em alterar isso hoje, mas o elemento TD já possui o role “rowheader”. Fico preocupado em mexer nisso.
Tenho algumas opções aqui:
-
Alterar o role no
TD(coluna da tabela) que contém todas as informações principais. -
Introduzir o role no
SPANlink-top-line; ele contém informações críticas, mas exclui categorias e tags. -
Realmente não quero fazer isso, mas poderíamos adicionar um
DIVwrapper.
Qual solução devemos escolher aqui?
3 curtidas
Claus também levantou questões sobre como o papel de título é peculiar. Estou pensando que talvez devêssemos atribuir o papel de título apenas ao “link”.
Dessa forma:
- Você não ouve nada sobre o status (travado, fixado, etc.)
- Você pressiona H
- Você ouve o título do tópico
- Você pressiona H
- Você ouve o título do próximo tópico
Se, a qualquer momento, você quiser descobrir coisas especiais sobre o tópico ou interagir de forma mais rica, basta pressionar para cima ou para baixo para obter mais informações.
Não é uma solução perfeita, mas parece ser uma pequena melhoria em relação a parar no link “fixado” ou ter toda a linha lida em voz alta.
4 curtidas
Na verdade, o uso de uma tabela para exibir a lista de tópicos em um fórum é realmente muito bom. Todos os leitores de tela que conheço, exceto o Orca, conseguem navegar por tabelas; portanto, se você obter as informações corretas de linha e coluna, terá uma boa navegação. O motivo de solicitar os cabeçalhos nos tópicos foi obter uma maneira estável de navegar em um tópico aberto. Não vejo motivos válidos para adicionar cabeçalhos na tabela, mas, se feitos corretamente, não causam problemas.
Claus
4 curtidas
Olá.
Gostaria de agradecer imensamente às pessoas neste tópico. Ajudo a administrar algumas instâncias do Discourse e notei a maioria dos pontos mencionados aqui. Eu nunca teria feito o esforço para descobrir o que poderia ser feito sobre isso até que, ontem, um dos fóruns foi atualizado e as coisas mudaram, para melhor!!
E esta manhã, ao encontrar este tópico, senti muita otimismo de que as coisas continuarão a melhorar.
Não tenho muitas sugestões específicas; vocês cobriram a maioria dos meus pontos de dor, então diria que continuem nesse caminho.
Há um ponto que não acho que foi mencionado, pelo menos não neste tópico: uma maneira acessível de citar alguém em um tópico. Se eu quiser citar alguém, geralmente faço assim:
insira a citação aqui.
Mas gostaria de poder usar o método adequado de citação. Não conheço bem o Markdown para simplesmente escrevê-lo, e mesmo que conhecesse, isso soa um pouco trabalhoso. Tenho curiosidade sobre quais outros truques as pessoas usam para citar outras pessoas em um tópico se não podem usar o mouse?
8 curtidas