Skip to main content
removeu 41 caracteres do conteúdo; título editado
Fonte Link
Woss
  • 77,2mil
  • 15
  • 123
  • 221

Recurso de Acessibilidade - Aumentar e Diminuir Fonte, como aplicar em um grande site?

Olá! :D

Tenho que aplicar o recurso de acessibilidade para aumentar e diminuir fonte. Atualmente tenho 3 botões: Fonte Pequena, Fonte Normal e Fonte Grande.

A ideia é que ao clicar em cada botão, seja chamada a respectiva função em javascript. E que a fonte aumente ou diminua para um determinado tamanho e pronto (não poder aumentar 2px a cada vez clicada por exemplo, era 12 foi direto pra 20 e para por ai).

O que está complicando é que se trata de um site grande, muitas classes, ids, muito conteúdo.

Pensei em realizar a alteração na fonte por meio do getElementsByTagName, porém uma mesma tag varia seu tamanho e espaço disponível de acordo com a página.

Por exemplo temos H1 com fonte 50 em uma página e que dá pra aumentar até 60, 70, mas também temos H1 com fonte 20 que aumenta até 30 (senão ultrapassa o tamanho da página e zoa tudo).

O que me resta de opção então? Fazer classe por classe?

Muito obrigada desde já :D

Recurso de Acessibilidade - Aumentar e Diminuir Fonte, como aplicar em um grande site?

Olá! :D

Tenho que aplicar o recurso de acessibilidade para aumentar e diminuir fonte. Atualmente tenho 3 botões: Fonte Pequena, Fonte Normal e Fonte Grande.

A ideia é que ao clicar em cada botão, seja chamada a respectiva função em javascript. E que a fonte aumente ou diminua para um determinado tamanho e pronto (não poder aumentar 2px a cada vez clicada por exemplo, era 12 foi direto pra 20 e para por ai).

O que está complicando é que se trata de um site grande, muitas classes, ids, muito conteúdo.

Pensei em realizar a alteração na fonte por meio do getElementsByTagName, porém uma mesma tag varia seu tamanho e espaço disponível de acordo com a página.

Por exemplo temos H1 com fonte 50 em uma página e que dá pra aumentar até 60, 70, mas também temos H1 com fonte 20 que aumenta até 30 (senão ultrapassa o tamanho da página e zoa tudo).

O que me resta de opção então? Fazer classe por classe?

Muito obrigada desde já :D

Aumentar e Diminuir Fonte, como aplicar em um grande site?

Tenho que aplicar o recurso de acessibilidade para aumentar e diminuir fonte. Atualmente tenho 3 botões: Fonte Pequena, Fonte Normal e Fonte Grande.

A ideia é que ao clicar em cada botão, seja chamada a respectiva função em javascript. E que a fonte aumente ou diminua para um determinado tamanho e pronto (não poder aumentar 2px a cada vez clicada por exemplo, era 12 foi direto pra 20 e para por ai).

O que está complicando é que se trata de um site grande, muitas classes, ids, muito conteúdo.

Pensei em realizar a alteração na fonte por meio do getElementsByTagName, porém uma mesma tag varia seu tamanho e espaço disponível de acordo com a página.

Por exemplo temos H1 com fonte 50 em uma página e que dá pra aumentar até 60, 70, mas também temos H1 com fonte 20 que aumenta até 30 (senão ultrapassa o tamanho da página e zoa tudo).

O que me resta de opção então? Fazer classe por classe?

Fonte Link

Recurso de Acessibilidade - Aumentar e Diminuir Fonte, como aplicar em um grande site?

Olá! :D

Tenho que aplicar o recurso de acessibilidade para aumentar e diminuir fonte. Atualmente tenho 3 botões: Fonte Pequena, Fonte Normal e Fonte Grande.

A ideia é que ao clicar em cada botão, seja chamada a respectiva função em javascript. E que a fonte aumente ou diminua para um determinado tamanho e pronto (não poder aumentar 2px a cada vez clicada por exemplo, era 12 foi direto pra 20 e para por ai).

O que está complicando é que se trata de um site grande, muitas classes, ids, muito conteúdo.

Pensei em realizar a alteração na fonte por meio do getElementsByTagName, porém uma mesma tag varia seu tamanho e espaço disponível de acordo com a página.

Por exemplo temos H1 com fonte 50 em uma página e que dá pra aumentar até 60, 70, mas também temos H1 com fonte 20 que aumenta até 30 (senão ultrapassa o tamanho da página e zoa tudo).

O que me resta de opção então? Fazer classe por classe?

Muito obrigada desde já :D