Tainacan 1.0.2 – Paleta de Comandos e Melhorias de Acessibilidade

Fechando o ano que nos trouxe a versão 1.0 com chave de ouro, temos boas notícias com esta nova versão, em especial para aqueles que usam do teclado para navegar.

Novidades

Paleta de Comandos no Admin

Uma das grandes mudanças tragas pela versão 1.0 foi a refatoração da navegação do Admin do Tainacan e a criação de filtros para que desenvolvedores de plugins possam ir adicionando links para as configurações de suas funcionalidades na própria barra de navegação do Tainacan. Isso tudo vai abrindo espaço para mais telas ali dentro, mas temos que admitir que mesmo com links de cartões na página inicial, pode ser meio cansativo sair clicando procurando cada item do menu.

Felizmente o WordPress 6.9 nos trás uma novidade que pode melhorar isso. Apertando CTRL + K (ou CMD + K) dentro de qualquer página do admin do WordPress, uma nova barra de busca se abrirá: a paleta de comandos. Digite nela o nome da tela para onde você deseja ir e com um simples ENTER, você será levado para lá. Isso tudo sem tirar as mãos do teclado!

Nesta versão estamos registrando atalhos para todos os links estáticos do painel. A ideia é que futuramente possamos também ter os links dinâmicos (por exemplo telas de configuração de cada coleção). Também consideramos trazer um botão para dentro do Admin do Tainacan que permita essa busca por diferentes áreas do admin a partir desta ferramenta. Fiquem de olho em novidades para futuras versões 😉

Melhorias de Acessibilidade

Infelizmente quando se trata de navegação via teclado, nossa acessibilidade ainda deixa muito a desejar. Falamos isso de maneira aberta pois sabemos que é um assunto complexo e muitas vezes negligenciado por desenvolvedores de interfaces ricas e complexas. Por isso tomamos como missão para este final de ano entregar uma versão do Tainacan com melhorias substanciais em diversos pontos de acessibilidade, buscando atender as regras mais básicas da WCAG.

Isto não quer dizer que resolvemos todos os problemas, mas que pela primeira vez em anos pudemos sentar, fazer testes e de fato começar a amadurecer nossos componentes para que possam ser melhor utilizados por usuários que fazem sua navegação primariamente por teclado, ou que possuem baixa visão. Nosso maior foco foi no componente da Busca Facetada, que exibe a lista de itens nos temas, mas também são notáveis avanços em formulários e carrosséis.

De forma geral o que esperamos que esteja bem resolvido, na maioria dos componentes é:

• O estado “focus-visible”, que indica quando usuários estão ativando componentes interativos com a tecla TAB, deve estar mais prominente, deixando claro quem está selecionado no momento;
• A ordem na qual estes elementos interativos são acionados ao se teclar TAB seguidas vezes deve estar bem mais completa, de forma que vários links, botões, collapses, etc que antes simplesmente não eram selecionáveis agora serão focados;
• Componentes de Dropdown e Autocomplete agora devem ter sua lista navegável via setas do teclado, pulados do início ao fim com HOME e END além de poderem ser fechados via ESC;
• Componentes de Abas agora devem poder ser navegáveis via setinhas do teclado, além de puladas do início ao fim com HOME e END;
• Elementos interativos como botões, itens de dropdowns e collapses agora devem todos poder ser acionados por ESPAÇO e ENTER, além do clique do mouse;
• A busca facetada agora emite notificações invisíveis para leitores de tela quando os itens são recarregados e quando filtros são aplicados;
• O seletor de termos em taxonomias hierárquica teve diversas melhorias para garantir que o foco seja direcionado para o checkbox certo quando se abre novos níveis de hierarquia;
• Os carrosséis em geral agora possuem tags e atributos role mais apropriados para leitores de tela;
• A galeria de mídias recebeu alguns ajustes para esclarecer qual o item ativo atualmente para leitores de tela;
• Os componentes de paginação possuem rótulos mais claros;
• Modos de visualização não mostram mais a palavra “Miniatura” como texto alternativo para imagens sem texto alternativo, considerando que esta informação polui e não informa bem os leitores de tela;

Estamos bastante felizes de poder trazer estas melhorias, mas reforçamos que este é um trabalho contínuo e que novas interações no assunto são esperadas com certeza para as próximas versões!

Melhorias

• Por trás dos panos, esta versão finalmente atualiza nossa biblioteca de componentes Buefy para a sua versão 3.0.x. Este detalhe técnico demandou uma grande refatoração já que também nos demandou a migração para a framework CSS Bulma 1.0.x e mais internamente ainda, a migração do node-sass para o dart-sass. Para os usuários, o impacto deve ser mínimo, salvo algumas pequenas mudanças de classes CSS que um ou outro tema pode querer ajustas. Para nós, significa mais segurança e tranquilidade para fazer atualizações futuras e continuar recebendo melhorias destas ferramentas;
• Também estamos atualizando a biblioteca que nos permite exportar em XLSX para sua última versão, mais segura e eficiente;
• Remoção de arquivos de fonte desnecessários e atualização dos scripts de build;

Correções de Erro

• Correção de erro que impedia que as regras de edição das seções de metadado obedecessem a permissão de usuário;
• Correção de erro onde facetas de metadados de relacionamentos privados apareciam em contextos públicos;
• Correção de problema com cabeçalhos fixos no navegador Safari;

Baixe agora!

A versão 1.0.2 do Tainacan já está disponível para download no repositório de plugins do WordPress: