Gutenberg: Melhorias nos limites em linha

Criado em 8 mar. 2017  ·  3Comentários  ·  Fonte: WordPress/gutenberg

Existem vários pequenos problemas com a nova lógica de limites de link/código que precisam ser corrigidos.

  1. A caixa de diálogo Fix link inclui zwsp em "Text to display"
  2. Enter at zwsp produz um link vazio que precisa ser cortado.
  3. Desvincular pode estar quebrado precisa de mais testes.
  4. Remova o zwsp quando o acento circunflexo estiver no mesmo nó de texto, mas não mais próximo ao caractere zwsp.
  5. Adicione mais testes para rtl e bidi.
  6. Experimente line-height: -moz-block-height; como uma solução alternativa para falhas de renderização do windows firefox.
  7. Adicione uma opção para desabilitar essa coisa caso as pessoas pensem que é irritante.
  8. Tente corrigir a navegação no iOS com teclados externos.
[Type] Task

Comentários muito úteis

Corrigimos os itens listados neste ticket. Então estou fechando esse.

Todos 3 comentários

Adoro o recurso e acho que ajuda muito a entender onde você está digitando.

No entanto, testando rapidamente com o Safari 10 + VoiceOver, o limite do link é lido como:
link zero width no break space
ou algo assim, desculpe, não sou um falante nativo de inglês aqui 🙂

Uma opção pode ser a mencionada por @spocke no Slack :

pode ser necessário envolvê-lo em um intervalo com tags aria, então

Ao navegar por caracteres ou palavras, os leitores de tela já anunciam link ao entrar em um link, embora não anunciem nada ao sair do link, então talvez apenas ocultar o caractere zwnbsp das tecnologias assistivas possa trabalhe bem.

@afercia Fiz algumas investigações sobre este.

Para evitar que o acento circunflexo se normalize na âncora quando estiver dentro/fora, precisamos inserir algo que impeça o navegador de fazer o que é padrão. Usamos espaços sem quebra de largura zero, pois é basicamente um caractere invisível que não é mais usado para nada, exceto para assinaturas de BOM em documentos. Esses caracteres parecem ser ignorados pelo Jaws, mas falados pelo VoiceOver e pelo NVDA.

Tentei contornar isso de várias maneiras:

  1. Alterar o personagem para períodos com funções e atributos de ária não funcionou, pois os atributos foram ignorados com complacência pela maioria dos leitores de tela. Eu estou supondo que, uma vez que está no contexto do editor, não tem relevância. Tentei role="presentation" aria-hidden="true" e aria-label="abc" nada aconteceu, exceto em Jaws.
  2. Tentei o intervalo unicode reservado \ ue000 isso é reservado para coisas como ícones etc. e não deve ser falado pelo leitor de tela. Ele não fala isso, mas também é ignorado pela lógica de normalização de seleção dos navegadores para que não possa ser usado.
  3. Adicionado um elemento role="status" com aria-live="assertive" e texto enviado para isso basicamente o que o wp.a11y.speak faz e que cancela a fila no VoiceOver, mas não no NVDA e parece um pouco estranho no Jaws. A especificação diz que pode cancelar a fila, então acho que é aleatório o que acontece. No entanto, isso provavelmente faz mais sentido dizer ao usuário onde o acento circunflexo se está no início do link, final, antes ou depois, pois esses são os locais com os quais lidamos. No entanto, alguns leitores de tela ainda falarão esse código de caractere estranho, não tenho certeza de que podemos fazer muito sobre isso.

Então, para resumir, é complicado. :)

Corrigimos os itens listados neste ticket. Então estou fechando esse.

Esta página foi útil?
0 / 5 - 0 avaliações