Recomendações para tornar o uso de cores em acervos digitais mais acessível.
O contraste entre texto e fundo é um dos principais fatores que afetam a eficiência da leitura, pois influencia diretamente a clareza da informação.
Clique abaixo para acessar a seção desejada:
As recomendações apresentadas aqui são aquelas que podem ser aplicadas por meio do menu “Personalizar”, na seção Cores.
Existe uma taxa de contraste entre cores que mede a diferença de brilho percebido entre elas. Essa taxa varia de 1:1 (menor contraste) a 21:1 (maior contraste, que é o caso do preto sobre branco).
Para tornar a leitura mais acessível, utilize um contraste mínimo de 4,5:1 entre o fundo e os elementos em primeiro plano.
A caixa superior utiliza fundo #8040FF (roxo) e texto #A15AFF (lilás), resultando em contraste de 1,32:1, abaixo do mínimo recomendado. Já a caixa inferior, com fundo #8040FF (roxo) e texto #FCFCFC (cinza claro), apresenta contraste de 5:1, atendendo ao critério mínimo de 4,5:1 para a leitura adequada entre texto e fundo.
Evite combinações extremas, como branco (#FFFFFF) e preto (#000000), especialmente em textos longos, pois podem causar desconforto visual. Prefira tons de cinza para o texto e, quando possível, utilize fundos mais suaves, como creme ou cores pastéis, que mantêm a similaridade cromática sem contrastes excessivos que incomodam a leitura e causam fadiga visual.
Dessa forma, o contraste não apenas melhora a legibilidade, mas amplia o acesso à informação em sites em diferentes contextos de uso.
Ao escolher as cores do site, é importante verificar se o contraste está adequado para garantir uma boa leitura. Verifique o contraste das cores do site usando ferramentas como o Adobe Color:
Após verificar que as cores atendem aos critérios de contraste, o próximo passo é aplicá-las na interface do acervo no Tainacan. No tema Blocksy, essa configuração pode ser feita no menu “Personalizar”, nos seguintes itens:
No exemplo apresentado, os itens “Roupas” e “Livros” correspondem a nomes de coleções específicas.
Os links devem estar diferenciados do restante do texto, indicando sua função de clicar.
Para personalizar links, no menu “Cores”, é possível definir uma cor específica para destacá-los do restante do conteúdo. É importante escolher uma cor diferente das utilizadas em outros textos.
