G11 - Organização visual

Utilize espaços em branco entre os elementos da página para separar conteúdos distintos ou focar a atenção em um conteúdo.

Os elementos apresentados na tela devem ser organizados de forma a minimizar o esforço cognitivo da pessoa, aproximando elementos que são similares e distanciando conteúdos que não são relacionados.

Habilidades trabalhadas

Memorização, Atenção, Leitura, Compreensão visual

Por que fazer?

Mesmo em uma interface com poucos elementos, a leitura de conteúdo pode se tornar difícil caso as informações estejam muito próximas e não tenham uma separação clara entre grupos de informações. Portanto, é necessário utilizar “folgas” entre os elementos para distingui-los e, para conteúdos similares, aproximá-los de forma que possam mostrar que aquelas informações fazem parte do mesmo grupo.

Como fazer?

  • Entre elementos distintos, insira um espaço maior para separá-los e mostrar que são informações distintas, inclusive para textos.
  • Caso a intenção seja mostrar que os elementos fazem parte de um mesmo grupo de informações, aproxime-os, mas deixando ainda um espaço suficiente para que a pessoa possa compreender cada um dos elementos ou textos.
  • Use os espaços em branco entre os elementos para destacar também o conteúdo principal da página ou tela.

Referências

  1. WEBAIM. Evaluating Cognitive Web Accessibility with WAVE. 2014.
  2. FRIEDMAN, M. G.; BRYEN, D. N. Web accessibility design recommendations for people with cognitive disabilities. Technology And Disability, [s. L.], v. 19, n. 4, p.205-2012, jan. 2007.