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

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.

[Tweet “WordPress 4.4 traz mudanças hierárquicas significativas.”]

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.

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

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() e 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' ),

Mudança nos widgets

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