Paletas Acessíveis

O conceito de paletas geradas a partir do Círculo Cromático dispostas em Monocromático, Tríade, Complementar, entre outras, oferecem um design harmônico; entretanto existem falha na questão da acessibilidade. Explorando o Adobe Colors e muitos outros geradores de paletas da web percebemos que o algoritmo trabalha gerando paletas interessantes do ponto de vista do design, mas para conceber a acessibilidade é preciso corrigir certas tonalidades. Nosso algoritimo do Círculo Cromático é elaborado já pensando nos requisitos de contraste e daltonismo. Não perca mais tempo gerando paletas e corrigindo detalhes, utilize nosso Círculo Cromátio Acessível e extraia paletas personalizadas já prontos para uso. Opção de aumentar tamanho da fonte e icones do siteUso correto de aria label e alt de todo conteúdo visual do site.

Method

Here is example of highlighted code element, by embedding in <code> tag, be sure to escape < and >

function foo(){
  return bar;
}             

Options

This is a section, add any HTML here. Below is an example of table that can be used to describe options.

name	type	description
text	string	title to display
padding	number	padding around text

Events

This is a section, add any HTML here. Below is an example of table that can be used to describe events.

event name	description
click	triggered when element is clicked

Example

Below is an example code block and demo button.

function foo(){
  return bar;
}             

Demo

Opção de aumentar tamanho da fonte e icones do siteUso correto de aria label e alt de todo conteúdo visual do site.

Method

Here is example of highlighted code element, by embedding in <code> tag, be sure to escape < and >

function foo(){
  return bar;
}             

Options

This is a section, add any HTML here. Below is an example of table that can be used to describe options.

name	type	description
text	string	title to display
padding	number	padding around text

Events

This is a section, add any HTML here. Below is an example of table that can be used to describe events.

event name	description
click	triggered when element is clicked

Example

Below is an example code block and demo button.

function foo(){
  return bar;
}             

Demo

Item #3

This is a section, add any HTML here. Below is an example of code block and table that can be used to describe components.

Method

Here is example of highlighted code element, by embedding in <code> tag, be sure to escape < and >

function foo(){
  return bar;
}             

Options

This is a section, add any HTML here. Below is an example of table that can be used to describe options.

name	type	description
text	string	title to display
padding	number	padding around text

Events

This is a section, add any HTML here. Below is an example of table that can be used to describe events.

event name	description
click	triggered when element is clicked

Example

Below is an example code block and demo button.

function foo(){
  return bar;
}             

Demo

Item #4

This is a section, add any HTML here. Below is an example of code block and table that can be used to describe components.

Method

Here is example of highlighted code element, by embedding in <code> tag, be sure to escape < and >

function foo(){
  return bar;
}             

Options

This is a section, add any HTML here. Below is an example of table that can be used to describe options.

name	type	description
text	string	title to display
padding	number	padding around text

Events

This is a section, add any HTML here. Below is an example of table that can be used to describe events.

event name	description
click	triggered when element is clicked

Example

Below is an example code block and demo button.

function foo(){
  return bar;
}             

Demo

Item #5

This is a section, add any HTML here. Below is an example of code block and table that can be used to describe components.

Method

Here is example of highlighted code element, by embedding in <code> tag, be sure to escape < and >

function foo(){
  return bar;
}             

Options

This is a section, add any HTML here. Below is an example of table that can be used to describe options.

name	type	description
text	string	title to display
padding	number	padding around text

Events

This is a section, add any HTML here. Below is an example of table that can be used to describe events.

event name	description
click	triggered when element is clicked

Example

Below is an example code block and demo button.

function foo(){
  return bar;
}             

Demo