Mudanças hierárquicas nos títulos das telas administrativas

0

Já tem algum tempo que o WordPress não apresenta atualizações significativas paras as hierarquias do painel administrativo. A versão 4.4 veio para corrigir isto.

Nesta versão o foco está em ajudar os usuários de tecnologias assistivas, como os leitores de tela. Se você é um developer e faz bom uso da dashboard personalizada fique ligado pois existem algumas coisas que devem ser atualizadas e modificadas.

Importante

A estrutura hierárquica do títulos permite uma navegação pelo teclado, facilitando a busca de informações para usuários que utilizam leitores de tela. Se na implementação da página a hierarquia dos títulos forem criadas de forma errada, isso se torna um enorme problema na navegação e pioran a experiência do usuário.

Simplificando, uma das primeiras coisas que os usuários de leitor de tela fazem para encontrar o título principal do conteúdo é pressionar a tecla 1 para encontrar o primeiro título <h1> e na sequência a tecla 2 indo para o <h2>. É de extrema importância tomar o devido cuidado com as posições do títulos, deixando a navegação fluida e correta paras leitores de telas.

Dica de como corrigir seu plugin e tema

Restruturar a hierarquia de títulos do documento, para assegurar que os níveis de títulos não sejam ignorados. O primeiro título deve ser criado à partir do <h1>. Não deve haver níveis ignorados.

Confira o exemplo abaixo, o primeiro título (Sharing settings) deve ser <h1> e na sequência <h2> para Sharing buttons.

h1

Cabeçalhos list table

Confira a nova estrutura de títulos da tela wp-admin/edit.php.

  • H1: Posts
  • H2: Filter posts list (visualmente escondido)
  • H2: Posts list navigation (visualmente escondido)
  • H2: Posts list (visualmente escondido)

Confira a nova estrutura de títulos da tela wp-admin/edit-tags.php?taxonomy=category.

  • H1: Categories
  • H2: Categories list navigation (visualmente escondido)
  • H2: Categories list (visualmente escondido)
  • H2: Add new category

list-table-headings-default-post-and-taxonomy

Novo post type e taxonomy no 4.4

Afim de um melhor posicionamento dos cabeçalhos, foram adicionadas novas opções para serem usados register_post_type() register_taxonomy().

register_post_type():

'filter_items_list' => __( 'Filter your-cpt-name list', 'your-plugin-text-domain' ), 'items_list_navigation' => __( 'Your-cpt-name list navigation', 'your-plugin-text-domain' ), 'items_list' => __( 'Your-cpt-name list', 'your-plugin-text-domain' ),

register_taxonomy():

'items_list_navigation' => __( 'Your-tax-name list navigation', 'your-plugin-text-domain' ), 'items_list' => __( 'Your-tax-name list', 'your-plugin-text-domain' ),

list-table-headings-using-new-labels

Mudança nos widgets

Em todos os widgets da dashboard e meta boxes ouve uma troca de <h3> para <h2>.

Saiba tudo sobre a versão 4.4 do WordPress