diff --git a/src/main/webapp/WEB-INF/jsp/institucional/criteriosSucesso.jsp b/src/main/webapp/WEB-INF/jsp/institucional/criteriosSucesso.jsp new file mode 100644 index 0000000..956dc0d --- /dev/null +++ b/src/main/webapp/WEB-INF/jsp/institucional/criteriosSucesso.jsp @@ -0,0 +1,1055 @@ +<%@page contentType="text/html" pageEncoding="UTF-8"%> +<%@taglib prefix="t" tagdir="/WEB-INF/tags"%> +<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> + + + + + +
+
    +
  • + Você está em: +
    • +
  • + Página Inicial +
    • +
  • |
    • +
  • Critérios de Sucesso
    • +
+
+ +
+
+

Critérios de Avaliação

+
+
+ +

+ As recomendações de acessibilidade foram desmembradas em critérios de avaliação. + Para cada critério de avaliação das recomendações foram estabelecidos parâmetros de acordo com a sua natureza.

+ + +
+

Recomendação 1.1 - Respeitar os padrões Web

+ +

+ Os padrões Web são recomendações do W3C (World Wide Web Consortium), as quais + são destinadas a orientar os desenvolvedores para o uso de boas práticas que tornam a + web acessivel para todos, permitindo assim que os desenvolvedores criem experiências + ricas, alimentadas por um vasto armazenamento de dados, os quais estão disponiveis + para qualquer dispositivo e compatíveis com atuais e futuros agentes de usuário (ex: navegadores).

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.1
NúmeroCritérioComo avaliar
1.1.1Não foram respeitados os Padrões Web CSSVerificar relatório no anexo do documento de avaliação de erros e avisos apresentados pela ferramenta de avaliação de HTML do W3C: https://validator.w3.org/nu/ (link para um novo sitio).
1.1.2Não foram respeitados os Padrões Web CSSVerificar relatório no anexo do documento de avaliação de erros e avisos apresentados pela ferramenta da avaliação de HTML do W3C: https://jigsaw.w3.org/css-validator/ (link para um novo sitio).
1.1.3Presença de CSS(s) in-lineVerificar a presença do atributo "style" no código das páginas HTML.
1.1.4Presença de CSS(s) internoVerificar a presença da tag HTML <style> no código das páginas HTML.
1.1.5Presença de javascript(s) in-lineVerificar a presença de código javascript dentro dos atributos de eventos no código HTML a serem avaliados: onload, onunload, onblur, onchange, onfocus, onsearch, onselect, onsubmit, onkeydown, onkeypress, onkeyup, onclick, ondblclick, onmousedown, onmousesemove, onmouseout, onmouseover, onmouseup, onmousewheel, oncopy, oncut, onpaste, onabort.
1.1.6Presença de javascript(s) internoVerificar a presença de código javascript dentro da tag <script>.
+ +

Recomendação 1.2 - Organizar o código HTML de forma lógica e semântica

+

O código HTML deve ser organizado de forma lógica e semântica, ou seja, apresentando os elementos em uma ordem compreensível e correspondendo ao conteúdo desejado. Cada elemento HTML deve ser utilizado para o fim que ele foi criado.

+ + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.2
NúmeroCritérioComo avaliar
1.2.1Presença de tags HTML sem atributo e conteúdo de textoVerificar a presença de tags HTML que apresentem inicio e fechamento, mas sem conteúdo de texto. Possível exemplo seria <a></a> ou <div></div>.
1.2.2Elementos utilizados de forma não semânticaVerificar a presença de tags HTML com uso distinto da finalidade. Exemplo: tag <p> parágrafo sendo utilizada para simular quebra de linha, sendo a utilização correta a delimitação de texto.
+ +

Recomendação 1.3 - Utilizar corretamente os níveis de cabeçalho

+

Os níveis de cabeçalho (elementos HTML H1 a H6) devem ser utilizados de forma hierárquica, pois organizam a ordem de importância e subordinação dos conteúdos, facilitando a leitura e compreensão.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.3
NúmeroCritérioComo avaliar
1.3.1Os niveis de título não foram utilizadosVerificar a ausência dos níveis de cabeçalho (<h1>, <h2>, <h3>, <h4>, <h5>, <h6>) nas páginas HTML.
1.3.2A hierarquia dos níveis de título está incorretaVerificar a falta de ordem sequencial da presença de níveis de cabeçalho. Exemplo: a presença do nível <h3> depende do nível anterior <h2>.
1.3.3Foi utilizado somente o nível <h1>Verificar a presença do nível da cabeçalho <h1> sem categorizar outros assuntos da página em níveis de cabeçalho.
1.3.4Presença de mais de 1 cabeçalhoVerificar a presença de níveis de cabeçalho <h1> sendo utilizados de forma repetida.
+ +

Recomendação 1.4 - Ordenar de forma lógica e intuitiva a leitura e tabulação

+

Deve-se criar o código HTML com uma sequência lógica de leitura para percorrer links, controles de formulários e objetos. Essa sequência é determinada pela ordem em que se encontra no código HTML.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.4
NúmeroCritérioComo avaliar
1.4.1O bloco de conteúdo não esta antes do bloco de menu no HTMLVerificar se a presença do código da página que representa o menu está posicionado depois do código que representa o conteúdo da página HTML.
1.4.2Presença do atributo "tabindex"Verificar a presença de utilização do tabindex nas páginas HTML.
1.4.3Uso incorreto do "tabindex"Verificar a presença do conteúdo -1 do atributo "tabindex" com o intuito de não influenciar a ordem do código da página, ou verificar se a presença de conteúdo do tabindex esta superior a 32767 e inferior a 0.
+ +

Recomendação 1.5 - Fornecer âncoras para ir direto a um bloco de conteúdo

+

Devem ser fornecidas âncoras, disponíveis na barra de acessibilidade, que apontem para links relevantes presentes na mesma página. Assim, é possivel ir ao bloco do conteúdo desejado. Os links devem ser colocados em lugares estratégicos da página, como no início e fim do conteúdo e início e fim do menu. É importante ressaltar que o primeiro link da página deve ser o: "ir para o conteúdo".

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.5
NúmeroCritérioComo avaliar
1.5.1Não foram encontradas âncoras que permitam saltar pelas diferentes seções da páginaVerificar a ausência de links com conteúdo do atributo "href" que comecem com "#".
1.5.2Foram encontradas âncoras que permitem saltar pelas diferentes seções da página, porém algumas não possuem um destino correspondenteVerificar a presença de links com conteúdo do atributo "href" que comecem com "#", porém não há o destino da âncora na página HTML.
1.5.3Não existem atalhosVerificar a ausência de tags HTML com atributo "accesskey" na página.
1.5.4O primeiro link é uma âncora para o conteúdo da páginaVerificar a presença de link com conteúdo do atributo "href" que comece com "#", e o destino da âncora seja um conteúdo específico da página HTML.
1.5.5O primeiro link é uma âncora válida para o conteúdo principal da páginaVerificar a presença de link com conteúdo do atributo "href" que comece com "#", e o destino da âncora seja para o conteúdo principal da página HTML.
+ +

Recomendação 1.6 - Não utilizar tabelas para diagramação

+

As tabelas devem ser utilizadas apenas para dados tabulares e não para efeitos de disposição dos elementos da página.

+ + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.6
NúmeroCritérioComo avaliar
1.6.1Foram utizadas tabelasVerificar a presença da tag <table> na página HTML.
1.6.2Há formulário construído dentro de tabelaVerificar a presença da tag <form> entre a tag <table>.
+ +

Recomendação 1.7 - Separar links adjacentes

+

Links adjacentes devem ser separados por mais do que simples espaços, para que não fiquem confusos, em especial para usuários que utilizam leitor de tela. Para isso, é recomendado o uso de listas, onde cada elemento dentro da lista é um link. As listas podem ser estilizadas visualmente com CSS para que os itens sejam mostrados da maneira desejada, como um ao lado do outro.

+ + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.7
NúmeroCritérioComo avaliar
1.7.1Há links adjacentes sem nenhum tipo de separação ou separação por espaços em brancoVerificar a presença de links dispostos numa forma sequencial sem separação explicita (caracteres especiais) ou separação explicita por espaços em branco.
+ +

Recomendação 1.8 - Dividir as áreas de informação

+

Áreas de informação devem ser divididas em grupos fáceis de gerenciar. As divisões mais comuns são: "topo", "conteúdo", "menu" e "rodapé". Nas páginas internas deve-se manter uma mesma divisão para que o usuário se familiarize mais rapidamente com a estrutura do sítio. É importante destacar, entretanto, que a página inicial pode ter uma divisão diferente das páginas internas, pois ela normalmente contém mais elementos.

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.8
NúmeroCritérioComo avaliar
1.8.1Ausência de divisão de áreas quando do uso HTML 5Verificar a ausência das tags: <header>, <footer>, <section>, <aside>, <nav> e <article>.
1.8.2Ausência de divisão de áreas quando do uso de LANDMARKS de HTMLVerificar a ausência do atributo "role" nas tags HTML com os conteúdos: "banner", "complementary", "contentinfo", "main", "navigation" e "search".
+ +

Recomendação 1.9 - Não abrir novas instâncias sem a solicitação do usuário

+

A decisão de utilizar-se de novas instâncias - por exemplo abas ou janelas - para acesso a páginas, serviços ou qualquer informação, deve ser de escolha do usuário.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 1.9
NúmeroCritérioComo avaliar
1.9.1Há link que abre nova página ou abaVerificar a presença de links com atributo "target" preenchido com "_blank".
+ +

Recomendação 2.1 - Disponibilizar todas as funções da página via teclado

+

Todas as funções da página que utilizam linguagens de script (javascript) devem ser programadas, primeiramente, para o uso com o teclado. O foco não deverá estar bloqueado ou fixado em um elemento da página, para que o usuário possa mover-se pelo teclado por todos os elementos. Isso inclui movimentação em janelas modais (abertura de janela de dialogo que bloqueia qualquer interação com a janela principal).

+ + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 2.1
NúmeroCritérioComo avaliar
2.1.1Há funcionalidade que só funciona pelo mouse usuárioVerificar a presença dos eventos nas tags HTML (onmousedown, onmouseup, onmouseover, onmouseout) e a ausência de evento para permitir a manipulação por teclado.
2.1.2 Presença de eventos associados a elementos não interativosVerificar a presença de eventos HTML a elementos estáticos da página HTML. Um exemplo é a presença de mudança de contexto no nível de cabeçalho.
+ +

Recomendação 2.2 - Garantir que os objetos programáveis sejam acessíveis

+

Deve-se garantir que scripts, conteúdos dinâmicos e outros elementos programáveis sejam acessíveis e que seja possível sua execução via navegação.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 2.2
NúmeroCritérioComo avaliar
2.2.1Presença de elemento SCRIPT sem o elemento NOSCRIPTVerificar a presença do elemento <script> sem o elemento <noscript> na página.
2.2.2Presença de elemento OBJECT sem o conteúdo alternativoVerificar a presença do elemento <object> sem texto entre os elementos. Exemplo: <object> Digite aqui o texto alternativo </object>.
2.2.3Presença de elemento EMBED na página HTMLVerificar a presença do elemento <embed> sem texto entre os elementos. Exemplo: <embed> Digite aqui o texto alternativo </embed>.
2.2.4Presença de elemento APPLET na página HTMLVerificar a presença do elemento <applet> sem texto entre os elementos. Exemplo:<applet> Digite aqui o texto alternativo </applet>.
+ +

Recomendação 2.3 - Não criar páginas com atualização automática periódica

+

A atualização automática periódica tira do usuário a autonomia em relação à escolha (semelhante a abertura de novas instâncias em navegadores) e podem confundir e desorientar os usuários, especialmente usuários que utilizam leitores de tela.

+ + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 2.3
NúmeroCritérioComo avaliar
2.3.1Página que se atualiza automaticamenteVerificar a presença do elemento <meta> e o atributo "HTTP-EQUIV" com o conteúdo "refresh" ou a presença das funções javascript: setTimeout() e setInterval() com a função para carregar a mesma página.
+ +

Recomendação 2.4 - Não utilizar o redirecionamento automático de páginas

+

Não devem ser utilizadas marcações para redirecionar a uma nova página, porque tira do usuário a autonomia em relação à escolha (semelhante a abertura de novas instâncias em navegadores) e podem confundir e desorientar os usuários, especialmente usuários que utilizam leitores de tela.

+ + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 2.4
NúmeroCritérioComo avaliar
2.4.1Há redirecionamento automáticoVerificar a presença do elemento <meta> e atributo "HTTP-EQUIV" com conteúdo "refresh" e atributo "content" ou a presença do elemento <script> com a função "window.location".
+ +

Recomendação 2.6 - Não incluir situações com intermitência de tela

+

Não devem ser utilizados efeitos visuais piscantes, intermitentes ou cintilantes. Em pessoas com epilepsia fotosensitiva, o cintilar ou piscar podem desencadear um ataque epilético. A exigência dessa diretriz aplica-se também para a propaganda de terceiros inserida na página.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 2.6
NúmeroCritérioComo avaliar
2.6.1Presença do elemento BLINKPresença do elemento <blink> na página HTML.
2.6.2Presença do elemento MARQUEEPresença do elemento <marquee> na página HTML.
2.6.3Presença do elemento IMG com arquivo GIF com intermitência de telaPresença do elemento <img> e atributo "src" contendo arquivo com extensão "gif" e o arquivo apresenta movimentação.
+ +

Recomendação 3.1 - Identificar o idioma principal da página

+

Deve-se identificar o principal idioma utilizado nos documentos e páginas HTML.

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.1
NúmeroCritérioComo avaliar
3.1.1Não há identificação do idioma principal da páginaVerificar a ausência do atributo "lang" no elemento <html>, quando o elemento <doctype> for do tipo Strict (http://www.w3.org/TR/html4/strict.dtd), Transitional (http://www.w3.org/TR/html4/loose.dtd), Frameset (http://www.w3.org/TR/html4/frameset.dtd), linguagem HTML 5, ou verificar a não presença do atributo "xml:lang", quando o elemento <doctype> for do tipo Strict (http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd), frameset (http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd), xhtml 1.1 (http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd), transitional (http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd).
3.1.2Presença do elemento HTML, atributo XMLNS, atributo XML;LANG e a ausência do atributo LANGVerificar a presença dos atributos "xmlns" e "xml-lang" e a ausência do atributo "lang".
+ +

Recomendação 3.2 - Informar a mudança de idioma no conteúdo

+

Se algum elemento de uma página possuir conteúdo em um idioma diferente do principal, este deverá estar identificado.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.2
NúmeroCritérioComo avaliar
3.2.1Presença de atributo LANG nos elementos da página, além da tag HTMLVerificar a presença do atributo "lang" nos elementos da página html, não considerando o elemento <html>.
+ +

Recomendação 3.3 - Oferecer um título descritivo e informativo à página

+

O título da página deve ser descritivo e informativo, devendo representar o conteúdo principal da página, já que essa informação será a primeira a ser lida pelo leitor de tela, quando o usuário acessar a página.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.3
NúmeroCritérioComo avaliar
3.3.1Não há título para a página, ou está em brancoVerificar a ausência da tag <title> na página HTML, ou verificar a presença do tag <title> sem conteúdo de texto para a identificação da página.
+ +

Recomendação 3.5 - Descrever links clara e sucintamente

+

Deve-se identificar claramente o destino da cada link, informando, inclusive, se o link remete a outro sítio. Além disso, é preciso que o texto do link faça sentido mesmo quando isolado do contexto da página.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.5
NúmeroCritérioComo avaliar
3.5.1Link com descrição no formato de URL Presença do elemento <a> e descrição do texto em formato de endereço texto da internet. Lembrar que não importará se o link do texto será igual ou não presente no atributo "href".
3.5.2Links vaziosPresença do elemento <a> e ausência de texto descritivo.
3.5.3Link com descrição somente do TITLEPresença do elemento <a>, atributo "title" com texto descritivo e ausência de texto descritivo na estrutura principal do link.
3.5.4Links que são imagens sem descriçãoPresença do elemento <a> e dentro o elemento <img> sem conteúdo descritivo no atributo "alt".
3.5.5Links do tipo "clique aqui", "leia mais", "veja mais", "veja aqui", "clique", "acesse aqui", "clique para acessar", "aqui", entre outrosPresença do elemento <a> e de texto descritivo com as palavras exatas ou palavras começando no texto do inicio do link: "clique aqui", "leia mais", "veja aqui", "veja mais", "veja aqui", "clique", "acesse aqui", "clique para acessar", "aqui".
3.5.6Links com descrições diferentes que remetem ao mesmo localPresença do elemento <a> com texto descritivo diferente, porém os conteúdos dos href's remetem para o mesmo link.
3.5.7Links com a mesma descrição que remetem a locais diferentesPresença do elemento <a> com texto descritivo igual, porém os conteúdos dos href's remetem para links diferentes.
3.5.8Links que são lidos duas ou mais vezesPresença do elemento <a> com o mesmo conteúdo descritivo em locais distintos da página HTML.
3.5.9Links com descrição muito longaPresença do elemento <a> com conteúdo do texto descrito com quantidade de caracteres acima de 2000.
3.5.10Links que remetem a páginas indisponiveis/inexistentes (links quebrados)Presença do elemento <a> e o conteúdo do atributo "href" direciona para páginas de erros: 404, 405, 503 e outros.
+ +

Recomendação 3.6 - Fornecer alternativa em texto para as imagens do sítio

+

Deve ser fornecida uma descrição para as imagens da página.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.6
NúmeroCritérioComo avaliar
3.6.1Imagens sem a declaração do atributo ALTPresença de elementos <img> e ausência do atributo "alt".
3.6.2Imagens com conteúdo sem descriçãoPresença de elementos <img> e ausência de conteúdo descritivo do atributo "alt".
3.6.3Imagens com descrição igual ao nome do arquivoPresença de elementos <img> e atributo "alt" com conteúdo descrito com o nome do arquivo de referência da imagem.
3.6.4Imagens com descrição comumPresença de elementos <img> e atributo "alt" com conteúdo descrito com expressões: "figura"; "imagem"; "alt"; conteúdo em branco e outros.
3.6.5Imagens diferentes com a mesma descriçãoPresença de elementos <img> com o mesmo atributo "src", no entanto, o conteúdo do atributo "alt" não é o mesmo de cada imagem.
3.6.6Imagens com dupla descrição, pois utiliza atributo TITLE com o mesmo valor da descriçãoPresença de elementos <img> com o mesmo conteúdo descrito no atributo "title" e no atributo "alt".
+ + +

Recomendação 3.7 - Ulilizar mapas de imagem de forma acessível

+

Um mapa de imagens é uma imagem dividida em áreas selecionáveis. Cada área é um link para outra página Web ou outra seção da página atual.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.7
NúmeroCritérioComo avaliar
3.7.1Mapa de imagem sem descrição ou alternativa em texto Presença do elemento <img> com atributo "usemap" e ausência de conteúdo descritivo no atributo "alt", ou presença do elemento <area> e ausência de conteúdo descritivo no atributo "alt".
+ +

Recomendação 3.9 - Em tabelas, utilizar títulos e resumos de forma apropriada

+

O título da tabela deve ser definido e localizado no primeiro elemento da tabela. Em casos de tabelas extensas, deve ser fornecido um resumo dos dados.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.9
NúmeroCritérioComo avaliar
3.9.1Tabelas sem título e resumoPresença do elemento <table> e ausência do atributo "summary" ou ausência do elemento <caption>.
+ +

Recomendação 3.10 - Associar células de dados às células de cabeçalho

+

Em tabelas de dados simples, o uso apropriado dos cabeçalhos e das colunas para as células de dados.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.10
NúmeroCritérioComo avaliar
3.10.1Tabelas sem células associadasPresença do elemento <table> e ausência dos elementos: <thead>, <tbody> ou a presença do elemento <table> e ausência dos atributos: "id", "headers", "scope", "axis" nos elementos <td> e <th>.
+ +

Recomendação 3.11 - Garantir a leitura e compreensão das informações

+

O texto de um sítio deve ser de fácil leitura e compreensão, não exigindo do usuário um nível de instrução avançado. Quando o texto exigir uma capacidade de leitura mais avançada, devem ser disponibilizadas informações suplementares que expliquem ou ilustrem o conteúdo principal.

+ + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.11
NúmeroCritérioComo avaliar
3.11.1Presença de parágrafos justificadosPresença de elementos <p> com conteúdo "justify" no atributo "align".
3.11.2Presença de textos justificados através de folhas de estiloPresença de elementos <p> e propriedade CSS text-align com conteúdo "justify". Deverá ser avaliado o CSS externo (com arquivo CSS referenciado pelo elemento <link>), interno (propriedade dentro do elemento <style>) e in-line (propriedade dentro do atributo "style" no elemento <p>).
+ +

Recomendação 3.12 - Disponibilizar uma explicação para siglas, abreviaturas e palavras incomuns

+

Recomenda-se que na primeira ocorrência de siglas, abreviaturas ou palavras incomuns (ambíguas, desconhecidas ou utilizadas de forma muito específica), deve ser disponibilizada sua explicação ou forma completa.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 3.12
NúmeroCritérioComo avaliar
3.12.1Siglas marcadas e sem explicaçãoPresença dos elementos <abbr> ou <acronym> e ausência do atributo "title" para descrever a sigla.
+ +

Recomendação 4.4 - Possibilitar que o elemento com foco seja visualmente evidente

+

A área que recebe o foco pelo teclado deve ser claramente marcada, devendo a área de seleção ser passível de ser clicada.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 4.4
NúmeroCritérioComo avaliar
4.4.1Ausência de destaque de foco do elemento ativoVerificar a ausência de destaque nos elementos HTML. Para verificação, analisar a ausência de utilização da propriedade "border" dentro dos seletores CSS.
+ +

Recomendação 5.1 - Fornecer alternativa para video

+

Deve haver uma alternativa sonora ou textual para vídeos que não incluem faixas de áudio.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 5.1
NúmeroCritérioComo avaliar
5.1.1Presença de vídeo na páginaPresença do elemento <embed> ou <video> com atributos "src" direcionados para arquivo de vídeo ou local de execução de vídeo.
+ +

Recomendação 5.2 - Fornecer alternativa para áudio

+

Áudio gravado deve possuir uma transcrição descritiva. Além de essencial para pessoas com deficiência auditiva, a alternativa em texto também é importante para úsuarios que não possuem equipamento de som, que desejam apenas realizar a leitura do material ou não dispôem de tempo para ouvir um arquivo multimídia. Neste caso, também é desejavel a alternativa em Libras.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 5.2
NúmeroCritérioComo avaliar
5.2.1Presença de áudio na páginaPresença do elemento <embed> ou <audio> com atributos "src" direcionados para arquivo de audio ou local de execução de áudio.
+ +

Recomendação 5.3 - Oferecer audiodescrição para vídeo pré-gravado

+

A página deve continuar legível e funcional mesmo quando redimensionada para até 200%. Assim, é preciso garantir que, quando a página for redimensionada, não ocorram sobreposições nem o aparecimento de uma barra horizontal.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 5.3
NúmeroCritérioComo avaliar
5.3.1Presença de vídeo na páginaPresença do elemento <embed> ou <vídeo> com atributos "src" direcionados para arquivo de vídeo ou local de execução de vídeo.
+ +

Recomendação 5.4 - Fornecer controle de áudio para som

+

Deve ser fornecido um mecanismo para parar, pausar, silenciar ou ajustar o volume de qualquer som que se reproduza na página.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 5.4
NúmeroCritérioComo avaliar
5.4.1Presença de áudio na páginaPresença do elemento <embed> ou <audio> com atributos "src" direcionados para arquivo de áudio ou local de execução de áudio.
+ +

Recomendação 6.1 - Fornecer alternativa em texto para os botões de imagem de formulários

+

Ao serem utilizados botões do tipo imagem, que servem para o mesmo propósito do botão "submit", deve ser fornecida uma descrição textual para o botão. Para outros tipos de botões é necessario o botão pela imagem que se deseja utilizar através do CSS e aplicar o texto descrito no atributo do valor.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 6.1
NúmeroCritérioComo avaliar
6.1.1Botão sem descriçãoPresença do elemento <input> com o conteúdo do atributo "type", "image" e ausência de conteúdo no atributo "alt" ou ausência do "alt"; presença do elemento <input> com os conteúdos: "button", "reset", ou "submit" e ausência de conteúdo no atributo "value" ou ausência do atributo "value".
+ +

Recomendação 6.2 - Associar etiquetas aos seus campos

+

As etiquetas de texto devem estar associadas aos seus campos correspondentes no formulário.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 6.2
NúmeroCritérioComo avaliar
6.2.1Campo sem label associadoPresença do elemento <input> e ausência de elemento <label> com atributo "for" referenciado ao atributo "id" do <input>, ou presença de elemento <input> sem estar dentro de elemento <label>.
+ +

Recomendação 6.3 - Estabelecer uma lógica de navegação

+

Os elementos do formulário devem ser distribuídos corretamente através do códgio HTML, criando, assim, uma sequência lógica de navegação.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 6.3
NúmeroCritérioComo avaliar
6.3.1Presença do elemento FORM e atributo TABINDEXPresença do elemento <form> e atributo "tabindex" nos elementos dentro do <form>.
+ +

Recomendação 6.4 - Não provocar automaticamente alteração no contexto

+

A área que recebe o foco pelo teclado deve ser claramente marcada, devendo a área de seleção ser passível de ser clicada.

+ + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 6.4
NúmeroCritérioComo avaliar
6.4.1Presença de alteração automática de contexto sem que o usuário tenha conhecimentoPresença do elemento <form> e nos seus elementos internos, retirando os elementos <input> com os conteúdos no atributo "type": button, submit, reset; utilização dos eventos (atributos): onchange, onblur, onfocus, onformchange, onforminput, oninput, oninvalid, onreset, onselect, onsubmit, onkeydown, onkeypress, onkeyup, onclick; ou a presença do elemento <form> e nos seus elementos internos a utilização dos eventos (atributos): ondbclick, ondrag, ondragend, ondragcenter, ondragleave, ondragover, ondragstart, ondrop, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onscroll, ou a presença de funções javascript in-line (código javascript em elementos html), interno (código javascript dentro do elemento <script>) e externo (código javascript referenciado pelo elemento <script> por meio do atributo "src") que permitem comportamento na página sem apresentar aviso para o utilizador da página.
+ +

Recomendação 6.7 - Agrupar campos de formulário

+

É recomendado que os campos com informações relacionadas sejam agrupadas utilizando elementos com esta finalidade na própria linguagem HTML, principalmente em formulários longos. O agrupamento deverá ser feito de maneira lógica, explicitando claramente o propósito ou natureza dos agrupamentos.

+ + + + + + + + + + + + + + + + + + + + + + + + + +
Critérios de Avaliação e como avaliar Recomendação 6.7
NúmeroCritérioComo avaliar
6.7.1Existência de formulário e inexistência de agrupamento de camposVerificar a presença do elemento <form> e dentro desse os elementos: <input>, <textarea>, <button>, <select>, <option>, <label> e ausência do elemento <fieldset>.
6.7.2Uso de campo de seleção sem agrupamento.Verificar a presença do elemento <form> e dentro desse o elemento <select> e ausência do elemento <optgroup> para conteúdos do <select> que precisem de agrupamento.
+ + + + + -- libgit2 0.21.2