HTML/CSS/JQUERY - Acessibilidade de contraste na página

[Renata Rúbia]

Bom dia, pessoas.

 

Estou precisando urgentemente implementar uma funcionalidade para a acessibilidade de uma página web aonde eu trabalho.

Normalmente conhecido como CONTRASTE, ou NEGATIVO, ou INVERSO.

Nada mais é q ter uma imagem ou elementos que possam ter sua cor mudada para a cor imediatamente o posta (ex: branco fica preto) com um click em um botão.

 

Pesquisando eu encontrei como fazer isso no CSS usando filter: invert(100%), funciona com o -webkit-, porém, no "querido" Internet Explorer não funciona nem com o -ms-

Encontrei pessoas falando q o modernizr poderia dar jeito, mas não encontrei nada sobre o q preciso.

 

Pode ser script, hack, qualquer coisa q dê jeito... rsrsr

 

 

 

 

[DiF]

@Aka Kitsune

 

Isso é um problema mesmo.. pois o IE não suporta filtros. 

Mas dá para contornar o problema usando o SVG filters.... 

 

http://docs.webplatform.org/wiki/svg/elements/feColorMatrix

 

O que podes fazer também é:

 

criar dois elementos  um com a cor normal e outro com cor inversa...  e alterar-los com javascript/jquery durante o click ou hover