Testes de prioridade 2
| 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)
|
|---|
| Associação de etiquetas com controlos. |
Correcto! Há 4 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)
|
|---|
| Validação do código (X)HTML. |
Correcto! O código da página está correcto.
É 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)
|
|---|
| Atributos obsoletos. |
Correcto! Não se usam 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)
|
|---|
| Destino dos links. |
O objectivo de cada link parece estar claramente identificado.
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.
Identifique claramente o destino de cada link. (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)
|
|---|
| Atributos de apresentação. |
Correcto! Não se usam atributos como "size", "color" ou "face" para controlar a apresentação da página.
É 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)
|
|---|
| Elementos HTML de apresentação. |
Correcto! Não se usam elementos HTML de apresentação como <b>, <center> ou <font> para controlar a apresentação da página.
É 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)
|
|---|
| 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)
|
|---|
| Elementos obsoletos. |
Correcto! Não se usam 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)
|
|---|
| Utilização de CSS. |
 Não se usam 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)
|
|---|
| Validação do código das folhas de estilo CSS. |
O eXaminator não conseguiu estabelecer ligação ao validator de CSS do W3C
É 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)
|
|---|
Testes de prioridade 3
| 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)
|
|---|
| Identificação do idioma principal da página. |
Correcto! É especificado "pt-PT" 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)
|
|---|
| Summary/Resumos nas tabelas de dados. |
Há 2 tabela(s) de dados e todas têm o atributo "summary".
As tabelas de dados devem ter um sumário ou resumo, marcado com o atributo "summary". O título da tabela deve também ser afixado com o elemento <caption>. Sublinhe-se que as tabelas-layout (usadas para maquetar elementos na página) não devem fazer uso, nem do atributo "summary" nem do elemento "caption".
Providencie sumários para as tabelas. (Prioridade 3) (Exemplo)
|
|---|
| Links adjacentes. |
Correcto! Há 61 link(s) e todos estão separados por 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)
|
|---|
| Título da página. |
A página tem um título que deve verificar manualmente. É o texto "Biblioteca Infoeuropa - Registo de cabeçalho" 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á 4 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)
|
|---|
| 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)
|
|---|
Ruídos à acessibilidade (Testes de prioridade 3)
| Agrupar links. |
Correcto! 87% dos links estão organizados em listas (total dos links: 61).
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)
|
|---|
| 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)
|
|---|
| Identificação de abreviaturas ou acrónimos. |
Correcto! Foram localizados 6 abreviatura(s) ou acrónimo(s).
Quando um acrónimo aparece pela primeira vez na página ele deve ser apresentado da seguinte forma: A Unidade de Missão Inovação e Conhecimento (UMIC). Sempre que o acrónimo UMIC surgir dever-se-á usar o atributo "title" do elemento <acronym>. No caso das abreviaturas dever-se-á usar o atributo "title" do elemento <abbr>. Por exemplo: <abbr title="Avenida">Av.</abbr>.
Especifique por extenso cada abreviatura ou acrónimo quando da sua primeira ocorrência num documento. (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)
|
|---|
| Cabeçalhos em tabelas de dados. |
Há 2 tabela(s) e todas têm células de cabeçalhos. Verifique que se tratam realmente de tabelas de dados.
As tabelas devem ter as células que contêm os cabeçalhos marcadas. Não use tabelas se não for para apresentar dados tabulares nem marque como cabeçalhos as células de dados.
Nas tabelas de dados, identifique as linhas e as colunas que constituem os cabeçalhos. (Prioridade 1) (Exemplo)
|
|---|
