Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

ARIA3: Identificar informação de limites válida com as propriedades "valuemin" e "valuemax"

Aplicabilidade

Tecnologias que suportem Estados e Propriedades para Accessible Rich Internet Applications (página em inglês).

Esta técnica está relacionada com:

Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio

WAI-ARIA é parcialmente suportado no Firefox 2.0, o que associa funções e propriedades a APIs de acessibilidade de plataforma. O JAWS e o Window-Eyes foram testados com êxito na apresentação destas propriedades ao utilizador. O FireVox, uma extensão de voz automática do Firefox, também suporta WAI-ARIA através de acesso DOM directo.

Neste momento, não existe suporte de agente de utilizador adicional.

Descrição

O objectivo desta técnica é fornecer informações sobre o intervalo permitido de um campo de entrada de um modo determinado de forma programática. Os estados valuemin e valuemax WAI-ARIA fornecem os valores mínimos e máximos (respectivamente) que podem ser fornecidos pelo utilizador. Os agentes de utilizador não irão permitir que os utilizadores introduzam valores fora desse intervalo, caso contrário irão gerar um erro de validação.

Os Estados e as Propriedades WAI-ARIA são um módulo suportado em XHTML 1.1 e posterior, e a especificação documenta como fornecer as propriedades em XHTML e outras linguagens baseadas em XML. Para obter informações sobre como fornecer Estados e Propriedades WAI-ARIA com HTML e XHTML 1.0, consulte Incorporar Metadados de Estado e de Função de Acessibilidade em Documentos HTML (página em inglês) . Os Estados e as Propriedades ARIA também são compatíveis com outros idiomas; consulte a documentação nesses idiomas.

Nota: Neste momento, WAI-ARIA é um Projecto em Curso. Esta técnica é fornecida como uma técnica de tipo aconselhada para organizações que pretendem experimentar alcançar a conformidade com as WCAG utilizando WAI-ARIA. Quando WAI-ARIA se tornar uma especificação formal e for suportada nos agentes de utilizador, esta técnica será antecipada para se tornar numa técnica de tipo suficiente.

Exemplos

Exemplo 1: Um campo de entrada de texto que aceita datas durante o ano de 2007

O seguinte campo de entrada de texto necessita que o utilizador introduza um valor de data com um valor durante o ano de 2007:

Código Exemplo:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 
    For Accessible Adaptable Applications//EN"
  "http://www.w3.org/2005/07/aaa/xhtml11-aaa.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
  xmlns:aaa="http://www.w3.org/2005/07/aaa"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema-datatypes"
  xml:lang="en">
<head>
  <title>Date Entry</title>
</head>
<body>
  <h1>Date Entry</h1>
  <p>Text entry accepts a date in the year 2007.</p>
  <form action="http://example.com/submit">
    <p><label for="test">Enter a date in 2007:</label>
    <input name="test" id="test" 
      aaa:valuemin="2007-01-01" aaa:valuemax="2007-12-31"
      aaa:datatype="xsd:date" /></p>
    <p><input type="submit" value="Submit" /></p>
  </form>
</body>
</html> 

Exemplo 2: Um controlo giratório que fornece valores entre 1 e 100

O seguinte botão giratório permite aos utilizadores introduzir um número entre 1 e 100.

Código Exemplo:

     <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 
  For Accessible Adaptable Applications//EN" "http://www.w3.org/2005/07/aaa/xhtml11-aaa.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
  xmlns:wairole="http://www.w3.org/2005/01/wai-rdf/GUIRoleTaxonomy#"
  xmlns:aaa="http://www.w3.org/2005/07/aaa"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema-datatypes"
  xml:lang="en">
<head>
  <title>Spin Button</title>
</head>
<body>
  <h1>Spin Button</h1>
  <p>Spin button allows users to enter a number between 1 and 100. It is 
    implemented as a text input, to which user agents that do not support 
    ARIA roles fall back.</p>
  <form action="http://example.com/submit">
    <p><label for="test">Enter a number between 1 and 100</label>
    <input name="test" id="test" role="wairole:spinbutton" 
      aaa:valuemin="1" aaa:valuemax="100" aaa:datatype="xsd:integer" /></p>
    <p><input type="submit" value="Submit" /></p>
  </form>
</body>
</html> 

Recursos

Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.

Testes

Procedimento

  1. Aceda a uma página com campos de formulário que necessitem de dados num determinado intervalo, utilizando um agente de utilizador que suporte a especificação Accessible Rich Internet Applications.

  2. Forneça informações fora do intervalo permitido e tente submeter o formulário.

  3. Verifique se o agente de utilizador o notifica sobre os dados inválidos.

  4. Forneça informações dentro do intervalo permitido e tente submeter o formulário.

  5. Verifique se o agente de utilizador aceita os dados e permite que a submissão avance.

Resultados Esperados