Please enable JavaScript.

Coggle requires JavaScript to display documents.

Acessibilidade WCAG (eMAG 3.0 & eMAG v3.1 (Recomendações/Diretrizes…

- - - - avaliação em passos
        
        2 Verificar o Fluxo da pagina, inibindo css/imagens/script
        
        1 Validar codigo e folhas ( w3.org validator)
        
        3 validar automaticamente
        
        4 validar manualmente
        
        5 Testes com usuarios reais
      - Validação Automatica : Após a criacao do sitio seguindo as diretrizes e padores web vem a fase de teste, pode-se usar testadores automatizados que irão informar se o sitio respeitou as recomendações gerando relátorio de erro, uma das ferramentas é o ASES
      - Validação Manual : A validação manual requer o feedback humano julgando atravez de formularios os problemas que a validação automática não consegue detectar
  - - - boa semantica e ordem
      - conteudo disponibilizado no inicio
      - bom uso de cabecalho, somente um H1
      - links de acessibilidade para blocos de conteudo
      - Atalhos atraves do accesskey
      - ancoras com name e id
      - site tableless
      - separar links atraves de listas ul
      - <div> com <section> dentro para semantica de areas
    - - Todas as funções da pagina via teclado, como exemplo ao usar o onclick do mouse, habilitar o seu equivalente no teclado onkeypress , priorizando sempre os eventos estes, ai inves de onmousedown e mouseup/keydown e keyup
      - Garantir que os scripts e objetos programaveis sejam acessiveis <noscript>Desabilitado</noscript>
      - não criar paginas com atualização periodica
      - não utilizar redirecionmaneto automatico
      - prover alterações de limite de tempo em paginas caso haja um tempo de sessão
      - não incluir paginas piscantes, intermitentes, piscantes
      - Assegurar o controle de animações ao usuario, e possibilidade de recarregar, retroceder, reiniciar o que se moveram, além de um controle de velocidade
      - informar extensão e tamanho do arquivo em links para download
    - - identificar o idioma da pagina, em todas as paginsa o atributo LANG
      - informar na pagina quando houver mudançã de idioma no conteudo, exceto em termos tenicos ou nomes proprios
      - indicar a localização na pagina atraves dos breadcrumbs ( local1>local1.1>local1.2>) migalha de pao
      - utilizar o atributo ALT para fornecer informacao sobre imagens
      - disponibilizar documento em formato acessivel (HTML)
      - Oferecer um Titulo descritivo e informativo
      - Disponibilizar explicação para siglas descritivamente ou com uso da tag <abbr>
    - - Contraste minimo entre o plano de fundo e o primeiro plano com relacao de contraste de no minimo 4,5:1 (iso-9241-3)
      - não utilizar somente cor ou outras caracteristicas sensoriais para diferenciar elementos
      - Redimensionamento sem perda de função de ate 200% sem haver sobreposicoes ou barras no conteudo, responsivo @ media queries
      - tornar mais evidente o foco do teclado, é recomendado que a borda de links tenham 2px
    - - alternativas de texto e som para videos alem de Libras para videos
      - alternativa textual para audios
      - descrição do video pre-gravado
      - Fornecer controle de audio para som ; tag html <audio>
      - controle de animação e ocultação
    - - Fornecer alternativa em texto para botoes de imagem com função de "enviar" em formularios, usando a tag <alt> equanto que reset e button texto descritivo
      - Etiquetar os campos (input, select, textarea) dos formularios com a tag <label> e atributo for e id
      - não conter alterações de contexto no formulário
      - fornecer instruções de entrada de dados com instruções de preenchimento e etiquetsa <label>, remoção de caracteres especiais em entradas numericas , obrigatoriedade dos campos atraves do atributo <label>
      - uso do atributo required nos formularios, e do placeholder para indicar o que se deve ser preenchido no campo
      - informar ao usario o campo que obteve erro no envio e uma descrição do correto preenchimento
      - antes do envio é necessário passar por uma pre- validação e só então a confirmação de enviar é mostrada, pode-se usar o atributo type nos campos do novo html5: são eles email, tel, search, url, datatime, datatime-local, date, month, week, time, number, range, color
      - Formulários onde o contexto é relacionado é recomendado o agrupamentos dos campos pelo <fieldset> , em um <select> pode-se usar o elemento <optgroup> para agrupar os itens da lista
      - Não usar o CAPTCHA, somente se for estritamente necessário com captcha de interpretação humana sendo este somente proposto apos 2 tentativas de envio