Ir para o conteúdo

Módulo:Color contrast/doc

De Wiki TokuDrive

{{#invoke:Erro| error | tag= |Erro: A predefinição {{Module rating}} deve ser colocada no domínio Módulo.}} {{#invoke:Erro| error | tag= |Erro: A predefinição {{Module rating}} deve ser colocada no domínio Módulo.}} {{#invoke:Message box|ombox}} {{#invoke:Lua banner|main}}

Este módulo é utilizado principalmente por

Também é utilizado para rastreamento em

e para documentação em

As fórmulas utilizadas estão descritas nas especificações das WCAG 2.x. As WCAG são as principais diretrizes para a criação de interfaces acessíveis na web.

Uso

Para usar este módulo, você pode utilizar um dos predefinições (templates) listadas acima ou invocar o módulo diretamente.

  • Para calcular a luminescência relativa:
    <syntaxhighlight lang="wikitext" inline>Predefinição:RGBColorToLum</syntaxhighlight> ou <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast|lum|cor}}</syntaxhighlight>
  • Para calcular a razão de contraste entre duas cores:
    <syntaxhighlight lang="wikitext" inline>Predefinição:Color contrast ratio</syntaxhighlight> ou <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast|ratio|cor1|cor2|error=?}}</syntaxhighlight>
  • Para determinar qual de duas cores (cor2a e cor2b) possui a maior razão de contraste com uma cor específica (cor1):
    <syntaxhighlight lang="wikitext" inline>Predefinição:Greater color contrast ratio</syntaxhighlight> ou <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast|greatercontrast|cor1|cor2a|cor2b}}</syntaxhighlight>
  • Para calcular a razão de contraste entre as cores do plano de fundo e do texto especificadas em uma string de estilo CSS:
    <syntaxhighlight lang="wikitext" inline>{{#invoke:Color contrast|styleratio|string da declaração de estilo css|cor de fundo padrão|cor do texto padrão}}</syntaxhighlight>