As tecnologias assistivas podem ajustar o formato do conteúdo da web em uma apresentação compreensível pelo usuário. Para alcançar este objetivo, o software de tecnologia assistiva precisa entender a semântica dos conteúdos da web. Vamos apresentar dois exemplos para esclarecer os benefícios do uso de WAI- ARIA. O primeiro exemplo é quando o usuário encontra uma caixa de seleção, espera-se que ele/ela marque ou desmarque a caixa. Se o desenvolvedor não usar o código HTML padrão para a caixa de seleção, então o usuário não saberá que isso é uma caixa de seleção usando as tecnologias de apoio (por exemplo, leitor de tela). Outro exemplo é o widget de árvore que se parece com exibições de árvore. Uma pessoa que usa um leitor de tela não pode determinar o estado dos ramos (ou seja , expandir ou fechar) . Com a introdução de WAI-ARIA as tecnologias assistivas podem indicar o papel do widget (por exemplo, uma árvore ou caixa) e os diferentes estados que pode ser em (por exemplo, marcada ou desmarcada). Esta informação será acessível para tecnologias assistivas .
Para ilustrar a estrutura, vamos passo a passo de um cenário de aplicação da ferramenta para avaliar a acessibilidade de um widget árvore clicável. Suponha que temos o seguinte conteúdo da página web.
Tabela 1
O núcleo correspondente RDF/OWL ontologia com Widget árvore.
-------------------------------------------------------------------------------
Nó relacionado com ARIA Estrutura RDF / XML
-------------------------------------------------------------------------------
id = '' '' tree1 <owl:Class rdf:ID=''tree''>
<rdfs:subClassOf rdf:resource=''#select''/>
<role:mustContain rdf:resource=''#group''/>
</ owl : Class >
-------------------------------------------------------------------------------
Tabela 2
Comparando o widget árvore na página web e no núcleo RDF / OWL ontologia.
--------------------------------------------------------------------------------
DOM node da página web Apresenta os estados e Todos os estados
(em relação a funções ARIA ) as propriedades da página e propriedades do
web núcleo semântico.
--------------------------------------------------------------------------------
id=’’tree1’’
<owl:Class rdf:ID=’’tree’’> <owl:Class rdf:ID=’’tree’’>
<rdfs:subClassOf <rdfs:subClassOf
rdf:resource=’’#select’’/> rdf:resource=’’#select’’/>
<role:mustContain <role:mustContain
rdf:resource=’’#group’’/> rdf:resource=’’#group’’/>
</owl:Class> <role:mustContain
rdf:resource=’’#treeitem’’/>
</owl:Class>
----------------------------------------------------------------------------------------------
Tabela 3
Ausência da semântica na widget árvore.
-----------------------------------------------------------------------------------------------
Nó relacionada com ARIA Faltando semântica
id = '' '' tree1 <role:mustContain rdf:resource=''#treeitem''/>
-----------------------------------------------------------------------------------------------
Este fragmento de página é identificado automaticamente usando o DOM analisador
( ie, class = árvore) e os elementos classificados.
------------------------------------------------------------------------------------------------
< ul id = '' '' tree1 class = '' árvore '' papel ='' árvore '' aria - labelledby ='' label_1 ''>
< li id ='' frutos '' tabindex ='' 0'' aria - expandidas ='' verdadeiros ''> Frutas
<ul role=''group''>
<li id=''oranges'' tabindex=''-1''> laranjas < / li >
<li id=''pinapples'' tabindex=''-1''> Abacaxi </ li>
< li id = '' '' maçãs tabindex ='' -1 '' aria - expandidas ='' falsas ''> Maçãs<ul role=''group''>
< li id = '' macintosh '' tabindex ='' -1 ''> Macintosh </ li>
<
</ ul>
</ li>
</ ul>
</ li>
</ ul>
-------------------------------------------------------------------------------------------------
O robô web irá gerar uma tecla no menu Frutas (coluna 1 na fig. 3). O resultado final é que tem todos os níveis da árvore widget expandido ( coluna 3 na figura 3.) . Em seguida, o parser DOM irá procurar elementos RIA . Depois disso, o teste de especificação ARIA irá inspecionar os elementos RIA para verificar se todos têm o atributo tabindex . Isso é necessário para garantir que o widget RIA é o teclado focalizável . O RDF/OWL ontologia de WAI-AIAS vai usar elementos RIA extraídos da página web para encontrar correspondentes entre as estruturas da ontologia (ver Tabela 1).
Os papéis extraídos , estados e propriedades do widget árvore são como se segue :
--------------------------------------------------------------------------------------------------Class = árvore
<role:mustContain rdf:resource=''#group''/>
mustContain = grupo
<owl:Class rdf:ID=''group''>
<rdfs:subClassOf rdf:resource=''#section''/>
< rdfs : seeAlso rdf : recurso ='' http://
www.w3.org/TR/html401/interact/
forms.html # edef - FIELDSET '' / >
< papel : supportedState rdf : recurso ='' http://
www.w3.org/2005/07/aaa # aria -
activedescendant '' / >
--------------------------------------------------------------------------------------------------
A fim de validar o conteúdo RIA na página da Web, para cada função, o RDF/OWL será convertido para uma consulta SPARQL CONSTRUIR da seguinte forma:
CONSTRUIR { ? X ? P ? Y}
DE RDF- ontologia -de- Widgets- semântica
ONDE {? x owl: Árvore de classe.
? x rdfs : subClassOf select.
? x role : grupo mustContain .
? x ? p ? y}
---------------------------------------------------------------------------------------------------------
Esta consulta será usado para combinar com a ontologia núcleo RDF dos widgets e vai construir um gráfico de RDF da árvore de papel (ver Tabela 2).
O resultado da consulta será comparado com os estados e propriedades apresentadas na página da Web para produzir um relatório contendo o nó DOM e indicar a semântica em falta no nó DOM (ver Tabela 3).
O formato EARL será usado para apresentar os resultados do teste, e esta parte na árvore DOM será destacada com uma cor amarela para notificar o usuário sobre o problema.
Nenhum comentário:
Postar um comentário