• Cadastro
  • Fóruns
  • Manual
  • Projetos
  • Seminário
  • Tradução
  • Tutoriais
Início

Pesquisa

Google

Itens ativos

  • Upload de imagens em massa
  • Formulario personalizado
  • Site fora do ar Personalizado
  • Views e rss
  • Onde hospedar site com Drupal?
  • Como instalar e configurar o TinyMCE no Drupal
  • Caixa de noticisa estilo do site Yahoo.com.br, br.msn.com entre outros.
  • Módulo image ou outro
  • Configurações
  • Erro de requisição HTTP
mais

Posts mais lidos hoje

  • Manual
  • Tutorial Para Iniciantes
  • Tutoriais
  • Site fora do ar Personalizado
  • Como instalar e configurar o TinyMCE no Drupal
  • Sobre o Drupal
  • Tutorial: Instalando o Drupal 6 em português
  • Correios (Sedex, Malote, PAC) para e-Commerce
  • Drupal em português do Brasil (instalação)
  • Tutorial - Criando um site com caixas de notícias

Login do usuário

  • Criar uma conta
  • Recuperar senha

Parceiros

Assine o RSS do Drupal-BR

RSS dos itens mais ativos

RSS do conteúdo

RSS dos comentários

Início

acessibilidade em site feito com drupal

Olá pessoal,

Sou novo no drupal.

Meu nome é Sandro e sou deficiente visual.

Estou desenvolvendo meu site com drupal e, apesar de está no início, percebi que não tem como, ou ao menos, ainda não descobri como, criar um menu de acessibilidade no site, com aumentar tamanho da letra,diminuir tamanho da lera, mudar o contraste, como existem nos sites www.acessibilidadelegal.com e www.bengalalegal.com.

Alguém já conseguiu fazer alguma coisa nessa linha?

Obrigado,

Sandro

Enviado por slsoares em 29/11/2008 - 01:02
  • Qualquer
  • Se logue ou se registre para poder enviar comentários
  • 272 leituras
Em 29/11/2008 - 11:44 tregismoreira disse:

Olá Sandro,

Realmente, pelas buscas que fiz, não encontrei algum módulo que faça isso com interface visual do Drupal. Mas isso não tem mistério. Se você tiver um pouquinho de conhecimento de JavaScript, HTML e CSS vai 'tirar isso de letra'!

Estive analisando o http://www.acessibilidadelegal.com/ e vou tentar te explicar como funciona nele:

A estrutura HTML é a mesma sempre. O que muda é o CSS, de acordo com o link que foi clicado. Quem cuida de trocar a folha de estilos (CSS) no browser é o JavaScript, com a função setActiveStyleSheet que está dentro desse arquivo http://www.acessibilidadelegal.com/styleswitcher.js. Vamos aos pontos:

  • Ao clicar no link Aumentar tamanho da letra a função setActiveStyleSheet é chamada com o parametro letra-maior
  • Olhando pelo código fonte, podemos ver 5 folhas de estilos alternativas:
    <link rel="alternate stylesheet" type="text/css" href="css-mais.css" title="letra-maior" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="css-menos.css" title="letra-menor" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="css-pb.css" title="preto_branco" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="css-pb-mais.css" title="preto_branco_maior" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="css-pb-menos.css" title="preto_branco_menor" media="screen" />
    Cada uma delas tem um estilo diferente.

Repare que o parametro letra-maior, falado no primeiro ponto, corresponde ao title da primeira folha de estilo alternativa. Logo, quando o link é clicado, a função setActiveStyleSheet se encarrega de trocar a folha de estilos.

É assim que funciona. Em questão de minutos você poderá implementar isso no seu site, sem maiores problemas.

Se tiver alguma dúvida poste aí! ;)

Abraço!

Thiago Régis

Abraço!
Thiago Régis
Portfolio: www.thiagoregis.com

  • Se logue ou se registre para poder enviar comentários
Em 29/11/2008 - 12:53 slsoares disse:

É, penso não ser difícil, na verdade, o processo eu até já sabia, já que estudo isso muito por ser deficiente visual (cego total). contudo, estou com dificuldades em entender onde implemento o javascript e as CSS alternativas no drupal. Lembro que sou novíssimo no drupal, menos de 1 semana. Muito obrigado, Sandro

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

  • Se logue ou se registre para poder enviar comentários
Em 29/11/2008 - 17:43 tregismoreira disse:

Então Sandro,

A implementação desse CSS e Javascript não é no Drupal, é no HTML mesmo. Como se fosse um site comum.
Você precisará chamar os arquivos no do seu page.tpl e colocar o link com a função que te falei. É só HTML mesmo ;)

Qualquer coisa poste aí!

Abraço!

Thiago Régis

Abraço!
Thiago Régis
Portfolio: www.thiagoregis.com

  • Se logue ou se registre para poder enviar comentários
Em 29/11/2008 - 17:53 slsoares disse:

Tiago,

Page.tpl, onde encontro? se eu alterar neste arquivo, vai servir para todas as páginas do meu site? Ou seja, estou na página inicial; aumento o texto e entro no menu notícias; a letra vai continuar grande devido ao cookies. Mas caso eu queira, nesta segunda página, voltar para tamanho o normal, o que faço? O menu vai está lá no mesmo lugar da página inicial?

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

  • Se logue ou se registre para poder enviar comentários
Em 30/11/2008 - 13:40 tregismoreira disse:

Sandro,

Sim, a alteração no page.tpl serve para o site inteiro, em qualquer página. A não ser que você faça um condicional em PHP para exibir em apenas algumas páginas. Uma solução muito boa para você apresentar em apenas algumas páginas é criar um bloco com esse menu de accessibilidade. Assim você poderá configurar em quais páginas poderá aparecer. Mas acredito que neste caso, deverá aparecer em todas as páginas, né?

esse arquivo (page.tpl) está na raiz do seu tema. Ele é como um arquivo HTML, porém utiliza alguns elementos do Drupal, para que ele possa apresentar as informações do sistema.

Qualquer coisa fale aê.

Abraço!

Thiago Régis

Abraço!
Thiago Régis
Portfolio: www.thiagoregis.com

  • Se logue ou se registre para poder enviar comentários
Em 30/11/2008 - 20:09 Leopoldo disse:

Olá Sandro.

O tema Four Seasons - http://drupal.org/project/fourseasons - tem as funções de aumentar e diminuir tamanho da letra, além de alterar as cores, entre outras coisas.

Sugiro que experimente e analise os arquivos do tema. Você pode desenvolver seu tema a partir dele ou pegar o exemplo das funções e arquivos para aplicar em outro.

Deve resolver.

Abraço!

Abraço!

Leonardo Silva
Produtor Cultural
www.xulispa.com.br
www.ecultura.com.br

  • Se logue ou se registre para poder enviar comentários
Em 30/11/2008 - 20:43 slsoares disse:

Valeu novamente Tiago e Lenardo,

Tiago, eu tinha até visto, até tinha me entendido já com ele... Mas falou de algo super show, fazer um bloco com ele, como faria isso?

Leonardo, que coisa boa, show mesmo, vou dar uma olhada aqui... Sabe se este tema tem 3 colunas?

Valeu galera!
--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

  • Se logue ou se registre para poder enviar comentários
Em 30/11/2008 - 22:26 slsoares disse:

Leonardo, já dei uma olhadinha no tema sugerido...

Ele tem sim 3 colunas... Hehehe...

Coisa diferente, um jeito diferente de fazer as alterações... Agora algumas dúvidas que tive em relação a ele só vou entender quando instaá-lo em meu site...

Contudo, queria manifestar alo que vi lá e lhes perguntar se o jeito correto. O autor do tema colocou os menus de acessibilidade, digo, programou, no arquivo template.php. Isto é correto? Pensei que deveria ser feito no page.tpl.php.

Valeu?!

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

  • Se logue ou se registre para poder enviar comentários
Em 01/12/2008 - 10:54 tregismoreira disse:

Sandro,

O lance seria criar um bloco e escrever o HTML do menu, da mesma forma que vc escreveria no page.tpl. A vantagem aqui é a configuração de exibição.

Mas siga a orientação do Leonardo (eu não sabia que o 4Season tinha isso). Vai ser muito melhor pra você.

Abraço!

Thiago Régis

Abraço!
Thiago Régis
Portfolio: www.thiagoregis.com

  • Se logue ou se registre para poder enviar comentários
Em 01/12/2008 - 11:43 slsoares disse:

Legal tiago, mas estou precupado com a implementação está acontecendo no template.php, isto é correto?

Outra coisa, no lance do bloco, crio, por exemplo, um bloco acessibilidade.tpl.php e aí coloco ele onde eu quiser? Se sim, onde salvo o acessibilidade.tpl.php?

Já estou me assegurando de que se não contemplar, que eu possa criar o meu próprio...

Valeu de qualquer modo, Tiago...

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

  • Se logue ou se registre para poder enviar comentários
Em 01/12/2008 - 13:00 tregismoreira disse:

Sandro,

Sobre os blocos, leia a documentação, vai ser melhor.

Eu nunca usei o 4Season, mas tem uma galera aqui que ja usou. De repente poderão te ajudar. Normalmente, um menu é criado pelo painel administrativo (admin/build/menu) mas se for algo mais complexo, chamando funções, com outros parametros e tal... acho que tem que ser feito no template.tpl mesmo.

Abraço!

Thiago Régis

Abraço!
Thiago Régis
Portfolio: www.thiagoregis.com

  • Se logue ou se registre para poder enviar comentários
Em 01/12/2008 - 13:37 Leopoldo disse:

Oi Sandro.

Um dos motivos de que eu gosto do Drupal é a possibilidade de fazer a mesma coisa de várias maneiras. Assim como, entre os milhares de módulos, existem vários que servem para a mesma coisa mas cada um de um jeito. Então fica a nosso critério estudar, experimentar e aplicar a ferramenta que melhor nos atende. Não encontro limites. ;)

Já tem algum tempo que experimentei o tema Four Season para Drupal 5 e pelo que li na descrição, melhorou para Drupal 6. Sim, está correta a implementação no template.php, reafirmando o que eu disse no parágrafo anterior. Se não me engano, as opções de acessibilidade são habilitadas na área de administrção do próprio tema. Também, no page.tpl.php, deve ter algo que chame, condicionalmente, o resultado da função do template.php. Mas não posso afirmar com toda certeza, apesar de já ter experimentado o tema, pois faz tempo que não o uso e o tempo é escasso para que eu possa conferir tudo e como o tema permite.

Já disse isso algumas vezes, mas não custa repetir: qualquer coisa nova que nos dispomos a aprender é preciso dedicação e disciplina (coisa que atleta tem de sobra). No caso do Drupal, se o tempo é curto, melhor acordar, comer, dormir, viver Drupal. Instalar novos temas e módulos somente para testar é um caminho. Várias vezes li a descrição de um módulo e pensei: "acho que não é". Mas ao instalar tal módulo e testá-lo, vi: "ah sim! é esse mesmo".

Acho que respondi ao tópico e a outros comentários recentes. Estamos aí, no que pudermos ajudar.

Abraço!

Abraço!

Leonardo Silva
Produtor Cultural
www.xulispa.com.br
www.ecultura.com.br

  • Se logue ou se registre para poder enviar comentários
Em 01/12/2008 - 13:50 slsoares disse:

Leonardo, maravilha, acho que só tem sido isso o que tenho feito, estudar e muito o drupal... Com este site e a documentação, tenho evoluído muito mesmo...

Imaginem que em 1 semana de drupal já tenho feito algumas coisas de louco!

Então quando a disciplina, tenho tido muita... Muito estudo também... E o site e toda a galera aqui tem contribuído demais...

Obviamente, caso alguém tenha usado e tenha o caminho das pedras, muito mais fácil fica, para que r reinventar a roda!?

Vou instalar o tema aqui, aliás, isto eu já fi, vou testar as funcionalidades dele, já li arquivo por arquivo dele, entendendo alguma de suas funcionalidades... Já percebi que alguma coisa aqui eu não concordo e por isso que tenho pensado em implementar o meu próprio...

E Tiago, valeu... Já peguei aqui o trecho que fala dos blocos, vou ler sim...

Valeu galera, vou ver o que consigo aqui e depois passo o resultado a vocês...

Porém, uma última coisa... Nunca se esqueçam de implmentar a acessibilidade no site que desenvolvem, lembrem que algum cliente de vocês, com alguma deficiência, momentânea ou defiitiva, pode desejar acessá-lo, o site tem que permitir o acesso a todos! A internet é de toos, não vamos restringir o acesso a ninguém! Mesmo um site para algumaempresa, imaginem, pode ter algum cliente ou funcionário cego, tetrapléico...

Valeu!
--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

--
Sandro Laina

www.sandrolaina.com.br

Atleta Paraolímpico
Consultor em Acessibilidade

  • Se logue ou se registre para poder enviar comentários
Em 02/12/2008 - 15:05 aminharadio disse:

Sandro, parabéns pela escolha do Drupal Em termos de acessibilidade é o melhor CMS e, se adquirir conhecimentos suficientes poderá melhorar ainda mais a performance.
Claro que pode criar botões para aumentar o tamanho da letra, existia até um módulo para a versão 4.6 que fazia isso.
Terá de trabalhar o template do site e as folhas de estilo.
No entanto, permita-lhe que faça um reparo. Sob o ponto de vista da acessibilidade não é correcto colocarem-se funcionalidades no próprio site que permitam fazer estas alterações. A alteração dos tamanhos, cores, etc, deve ser feita no próprio browser, quer recorrendo-se a configurrações específicas quer usando-se folhas de estilo personalizadas.
Os exemplos de sites que sitou seguem a filosofia que refere, mas esse não é o procedimento correcto.
Na prática a estrutura do site deve permitir que o utilizador possa navegar fácilmente, que todas as imagens estejam etiquetadas, cabeçalhos, inexistência de tabelas de layout, etc.
O resto não só é desnecessário como desaconselhado.
Veja, por exemplo, o www.lerparaver.com que tem uma classificação excelente nos validadores de acessibilidade, é, como sabe, um site feito para pessoas com deficiência da visão e não usa qualquer recurso adicional de alteração de tamanho ou fonte.

Uma vez que está ainda a tomar contacto com o Drupal, sugiro-lhe algumas leituras sobre acessibilidade no w3c.org, bem como muita leitura no site oficial do Drupal, sobretudo sobre a construção e alteração de templates. Claro que tudo isto tem de ser acompanhado com aprendizagem de PHP, CSS e HTML.
Eu, se fosse o Sandro, não me preocuparia muito com isso, até porque os templates do Drupal, mesmo sem grandes retoques, estão em conformidade.

António Silva

  • Se logue ou se registre para poder enviar comentários
Designimage

Este site é feito, orgulhosamente, com Drupal.