Testes de prioridade 2
| Manipulação de eventos. |
 Usam-se manipuladores de eventos de forma redundante, i.e. num só evento existem 2 tipos de manipuladores implementados: de tipo rato e de tipo teclado. Verifique se os eventos onde eles se encontram aplicados comportam manipuladores dispositivo-independentes. Em caso afirmativo substitua os manipuladores redundantes por manipuladores independentes (por exemplo onFocus, onBlur).
Os eventos devem poder ser activados com qualquer dispositivo porque há utilizadores que não podem, por exemplo, usar um rato. Por conseguinte deve-se especificar manipuladores de evento cuja acção seja independente do tipo de dispositivo. Outra hipótese é definir eventos redundantes.
No caso dos scripts e dos applets, certifique-se que os eventos que o manipulam funcionam independentemente do dispositivo de entrada. (Este ponto inclui o 9.3). (Prioridade 2) (Exemplo)
|
|---|
| Declaração do tipo de documento/Sintaxe. |
Correcto! Há uma declaração do tipo de documento (DTD).
Uma DTD indica a sintaxe/gramática utilizada no código fonte da página e permite verificar a correcta aplicação desse código - validar a assertividade de escrita do código.
Crie documentos validando a notação com a gramática formal publicada. (Prioridade 2) (Exemplo)
|
|---|
| Utilização de cabeçalhos. |
Correcto! Usam-se cabeçalhos (<h1>~<h6>).
Devem-se marcar correctamente os cabeçalhos da página e não mesclar os seus níveis aleatoriamente apenas para fazer uso dos estilos (tamanhos de fonte) que estão, por defeito, associados aos cabeçalhos. Use CSS para formatar a cor, o tamanho e o tipo de letra dos cabeçalhos. Actualmente eles constituem um importante elemento facilitador da navegação por todos aqueles que fazem uso de tecnologias de apoio.
Use os elementos cabeçalho (<H1>...<H6>) para transmitir a estrutura dos documentos e utilize-os de acordo com as especificações. (Prioridade 2) (Exemplo)
|
|---|
| Validação do código das folhas de estilo CSS. |
Correcto! O código das CSS está correcto.
É importante evitar os erros de sintaxe das folhas de estilo para permitir a sua correcta interpretação.
Validator de CSS do W3C
Crie documentos validando a notação com a gramática formal publicada. (Prioridade 2) (Exemplo)
|
|---|
| Associação de etiquetas com controlos. |
Correcto! Há 1 etiqueta(s) (<label>) associada(s) correctamente com o(s) respectivo(s) controlo(s) de formulário.
O atributo "for" de cada etiqueta deve coincidir com o atributo "id" do controlo de formulário que identifica. Isto é especialmente útil para os utilizadores que utilizam leitores de ecrã para navegar.
Associe explicitamente os rótulos aos respectivos controlos. (Prioridade 2) (Exemplo)
|
|---|
| Utilização de CSS. |
Correcto! Usam-se estilos para controlar a apresentação da página.
As folhas de estilo representam um grande passo em frente para a Web uma vez que a sua utilização permite separar o conteúdo da apresentação das páginas.
Use folhas de estilo para controlar a disposição dos elementos na página e a forma de os apresentar. (Prioridade 2) (Exemplo)
|
|---|
| Utilização de medidas absolutas. |
Correcto! Não se usam medidas absolutas.
Se se utilizam unidades de medida relativas, e não absolutas, os utilizadores poderão ampliar ou reduzir o tamanho dos elementos da página de acordo com as suas necessidades. Por outro lado, as páginas adequam-se a ecrãs com diferentes resoluções, redimensionando automaticamente os seus elementos.
Use unidades relativas em vez de absolutas nos valores dos atributos da linguagem de notação e valores das propriedades das folhas de estilo. (Prioridade 2) (Exemplo)
|
|---|
| Utilização de tabelas para maquetar a página (tabela-layout). |
Correcto! Não se usam tabelas para maquetar a página.
As tabelas são elementos para apresentar conteúdo tabular e não devem utilizar-se para apresentar outro tipo de conteúdo. Isto é especialmente importante para quem utiliza navegadores de base texto ou leitores que lêem linha a linha os dados existentes no ecrã.
Não deve usar tabelas para formatar páginas a não ser que a tabela faça sentido quando em formato linear. Caso contrário, se a tabela não fizer sentido, forneça um equivalente alternativo (o qual poderá ser uma versão linear). (Prioridade 2) (Exemplo)
|
|---|
| Atributos obsoletos. |
 Usam-se 1 atributos obsoletos em HTML 4.01 ("hspace", "bgcolor" ou "nowrap", por exemplo).
Os atributos obsoletos são construções que foram descontinuadas e progressivamente substituídas por outras mais apropriados, nomeadamente através do uso de CSS, pelo que devem evitar-se, senão mesmo eliminar-se, por poderem provocar problemas de acessibilidade. Por outro lado, a sua utilização revela falta de actualização por parte do profissional Web que a realizou.
Evite o uso de notação obsoleta das tecnologias do W3C. (Prioridade 2) (Exemplo)
|
|---|
| Elementos HTML de apresentação. |
Usam-se 1 elementos HTML para controlar a apresentação da página (por exemplo: <b>, <center> ou <font>).
É incorrecto utilizar elementos da linguagem de programação (X)HTML para controlar a forma/estilo de apresentação da página. Use (X)HTML para estruturar/suportar o conteúdo e as folhas de estilo CSS para controlar o estilo da página.
Use folhas de estilo para controlar a disposição dos elementos na página e a forma de os apresentar. (Prioridade 2) (Exemplo)
|
|---|
| Elementos obsoletos. |
Usam-se 1 elementos obsoletos em HTML 4.01 (<applet>, <center> ou <font>, por exemplo.
Os elementos obsoletos são construções que foram sendo substituídas por outras mais apropriadas e devem evitar-se porque podem provocar problemas de acessibilidade. Por outro lado, a sua utilização evidencia uma falta de actualização na área do desenho Web por parte do profissional que o realizou.
Evite o uso de notação obsoleta das tecnologias do W3C. (Prioridade 2) (Exemplo)
|
|---|
| Atributos de apresentação. |
Usam-se 1 atributos para controlar a apresentação da página (por exemplo: "size", "color" ou "face").
É incorrecto utilizar atributos da linguagem de programação (X)HTML para controlar a forma/estilo de apresentação da página. Use (X)HTML para estruturar/suportar o conteúdo e as folhas de estilo CSS para controlar o estilo da página.
Use folhas de estilo para controlar a disposição dos elementos na página e a forma de os apresentar. (Prioridade 2) (Exemplo)
|
|---|
| Destino dos links. |
Existem 3 links com o mesmo texto que apontam destinos distintos.
Os links devem indicar de maneira muito clara e sucinta para onde apontam, de forma a que os utilizadores possam saber o que encontrarão se decidirem escolher esse link.
- "adtechilereklam2.0dönemibaşlıyorveTrkycmhrytllbtpydrklcktrr10.netseoyarışmasıadtech ile reklam 2.0 dönemi başlıyor ve Trkycmhrytllbtpydrklcktr r10.net seo yarışması" (3)
Identifique claramente o destino de cada link. (Prioridade 2) (Exemplo)
|
|---|
| Validação do código (X)HTML. |
O eXaminator não conseguiu estabelecer ligação ao validator de (X)HTML do W3C
É importante evitar os erros de sintaxe no código fonte para que a página seja correctamente interpretada pelos agentes de utilizador, nos quais se incluem as ajudas técnicas.
Validator de (X)HTML do W3C
Crie documentos validando a notação com a gramática formal publicada. (Prioridade 2) (Exemplo)
|
|---|
Testes de prioridade 3
| Identificação do idioma principal da página. |
Correcto! É especificado "en" como idioma principal. Verifique se o código se encontra correcto.
Em todas as páginas deve-se indicar o idioma principal do documento. Se o documento estiver em XHTML, dever-se-á verificar que, para além do atributo "lang", se utiliza também "xml:lang".
Identifique o idioma principal do documento. (Prioridade 3) (Exemplo)
|
|---|
| Caracteres por defeito. |
Correcto! Há 1 controlo(s) vazío(s) com caracteres por omissão.
Todos os campos de edição e áreas de texto devem conter algum carácter porque existem ajudas técnicas que não podem colocar o foco nos controlos vazíos.
Até que os agentes do utilizador consigam manipular controlos vazios correctamente, inclua caracteres predefinidos de preenchimento nas caixas de edição e nas áreas de texto. (Prioridade 3) (Exemplo)
|
|---|
| Links adjacentes. |
Há 153 link(s) e 13 são adjacentes a outros links mas não estão separados entre si com caracteres imprimíveis.
Alguns agentes de utilizador não conseguem diferenciar os links se estes se encontrarem colados uns aos outros, sem qualquer marca ou carácter imprimível não "linkado" a separá-los. Algo do tipo: link1 | link2 | link3, em que | é um carácter sem ligação.
Até que os agentes do utilizador consigam distinguir links adjacentes, inclua caracteres não-linkados , circundados por espaços, entre os links adjacentes. (Prioridade 3) (Exemplo)
|
|---|
Obstáculos à acessibilidade (Testes de prioridade 2)
| Blocos de informação. |
Há uma média de 4 palavras em cada bloco de informação.
Estruture e segmente correctamente os textos utilizando títulos, subtítulos, parágrafos e listas. Lembre-se que os blocos de informação demasiado grandes dificultam a sua compreensão.
Divida grandes blocos de informação em grupos mais geríveis e apropriados. (Prioridade 2) (Exemplo)
|
|---|
| Versão (X)HTML. |
Correcto! Versão XHTML Strict.
É importante usar as tecnologías do W3C quando as mesmas já se encontram disponíveis (alvo de recomendação final) e sejam suportadas, nomeadamente por um vasto leque de agentes de utilizador (navegadores Web, tecnologias de apoio, etc). Recomenda-se o uso das tecnologias do W3C, pela sua aceitação generalizada em todo o mundo e também pelo facto de as mesmas incorporarem as questões de acessibilidade desde a concepção.
Use tecnologias W3C quando a mesma esteja disponível e seja apropriada para uma tarefa. Utilize as versões mais recentes, desde que suportadas. (Prioridad 2) (Exemplo)
|
|---|
| Título da página. |
A página tem um título que deve verificar manualmente. É o texto "Umic" adequado como título para esta página?
Deve existir um título para a página, através do elemento <title>, e o mesmo deve ser claro, descritivo e conciso.
Forneça metadados para acrescentar informações semânticas às páginas e aos sítios Web. (Prioridade 2) (Exemplo)
|
|---|
| Etiquetas para controlos de formulário. |
Há 1 etiqueta(s) (<label>) posicionadas adequadamente.
Uma vez que alguns agentes de utilizador/aplicações não suportam associações explícitas entre as etiquetas e os controlos de formulário, a etiqueta deve rodear o controlo que identifica.
Até que os agentes do utilizador suportem associações explicitas entre os rótulos e os controlos de formulário, para todos os controlos com rótulos implicitamente associados, certifique-se que os rótulos se encontram apropriadamente posicionados. (Prioridade 2) (Exemplo)
|
|---|
| Contraste das cores. |
 As definições de cores de fundo e de primeiro plano (caracteres) foram localizados nos atributos da linguagem de marcação HTML.
É importante que os utilizadores com baixa visão possam desactivar as cores presentes na página para evitar as combinações de cor com contraste inadequados para si. A fixação das cores no código HTML dificulta esta personalização. Todas as definições de cor devem ser feitas com CSS.
Certifique-se que as combinações das cores de fundo e do texto fornecem um contraste suficiente quando visualizados por alguém que tenha défices de percepção de cor ou quando a mesma é visualizada num ecrã a preto e branco. (Prioridade 2 para imagens, 3 para textos) (Exemplo)
|
|---|
Ruídos à acessibilidade (Testes de prioridade 3)
| Agrupar links. |
Correcto! 73% dos links estão organizados em listas (total dos links: 153).
Devem-se proporcionar barras de navegação constituidas por listas de links para os agrupar, facilitando assim a sua localização. Lembre-se que as listas não se definem pelo seu aspecto gráfico mas pelo uso apropriado dos elementos <ol> (lista ordenada), <ul> (lista não ordenada) e <dl> (lista de definição).
Providencie barras de navegação para salientar e dar acesso aos mecanismos de navegação. De preferência faça uso de elementos de notação para listas (<ul>...<ol>) para estruturar esses mecanismos. Use CSS para lhes dar estilo. (Prioridade 3) (Exemplo)
|
|---|
| Utilização de accesskey. |
Correcto! Utilizam-se 3 atributo(s) "accesskey".
Os atalhos de teclado permitem, a quem utiliza o teclado para navegar, aceder rapidamente aos elementos mais importantes da página. É particularmente importante colocar uma tecla de atalho para acesso ao campo de edição do motor de busca.
Defina teclas de atalho para links importantes (incluíndo os que se encontram nos mapas de imagem client-side ), controlos de formulário, e grupos de controlos de formulários. (Prioridade 3) (Exemplo)
|
|---|
| Informação sobre documentos relacionados. |
Correcto! Proporciona-se informação sobre documentos relacionados através de 3 elemento(s) <link> existentes no cabeçalho da página.
Os elementos <link> com atributos "rel" ou "rev" permitem dar informação acerca da relação entre a página actual e outros recursos.
Providencie informação sobre colecções de documentos (i.e. documentos compostos por múltiplas páginas). (Prioridade 3) (Exemplo)
|
|---|
