Page 1 of 1

Como criar links de atalhos acessiveis ?

Posted: Fri Mar 21, 2008 5:09 pm
by kakatinha
Como vai pessoal?
Gostaria de saber como faço para criar atalhos acessiveis para determinadas partes do conteudo do site...
sabem aqueles links para "Ir ao conteudo", "Ir ao Topo", "Ir ao Menu"...
Sei como fazer em sites estáticos usando âncoras porém ao usar a mesma técnica no joomla estes links sempre vão à "Pagina Inicial"...
Veja como estava tentando fazer:
No html

Code: Select all

<p class="skip"><a href="#mainbody" tabindex="1">Ir direto para o conteúdo</a></p>
Na CSS ocultando no layout ... para apenas leitores de tela capturarem o link
.skip{
position:absolute;
text-indent:-9999em;
width:0;
}

Como fazer o link para a âncora "pegar" a pagina onde estou ? Para que não ligue à ancora "#maibody" da "index.php"

Re: Como criar links de atalhos acessiveis ?

Posted: Fri Mar 21, 2008 7:29 pm
by pmichelazzo
Kakatinha,

Juro que gostaria de ajudá-la mas não entendi seu problema. Você deseja uma âncora para o conteúdo? Seria isso?

Sds

Re: Como criar links de atalhos acessiveis ?

Posted: Fri Mar 21, 2008 9:45 pm
by kakatinha
Exatamente criar um link âncora para o menu ou para o conteudo, mas que fosse dinâmico.
Seria links para aparecerem para leitores de tela utilizados por deficientes visuais(procure pesquisar sobre screen readers).
O problema é que qdo faço esse tipo de link ele joga o visitante para a pagina inicial, gostaria de saber como fazer para que ele identifique a pagina atual.
Acredito que deva pegar o link da pagina atual e colocar antes da chamada da ancora "#mainbody"... o problema é como fazer isso dinamicamente?

Code: Select all

<a href="#mainbody" tabindex="1">
A questão tem a ver com teclas de acessibilidade.

pmichelazzo wrote: Juro que gostaria de ajudá-la mas não entendi seu problema. Você deseja uma âncora para o conteúdo? Seria isso?
Sds

Re: Como criar links de atalhos acessiveis ?

Posted: Fri Mar 21, 2008 9:51 pm
by pmichelazzo
Coloque a âncora dentro do com_content e aponte para ela, no conteúdo, ou seja, dentro do HTML que gerencia a forma que o conteúdo é apresentado, você coloca sua âncora para o topo do conteúdo.

Penso que seja isso que deseja.

Sds

Re: Como criar links de atalhos acessiveis ?

Posted: Sat Mar 22, 2008 4:08 pm
by kakatinha
O link para a ancora não é dentro do conteudo ... pois este link tem que estar logo no topo do site...
a ancora seria na area do menu ou no conteudo... sejam eles quais forem... (mesmo que mudem dinamicamente)
Acredito que tenha que estar relacionado ao template... e ligados a parte do template por isso tentei usar a "id=mainbody" ... isso na pagina inicial funciona... porem quando estou em outras paginas o link me leva pra pagina inicial sempre.

pmichelazzo wrote:Coloque a âncora dentro do com_content e aponte para ela, no conteúdo, ou seja, dentro do HTML que gerencia a forma que o conteúdo é apresentado, você coloca sua âncora para o topo do conteúdo.
Penso que seja isso que deseja.
Sds

Re: Como criar links de atalhos acessiveis ?

Posted: Sat Mar 22, 2008 4:27 pm
by kakatinha
Valeu pela atenção amigo,
encontrei a solução estudando um link de outro template...

basta colocar antes do link ancora o seguinte comando:

Code: Select all

<?php echo $tpl_url; ?>
ficando assim a chamada para a area desejada:

Code: Select all

<a href="<?php echo $tpl_url; ?>#mainbody" tabindex="1">
Bom como consegui resolver, aproveito pra deixar disponivel pra pessoas que tiverem a mesma dificuldade.
;)

Re: Como criar links de atalhos acessiveis ?

Posted: Fri May 30, 2008 5:15 am
by fititnt
Obrigado pro divulgar sua solução, kakatinha =]

Adicionado ao FAQ.

Re: Como criar links de atalhos acessiveis ?

Posted: Tue Apr 05, 2011 12:47 pm
by Elisavlsf
Bom Dia,

Estou com o mesmo problema seu, mas mesmo usando sua solução não consegui resolver. Utilizando o que vc disse, ele retorna um erro.
Meu joomla é o 1.5.22
Alguem pode ajudar?

Re: Como criar links de atalhos acessiveis ?

Posted: Tue Apr 05, 2011 1:28 pm
by velazquez
Trofeu pá de ouro para vc,hauhuauha brincadeira.... posta qual o erro que aconteceu para que seja possivel ajudar!

Se der coloca um print da tela tb!

Abs!

Re: Como criar links de atalhos acessiveis ?

Posted: Tue Apr 05, 2011 1:38 pm
by Elisavlsf
Quando crio um atalho para um conteúdo do artigo usando âncora, como no código abaixo:

<p>
Teste<a name="teste"></a></p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
<a href="#teste">Testetesteteste </a></p>


Ao invés de redirecionar para o início da página, onde está escrito Teste, ele abre a página inicial do meu site.
Deu para entender?