Tema Twenty Eleven (Código Estranho)

[Gilsones]

Estou editando o tema Twenty Eleven (1.2) que usa HTML 5.
Dentro código da tag <nav> que no caso é o menu, antes de quanquer
código tem isso:

<nav id="access" role="navigation">
<h3 class="assistive-text">Main menu</h3>
<div class="skip-link"><a class="assistive-text" href="#content"
title="Skip to primary content">Skip to primary content</a></div>
<div class="skip-link"><a class="assistive-text" href="#secondary"
title="Skip to secondary content">Skip to secondary content</a></div>
<div class="menu-menu-container">(Aqui <ul> com o menu...)</div>
</nav>

Twenty Eleven Demo: http://twentyelevendemo.wordpress.com/

Reparem que antes da <div class="menu-menu-container"> tem um código
estranho. Esse código NÃO APARECE no visual do site, pra que será que
ele serve? Será que é algo relacionado ao SEO?

Gostaria de saber mais por aprendizado.

Obrigado.

[Walter "wmoriah" Araujo dos Santos]

acessibilidade!

para saltar entre partes do conteudo nao?

Walter A Santos "wmoriah"
@wmoriah  // 83 3021-5241

http://meadiciona.com/wmoriah
------------------------------------------------------
Diretor Associado de Projetos
HAGG | Agência Interativa | @hagg_interativa
http://www.hagg.com.br
GoogleMaps: http://migre.me/3lfw
------------------------------------------------------

--
Você recebeu esta mensagem por estar inscrito na lista de debates "WordPress Brasil" através do sistema Google Groups.

Para enviar uma mensagem: wordpres...@googlegroups.com
Para cancelar sua inscrição: wordpress-bras...@googlegroups.com
Para visitar o grupo: http://groups.google.com.br/group/wordpress-brasil?hl=pt-BR

Temas: http://wordpress.org/extend/themes/
Plugins: http://wordpress.org/extend/plugins/
Projeto WordPress: http://br.wordpress.org/

[Gilsones]

Pior que não sei, no visual do site não tem nada...


On 31 ago, 21:36, "Walter \"wmoriah\" Araujo dos Santos"

<wal...@hagg.com.br> wrote:
> acessibilidade!
>
> para saltar entre partes do conteudo nao?
>
> Walter A Santos "wmoriah"
> @wmoriah  // 83 3021-5241
>
> http://meadiciona.com/wmoriah
> ------------------------------------------------------
> Diretor Associado de Projetos

> HAGG | Agência Interativa | @hagg_interativahttp://www.hagg.com.br
> GoogleMaps:http://migre.me/3lfw
> ------------------------------------------------------

[Jose Wilker]

o.O

http://www.w3schools.com/

ve lá pra q q serve issw ae... eu particularmente n vi nda estranho no código.

att,

José Wilker (JW)

2011/8/31 Gilsones <gilson....@gmail.com>

[Adriano Fialho]

Olá. Isso é uma regra de acessibilidade para:

(1) pessoas que possuem deficiência visual

(2) pessoas com deficiência motora que navegam com a tecla TAB/ via teclado

No caso (1), os deficientes visuais, utilizam um leitor de tela, que vai ler os links "Skip to primary content" e "Skip to secondary content". Isso serve para que ele vá direto ao conteúdo do site, sem ter que passar pelos outros itens menos relevantes.

No caso (2) é bem parecido. Só que o deficiente motor, ao navegar com o TAB, vai perceber pela barra inferior do navegador de internet, que está em um link "Skip to primary content" e poderá, da mesma forma, ir direto ao conteúdo do site.

Quem se preocupa com acessibilidade web, geralmente cria outros itens como "Skip do menu", ferramentas de alto contraste, tamanho da fonte, etc. Existe uma lei federal, desde 2004, que diz que os sites brasileiros devem ser acessíveis! Mas, estamos falando de Brasil...

Uma observação é que estes links "Skip to primary content" são "invisíveis" para nós. Ou seja, eles estão no código, mas possuem um estilo "display:none" ou "text-ident:-10000" ou "visible:hidden" ou é inibido por javascript, para que seja mostrado apenas para quem deseja ver. O ideal é que estes links estejam visíveis, para até nós, utilizarmos, como você pode ver no site: http://www.brasil.gov.br/

Eu fiz um trabalho acadêmico sobre isso. Caso tenha interesse em saber um pouco mais:

http://acessoufba.wordpress.com/

Se puder assista o vídeo, sua visão será outra!

http://youtu.be/rx1-BawHDEY

Espero ter ajudado.

Abraços!

--

Adriano Fialho

http://about.me/afialho
con...@adrianofialho.com
71 8637-3450 / 8253-9112

[Walter "wmoriah" Araujo dos Santos]

Adriano, meus parabéns! trabalho fantástico que deve ser lido e levado em consideração por todos os desenvolvedores web, não apenas para desenvolver pensando em acessiblidade mas inclusive para catequizar os clientes e argumentar da necessidade de se ter um website acessível. Coisas simples que fazem o seu trabalho mais profissional (e você pode cobrar até mais por esse diferencial, mais porque vai dar um pouco de mais trabalho no desenvolvimento e porque vai agregar mais valor ao produto).

Ah assisti o vídeo, gostei demais da maneira como foi conduzido, parabéns pela produção.

Abraço,

Walter A Santos "wmoriah"
@wmoriah  // 83 3021-5241

http://meadiciona.com/wmoriah
------------------------------------------------------
Diretor Associado de Projetos
HAGG | Agência Interativa | @hagg_interativa
http://www.hagg.com.br
GoogleMaps: http://migre.me/3lfw
------------------------------------------------------

[Wagner Neto]

Bom dia caro amigo Adriano, quero parabenizá-lo, pela ótima explicação, foi uma verdadeira aula.

Sou deficiente visual, e encontro enormes dificuldades para navegar em diversos sites na internet.

Estou começando no wp, a pouco tempo, estou desenvolvendo um blog, sobre acessibilidade e inclusão, inclusive com a ajjuda da nossa companheira de grupo, Drica, mas pra falar a verdade, foi difícil para encontrar um tema, acessível e principalmente em português.

Com certeza irei precisar de muito mais ajuda ainda, sei que irei contar com a Drica, gostaria de contar com sua experiência também.

Um grande abraço.

WAgner Neto.

projeto ponto de vista.

www.projetopontodevista.com.br

[Adriano Fialho]

Wagner, pode contar com a minha colaboração.

Sem dúvidas este tema é fantástico, importante e geralmente é esquecido pelos desenvolvedores web, assim como em tudo no nosso país quando falamos de acessiblidade. Não temos acessibilidade nas ruas, em escolas, ...

Gostaria de ressaltar que o vídeo não é meu, apenas utilizei ele em um trabalho acadêmico. Os créditos de produção são da Acesso Digital (http://acessodigital.net/)

Abraços!

--

Adriano Fialho

http://about.me/afialho
con...@adrianofialho.com
71 8637-3450 / 8253-9112

[Wagner Neto]

Ok, amigo, muito obrigado.

VAmos nos falando.

ABraços.

WAgner Neto.