Requisitos técnicos de projeto e seus valores

Aos requisitos de projeto foram atribuídos valores a serem considerados, ou seja, parâmetros técnicos aplicáveis à GUI. Baxter (2003) indica que os valores inseridos na matriz devem ser quantificáveis, no entanto, como nem todas as características gráficas oferecem essa possibilidade, algumas foram especificadas de forma qualitativa.

Os valores foram extraídos de orientações técnicas do WCAG (2016), do eMAG (GOV.br, 2017b), da bibliografia, e, os que não possuem referência teórica, foram elaborados pelos especialistas. No Quadro 17 é possível visualizar os requisitos do produto em relação aos valores atribuídos, e, a seguir, os valores são detalhados.

Quadro 17: requisitos do produto e seus valores.

Requisitos do produto Valores

Apresentar cores contrastantes Mínimo 7:1 (WCAG, EMAG)

Evitar imagens de fundo Fundo de cor única

Estabelecer código cromático Uma cor para cada tipo de elemento gráfico/função

Estabelecer código formal Uma forma para cada tipo de elemento gráfico/função

Destacar visualmente os elementos selecionados

Alteração cromática e formal

Possibilitar que o usuário alterne o contraste de

cores da interface Botão na barra de acessibilidade (EMAG) Apresentar fonte legível Sem serifa, a partir de 24pt, negrito, sem

decoração, com tracking ampliado.

Apresentar formatação adequada dos

parágrafos de texto Não justificado; Coluna com 80 caracteres de largura; Entrelinhas de um espaço e meio; Entre parágrafos 1.5 vezes maior do que entrelinhas.

(WCAG) Possibilitar a alteração das cores e tamanho do

texto Botões na barra de acessibilidade (EMAG)

Apresentar gráficos com linhas espessas Acima de 2px Permitir a ampliação de todos os elementos da

interface sem a ocorrência de desconfigurações Até 200% (WCAG, 2016)

continua

Apresentar botões e demais elementos com

tamanho e espaçamento aumentados A partir de 50x50px, espaçamento 40px Destacar elementos clicáveis (menus, ícones,

botões, links, e elementos similares) quando o cursor passar sobre eles

Borda de 2px (EMAG)

Apresentar menus e barras de ferramentas em

posição adequada Menu vertical, barra de ferramentas horizontal Apresentar layout em coluna, bem organizado e

bem definido Grid/malha modular

Apresentar barras de rolagem Lateral direita e/ou horizontal inferior Apresentar os recursos básicos do sistema na

interface e os demais em submenus Até 30 botões na interface/restante submenu Apresentar conteúdo estático Elementos gráficos estáticos

Possibilitar visualização monocromática Versões preto e branco/branco e preto Fonte: a autora.

Em relação ao requisito “apresentar cores contrastantes”, de acordo com o eMAG (GOV.br, 2017b), levando-se em consideração a perda de percepção do contraste resultante da BV, é recomendada maior relação de contraste, sendo de, no mínimo, 4,5:1. No entanto, para ser considerado alto contraste, a relação deve ser de 7:1, que é o valor considerado na Matriz QFD.

Ao requisito “evitar imagens de fundo” foi atribuída a especificação de que o fundo da GUI e de seus elementos deverão apresentar cores únicas, uniformes.

Os requisitos “estabelecer código cromático” e “estabelecer código formal”

visam a padronização dos elementos da interface gráfica de acordo com as suas funções, com o intuito de facilitar a distinção das ferramentas da interface com mais de uma característica visual. Para isso, cada tipo de ferramenta receberá uma cor e uma forma diferente.

O requisito “destacar visualmente os elementos selecionados” recebeu como especificação a alteração cromática e formal dos elementos visuais da GUI. Assim, quando algum botão é clicado, por exemplo, terá sua configuração cromática e formal alterada em relação ao visual padrão (quando não selecionado).

Ao requisito “possibilitar que o usuário alterne o contraste de cores da interface”, a especificação prevê a aplicação de um botão através do qual o usuário possa optar entre diferentes combinações cromáticas, a fim de adequar o contraste

à sua necessidade. Essa característica é apresentada em diversos sites disponíveis na internet atualmente. Um exemplo é o site da FADERS¹⁵, o qual foi citado por um participante das entrevistas deste estudo.

Aos requisitos “apresentar fonte legível” e “apresentar formatação adequada dos parágrafos de texto”, foram especificadas as características das fontes e parágrafos de texto que são consideradas adequadas para acessibilidade, de acordo com o WCAG (2016). A fonte deverá ser sem serifa, em tamanho a partir de 24 pontos, negrito e não apresentar decorações. As fontes sem serifa são a preferência de todos os usuários entrevistados nesta pesquisa. O espaçamento entre letras deve ser ampliado através da configuração do “tracking”, que consiste no ajuste geral que define o espaço proporcional entre os caracteres, com número positivo para o aumento do espaço entre letras (FONSECA, 2008). Os parágrafos de texto deverão não ser justificados, ter coluna com 80 caracteres de largura máxima, espaçamento mínimo entre linhas de um espaço e meio e espaçamento entre parágrafos 1.5 vezes maior do que o espaçamento entre linhas.

Para o requisito “possibilitar a alteração das cores e tamanho do texto”, foi especificada a aplicação de botões, em uma barra de acessibilidade, pelos quais o usuário possa configurar o texto no que tange as cores e o tamanho, com vistas a facilitar a leitura.

Em relação ao requisito “apresentar gráficos com linhas espessas”, deverá ser aplicado valor acima de 2 pixels. Esse valor foi estipulado a partir das espessuras de linhas indicadas como destaque no eMAG (GOV.br, 2017b).

O requisito “permitir a ampliação de todos os elementos da interface sem a ocorrência de desconfigurações” recebeu como valor a ampliação até 200%, também estipulada pelo eMAG (GOV.br, 2017b).

Ao requisito “apresentar botões e demais elementos com tamanho e espaçamento aumentados” foram estipulados valores em pixels a partir de estimativa visual feita pelos especialistas, buscando aumentar e afastar os elementos o máximo possível. Os valores definidos foram dimensões a partir de 50x50 pixels, com espaçamento de 40 pixels.

O requisito “destacar menus, ícones, botões, links, e elementos similares quando o cursor passar sobre eles”, recebeu o valor definido pelo eMAG (GOV.br,

15 FADERS – acessibilidade e inclusão. Disponível em:

<http://www.portaldeacessibilidade.rs.gov.br/>. Acesso em: mar 2018.

2017b), o qual indica a aplicação de uma borda com 2 pixels de espessura.

O requisito “apresentar menus e barras de ferramentas em posição adequada” tem como valor a aplicação de menus na vertical e barras de ferramentas na horizontal. Esses valores foram estipulados pelos especialistas, com base na fala dos usuários durante as entrevistas semi-estruturadas.

O requisito “apresentar layout em coluna, bem organizado e bem definido”

recebeu como valor a utilização de um grid na construção do layout da interface. No projeto de materiais gráficos ou digitais, para manter a consistência e a organização, a disposição dos elementos em um layout deve ser orientada pela aplicação de um grid, que consiste em uma série de linhas de referência que dividem e organizam a página, ou, nesse caso, a interface (AMBROSE; HARRIS, 2012).

O requisito “apresentar barras de rolagem”, tem como valor o posicionamento das barras na interface, devido à necessidade dos usuários de ampliar a interface e mover a página para enquadrar o conteúdo.

O requisito “apresentar os recursos básicos do sistema na interface e os demais em submenus” tem como valor um número máximo de botões a serem visualizados permanentemente na GUI. Os especialistas definiram o número de 30 botões, considerando a quantidade razoável. Os demais botões deverão ser listados em submenus.

Em relação ao requisito “apresentar conteúdo estático”, o valor prevê que os elementos gráficos sejam estáticos, ou seja, não se movam na tela e não apresentem nenhuma característica dinâmica. Esse valor também refere-se às animações que muitas vezes são aplicadas em OA.

O requisito “possibilitar visualização monocromática” tem estipulado como valor as versões com fundo branco e elementos e textos em preto, e fundo preto com elementos e letras em branco. Essas duas possibilidades de contraste são oferecidas aos usuários que tem dificuldade na visualização de cores.