Post on 24-Jun-2015
description
Material de apoio agrave disciplina de API B
ldquoComputational neuroscientists are learning that the brain is like a computer
except when it isntrdquo
David Lindley
APLICACcedilOtildeES INFORMAacuteTICAS B
- FINALIDADES ndash
Satildeo finalidades da disciplina de Aplicaccedilotildees B do 11ordm ano de escolaridade
bull Aprofundar a capacidade de pesquisa de informaccedilatildeo bem como da sua comunicaccedilatildeo
a partir da utilizaccedilatildeo das tecnologias da informaccedilatildeo e comunicaccedilatildeo
bull Promover o incremento das capacidades de produccedilatildeo colaborativa entre as quais se
salientam a co-criatividade e a co-responsabilidade numa perspectiva de abertura agrave
mudanccedila de compreensatildeo dos fenoacutemenos mediaacuteticos e de percepccedilatildeo do papel dos
conteuacutedos nas TIC
bull Identificar as caracteriacutesticas de produtos provenientes da induacutestria de conteuacutedos
nomeadamente quanto agraves suas caracteriacutesticas de interactividade e teacutecnicas
bull Avaliar das caracteriacutesticas funcionalidades e eficaacutecias de software de cariz
multimeacutedia quer como produto quer como meio de produccedilatildeo
bull Desenvolver capacidades necessaacuterias agrave manipulaccedilatildeo de aplicaccedilotildees informaacuteticas
multimeacutedia nomeadamente em articulaccedilatildeo com as aprendizagens de todo o tipo
inerentes a outras aacutereas de formaccedilatildeo inseridas no curriacuteculo
bull Criar haacutebitos e atitudes conducentes a uma disponibilidade para uma aprendizagem ao
longo da vida como condiccedilatildeo essencial exigida para a adaptaccedilatildeo a um crescimento
acelerado de novas formas de comunicar que continuamente criam novos afloramentos
do saber associados ao contexto da sociedade do conhecimento
bull Fomentar o interesse pela procura permanente de actualizaccedilotildees nas soluccedilotildees
encontradas pela inovaccedilatildeo e pela compreensatildeo dos fenoacutemenos comunicativos que se
centram em torno dos diferentes aspectos da informaccedilatildeo
bull Promover o desenvolvimento de competecircncias na utilizaccedilatildeo das tecnologias da
informaccedilatildeo e comunicaccedilatildeo que permitam uma crescente literacia digital
bull Fomentar a anaacutelise criacutetica da funccedilatildeo e do poder das novas tecnologias da informaccedilatildeo e
comunicaccedilatildeo nomeadamente a que assenta na induacutestria de conteuacutedos
Escola Secundaacuteria Luiacutes de Freitas Branco
1
Material de apoio agrave disciplina de API B
1 TEORIA DA INTERACTIVIDADE
1 Do GUI aos ambientes imersivos
- Evoluccedilatildeo histoacuterica da interface homem-maacutequina
- Os ambientes graacuteficos actuais ergonomia e sentidos
2 Realidade Virtual
- Conceito
- Simulaccedilatildeo da realidade
- Realidade imersiva a natildeo imersiva
3 O conceito de interactividade
4 Caracteriacutesticas ou componentes da interactividade
- Comunicaccedilatildeo
- Feedback
- Controlo e resposta a - Tempo de resposta
- Adaptabilidade
- Co-criatividade
5 Niacuteveis e tipos de interactividade
- Niacuteveis segundo a relaccedilatildeo homem-maacutequina
Reactiva
Co-activa Proactiva
- Niacuteveis segundo a acccedilatildeo sensorial
Elevada
Meacutedia
Baixa
- Tios de interactividade
Linear
De suporte Hieraacuterquica
Sobre objectos
Reflexiva De hiperligaccedilatildeo
De actualizaccedilatildeo
Construtiva
Contextual global
6 Como Avaliar soluccedilotildees interactivas
7 O desenho de soluccedilotildees interactivas
(22 tempos)
Escola Secundaacuteria Luiacutes de Freitas Branco
2
Material de apoio agrave disciplina de API B
1 Do GUI aos ambientes imersivos
CLI vs GUI
bull O sistema operativo eacute fundamental para o funcionamento do computador ele
controla todo o hardware do computador permitindo as aplicaccediloes executar as
mais variadas funccedilotildees
CLI ndash Command line Interface ex ms-dos
GUI- Grafic user interface interface grafico mais conhecido por janelas
11 Ambientes imersivos e interactivos
Em informaacutetica interface graacutefica (abreviadamente a sigla GUI do inglecircs Graphical
User Interface) eacute um mecanismo de interacccedilatildeo entre usuaacuterio e sistema de computador
baseado em siacutembolos visuais como iacutecones menus e janelas Atraveacutes de um dispositivo
de entrada (normalmente um rato ou teclado) o usuaacuterio eacute capaz de seleccionar esses
siacutembolos e manipulaacute-los de forma a obter algum resultado praacutetico Esses simbolos satildeo
designados de widgets e satildeo agrupados em kits
Chama-se genericamente Informaacutetica ao conjunto das Ciecircncias da Informaccedilatildeo estando incluiacutedas neste
grupo a teoria da informaccedilatildeo o processo de caacutelculo a anaacutelise numeacuterica e os meacutetodos teoacutericos da
representaccedilatildeo dos conhecimentos e de modelagem dos problemas Habitualmente usa-se o termo
Informaacutetica para referir especificamente o processo de tratamento automaacutetico da informaccedilatildeo por meio
de maacutequinas electroacutenicas
chamadas computadores
A origem da palavra Informaacutetica se daacute atraveacutes da junccedilatildeo da palavra informaccedilatildeo com a
palavra automaacutetica
Eacute exactamente isso (informaccedilatildeo automaacutetica) atraveacutes de equipamentos (computador
reloacutegio aparelhos celulares cacircmaras digitais etc) que geram informaccedilatildeo
Iacutecone um pequeno desenho que representa um objecto ou um programa em
informaacutetica
O widget eacute um termo sem traduccedilatildeo que designa componentes de interface graacutefica com
o usuaacuterio (GUI) Qualquer item de uma interface graacutefica eacute chamada de widget por exemplo janelas bototildees menus e itens de menus iacutecones barras de rolagem etc
O termo imersatildeo foi introduzido recentemente na aacuterea das pesquisas com realidade
virtual para se referir ao modo peculiar como o sujeito entra ou mergulha dentro das
imagens e sons gerados pelo computador
Os dispositivos imersivos podem ser encontrados ao longo de
toda a histoacuteria do homem desde as cavernas preacute-histoacutericas
passando pela caverna de Platatildeo ateacute as actuais caves cuacutebicas de
imersatildeo total
A diferenccedila que a tecnologia digital introduziu foi a imersatildeo
interactiva em ambientes que satildeo dinamicamente alterados pelas
acccedilotildees dos sujeitos neles mergulhados
Questatildeo de reflexatildeo em situaccedilatildeo exemplo
Aprendizagem em 3D - Ambientes Virtuais de Treinamento e Educaccedilatildeo
Consultar httptranslategooglepttranslatehl=pt-
PTamplangpair=en|ptampu=httpwwwmetanomicsnetshowlearning_in_3d_-
_immersive_environments_in_training_and_education
Second life httpwwwyoutubecomwatchv=BDOBAeLAC4U
12 A ergonomia e a acessibilidade na web
A Acessibilidade que defendemos envolve trecircs noccedilotildees Utilizadores Situaccedilatildeo e
Ambiente
Escola Secundaacuteria Luiacutes de Freitas Branco
3
Material de apoio agrave disciplina de API B
O termo Utilizadores significa que nenhum obstaacuteculo eacute imposto ao indiviacuteduo
face agraves suas capacidades sensoriais e funcionais
O termo Situaccedilatildeo significa que o sistema eacute acessiacutevel e utilizaacutevel em diversas
situaccedilotildees independentemente do software comunicaccedilotildees ou equipamentos O termo Ambiente significa que o acesso natildeo eacute condicionado pelo ambiente
fiacutesico envolvente exterior ou interior
A acessibilidade da Internet caracteriza-se pela flexibilidade da informaccedilatildeo e interacccedilatildeo
relativamente ao respectivo suporte de apresentaccedilatildeo
Esta flexibilidade permite a sua utilizaccedilatildeo por pessoas com necessidades especiais bem
como a utilizaccedilatildeo em diferentes ambientes e situaccedilotildees e atraveacutes de vaacuterios equipamentos
ou navegadores
Apresenta-se em seguida 9 conselhos para a acessibilidade de um siacutetio web
APRESENTACcedilAtildeO DA INFORMACcedilAtildeO
1- Garanta que todas as imagens se encontram legendadas ou descritas com texto
Nota Esta medida eacute essencial para bototildees e ligaccedilotildees feitas com recurso a imagens O
leitor de ecratilde utilizado por um cego iraacute ler o texto alternativo associado agrave imagem
2 - Garanta que o tamanho do texto pode ser aumentado com as opccedilotildees do seu
navegador
Nota Esta facilidade eacute muito utilizada por pessoas idosas com algumas dificuldades
visuais
Escola Secundaacuteria Luiacutes de Freitas Branco
4
Material de apoio agrave disciplina de API B
3 - Garanta que o comprimento do texto na paacutegina se ajusta ao tamanho da
Janela
Nota Esta caracteriacutestica facilita a utilizaccedilatildeo de software de ampliaccedilatildeo
4 - Garanta a identificaccedilatildeo dos campos dos formulaacuterios
Nota Coloque etiquetas em todos os campos do formulaacuterio identificando a sua
funcionalidade No caso do elemento que executa o envio dos dados do formulaacuterio ser
uma imagem natildeo se esqueccedila de a legendar
Escola Secundaacuteria Luiacutes de Freitas Branco
5
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Escola Secundaacuteria Luiacutes de Freitas Branco
1
Material de apoio agrave disciplina de API B
1 TEORIA DA INTERACTIVIDADE
1 Do GUI aos ambientes imersivos
- Evoluccedilatildeo histoacuterica da interface homem-maacutequina
- Os ambientes graacuteficos actuais ergonomia e sentidos
2 Realidade Virtual
- Conceito
- Simulaccedilatildeo da realidade
- Realidade imersiva a natildeo imersiva
3 O conceito de interactividade
4 Caracteriacutesticas ou componentes da interactividade
- Comunicaccedilatildeo
- Feedback
- Controlo e resposta a - Tempo de resposta
- Adaptabilidade
- Co-criatividade
5 Niacuteveis e tipos de interactividade
- Niacuteveis segundo a relaccedilatildeo homem-maacutequina
Reactiva
Co-activa Proactiva
- Niacuteveis segundo a acccedilatildeo sensorial
Elevada
Meacutedia
Baixa
- Tios de interactividade
Linear
De suporte Hieraacuterquica
Sobre objectos
Reflexiva De hiperligaccedilatildeo
De actualizaccedilatildeo
Construtiva
Contextual global
6 Como Avaliar soluccedilotildees interactivas
7 O desenho de soluccedilotildees interactivas
(22 tempos)
Escola Secundaacuteria Luiacutes de Freitas Branco
2
Material de apoio agrave disciplina de API B
1 Do GUI aos ambientes imersivos
CLI vs GUI
bull O sistema operativo eacute fundamental para o funcionamento do computador ele
controla todo o hardware do computador permitindo as aplicaccediloes executar as
mais variadas funccedilotildees
CLI ndash Command line Interface ex ms-dos
GUI- Grafic user interface interface grafico mais conhecido por janelas
11 Ambientes imersivos e interactivos
Em informaacutetica interface graacutefica (abreviadamente a sigla GUI do inglecircs Graphical
User Interface) eacute um mecanismo de interacccedilatildeo entre usuaacuterio e sistema de computador
baseado em siacutembolos visuais como iacutecones menus e janelas Atraveacutes de um dispositivo
de entrada (normalmente um rato ou teclado) o usuaacuterio eacute capaz de seleccionar esses
siacutembolos e manipulaacute-los de forma a obter algum resultado praacutetico Esses simbolos satildeo
designados de widgets e satildeo agrupados em kits
Chama-se genericamente Informaacutetica ao conjunto das Ciecircncias da Informaccedilatildeo estando incluiacutedas neste
grupo a teoria da informaccedilatildeo o processo de caacutelculo a anaacutelise numeacuterica e os meacutetodos teoacutericos da
representaccedilatildeo dos conhecimentos e de modelagem dos problemas Habitualmente usa-se o termo
Informaacutetica para referir especificamente o processo de tratamento automaacutetico da informaccedilatildeo por meio
de maacutequinas electroacutenicas
chamadas computadores
A origem da palavra Informaacutetica se daacute atraveacutes da junccedilatildeo da palavra informaccedilatildeo com a
palavra automaacutetica
Eacute exactamente isso (informaccedilatildeo automaacutetica) atraveacutes de equipamentos (computador
reloacutegio aparelhos celulares cacircmaras digitais etc) que geram informaccedilatildeo
Iacutecone um pequeno desenho que representa um objecto ou um programa em
informaacutetica
O widget eacute um termo sem traduccedilatildeo que designa componentes de interface graacutefica com
o usuaacuterio (GUI) Qualquer item de uma interface graacutefica eacute chamada de widget por exemplo janelas bototildees menus e itens de menus iacutecones barras de rolagem etc
O termo imersatildeo foi introduzido recentemente na aacuterea das pesquisas com realidade
virtual para se referir ao modo peculiar como o sujeito entra ou mergulha dentro das
imagens e sons gerados pelo computador
Os dispositivos imersivos podem ser encontrados ao longo de
toda a histoacuteria do homem desde as cavernas preacute-histoacutericas
passando pela caverna de Platatildeo ateacute as actuais caves cuacutebicas de
imersatildeo total
A diferenccedila que a tecnologia digital introduziu foi a imersatildeo
interactiva em ambientes que satildeo dinamicamente alterados pelas
acccedilotildees dos sujeitos neles mergulhados
Questatildeo de reflexatildeo em situaccedilatildeo exemplo
Aprendizagem em 3D - Ambientes Virtuais de Treinamento e Educaccedilatildeo
Consultar httptranslategooglepttranslatehl=pt-
PTamplangpair=en|ptampu=httpwwwmetanomicsnetshowlearning_in_3d_-
_immersive_environments_in_training_and_education
Second life httpwwwyoutubecomwatchv=BDOBAeLAC4U
12 A ergonomia e a acessibilidade na web
A Acessibilidade que defendemos envolve trecircs noccedilotildees Utilizadores Situaccedilatildeo e
Ambiente
Escola Secundaacuteria Luiacutes de Freitas Branco
3
Material de apoio agrave disciplina de API B
O termo Utilizadores significa que nenhum obstaacuteculo eacute imposto ao indiviacuteduo
face agraves suas capacidades sensoriais e funcionais
O termo Situaccedilatildeo significa que o sistema eacute acessiacutevel e utilizaacutevel em diversas
situaccedilotildees independentemente do software comunicaccedilotildees ou equipamentos O termo Ambiente significa que o acesso natildeo eacute condicionado pelo ambiente
fiacutesico envolvente exterior ou interior
A acessibilidade da Internet caracteriza-se pela flexibilidade da informaccedilatildeo e interacccedilatildeo
relativamente ao respectivo suporte de apresentaccedilatildeo
Esta flexibilidade permite a sua utilizaccedilatildeo por pessoas com necessidades especiais bem
como a utilizaccedilatildeo em diferentes ambientes e situaccedilotildees e atraveacutes de vaacuterios equipamentos
ou navegadores
Apresenta-se em seguida 9 conselhos para a acessibilidade de um siacutetio web
APRESENTACcedilAtildeO DA INFORMACcedilAtildeO
1- Garanta que todas as imagens se encontram legendadas ou descritas com texto
Nota Esta medida eacute essencial para bototildees e ligaccedilotildees feitas com recurso a imagens O
leitor de ecratilde utilizado por um cego iraacute ler o texto alternativo associado agrave imagem
2 - Garanta que o tamanho do texto pode ser aumentado com as opccedilotildees do seu
navegador
Nota Esta facilidade eacute muito utilizada por pessoas idosas com algumas dificuldades
visuais
Escola Secundaacuteria Luiacutes de Freitas Branco
4
Material de apoio agrave disciplina de API B
3 - Garanta que o comprimento do texto na paacutegina se ajusta ao tamanho da
Janela
Nota Esta caracteriacutestica facilita a utilizaccedilatildeo de software de ampliaccedilatildeo
4 - Garanta a identificaccedilatildeo dos campos dos formulaacuterios
Nota Coloque etiquetas em todos os campos do formulaacuterio identificando a sua
funcionalidade No caso do elemento que executa o envio dos dados do formulaacuterio ser
uma imagem natildeo se esqueccedila de a legendar
Escola Secundaacuteria Luiacutes de Freitas Branco
5
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
1 TEORIA DA INTERACTIVIDADE
1 Do GUI aos ambientes imersivos
- Evoluccedilatildeo histoacuterica da interface homem-maacutequina
- Os ambientes graacuteficos actuais ergonomia e sentidos
2 Realidade Virtual
- Conceito
- Simulaccedilatildeo da realidade
- Realidade imersiva a natildeo imersiva
3 O conceito de interactividade
4 Caracteriacutesticas ou componentes da interactividade
- Comunicaccedilatildeo
- Feedback
- Controlo e resposta a - Tempo de resposta
- Adaptabilidade
- Co-criatividade
5 Niacuteveis e tipos de interactividade
- Niacuteveis segundo a relaccedilatildeo homem-maacutequina
Reactiva
Co-activa Proactiva
- Niacuteveis segundo a acccedilatildeo sensorial
Elevada
Meacutedia
Baixa
- Tios de interactividade
Linear
De suporte Hieraacuterquica
Sobre objectos
Reflexiva De hiperligaccedilatildeo
De actualizaccedilatildeo
Construtiva
Contextual global
6 Como Avaliar soluccedilotildees interactivas
7 O desenho de soluccedilotildees interactivas
(22 tempos)
Escola Secundaacuteria Luiacutes de Freitas Branco
2
Material de apoio agrave disciplina de API B
1 Do GUI aos ambientes imersivos
CLI vs GUI
bull O sistema operativo eacute fundamental para o funcionamento do computador ele
controla todo o hardware do computador permitindo as aplicaccediloes executar as
mais variadas funccedilotildees
CLI ndash Command line Interface ex ms-dos
GUI- Grafic user interface interface grafico mais conhecido por janelas
11 Ambientes imersivos e interactivos
Em informaacutetica interface graacutefica (abreviadamente a sigla GUI do inglecircs Graphical
User Interface) eacute um mecanismo de interacccedilatildeo entre usuaacuterio e sistema de computador
baseado em siacutembolos visuais como iacutecones menus e janelas Atraveacutes de um dispositivo
de entrada (normalmente um rato ou teclado) o usuaacuterio eacute capaz de seleccionar esses
siacutembolos e manipulaacute-los de forma a obter algum resultado praacutetico Esses simbolos satildeo
designados de widgets e satildeo agrupados em kits
Chama-se genericamente Informaacutetica ao conjunto das Ciecircncias da Informaccedilatildeo estando incluiacutedas neste
grupo a teoria da informaccedilatildeo o processo de caacutelculo a anaacutelise numeacuterica e os meacutetodos teoacutericos da
representaccedilatildeo dos conhecimentos e de modelagem dos problemas Habitualmente usa-se o termo
Informaacutetica para referir especificamente o processo de tratamento automaacutetico da informaccedilatildeo por meio
de maacutequinas electroacutenicas
chamadas computadores
A origem da palavra Informaacutetica se daacute atraveacutes da junccedilatildeo da palavra informaccedilatildeo com a
palavra automaacutetica
Eacute exactamente isso (informaccedilatildeo automaacutetica) atraveacutes de equipamentos (computador
reloacutegio aparelhos celulares cacircmaras digitais etc) que geram informaccedilatildeo
Iacutecone um pequeno desenho que representa um objecto ou um programa em
informaacutetica
O widget eacute um termo sem traduccedilatildeo que designa componentes de interface graacutefica com
o usuaacuterio (GUI) Qualquer item de uma interface graacutefica eacute chamada de widget por exemplo janelas bototildees menus e itens de menus iacutecones barras de rolagem etc
O termo imersatildeo foi introduzido recentemente na aacuterea das pesquisas com realidade
virtual para se referir ao modo peculiar como o sujeito entra ou mergulha dentro das
imagens e sons gerados pelo computador
Os dispositivos imersivos podem ser encontrados ao longo de
toda a histoacuteria do homem desde as cavernas preacute-histoacutericas
passando pela caverna de Platatildeo ateacute as actuais caves cuacutebicas de
imersatildeo total
A diferenccedila que a tecnologia digital introduziu foi a imersatildeo
interactiva em ambientes que satildeo dinamicamente alterados pelas
acccedilotildees dos sujeitos neles mergulhados
Questatildeo de reflexatildeo em situaccedilatildeo exemplo
Aprendizagem em 3D - Ambientes Virtuais de Treinamento e Educaccedilatildeo
Consultar httptranslategooglepttranslatehl=pt-
PTamplangpair=en|ptampu=httpwwwmetanomicsnetshowlearning_in_3d_-
_immersive_environments_in_training_and_education
Second life httpwwwyoutubecomwatchv=BDOBAeLAC4U
12 A ergonomia e a acessibilidade na web
A Acessibilidade que defendemos envolve trecircs noccedilotildees Utilizadores Situaccedilatildeo e
Ambiente
Escola Secundaacuteria Luiacutes de Freitas Branco
3
Material de apoio agrave disciplina de API B
O termo Utilizadores significa que nenhum obstaacuteculo eacute imposto ao indiviacuteduo
face agraves suas capacidades sensoriais e funcionais
O termo Situaccedilatildeo significa que o sistema eacute acessiacutevel e utilizaacutevel em diversas
situaccedilotildees independentemente do software comunicaccedilotildees ou equipamentos O termo Ambiente significa que o acesso natildeo eacute condicionado pelo ambiente
fiacutesico envolvente exterior ou interior
A acessibilidade da Internet caracteriza-se pela flexibilidade da informaccedilatildeo e interacccedilatildeo
relativamente ao respectivo suporte de apresentaccedilatildeo
Esta flexibilidade permite a sua utilizaccedilatildeo por pessoas com necessidades especiais bem
como a utilizaccedilatildeo em diferentes ambientes e situaccedilotildees e atraveacutes de vaacuterios equipamentos
ou navegadores
Apresenta-se em seguida 9 conselhos para a acessibilidade de um siacutetio web
APRESENTACcedilAtildeO DA INFORMACcedilAtildeO
1- Garanta que todas as imagens se encontram legendadas ou descritas com texto
Nota Esta medida eacute essencial para bototildees e ligaccedilotildees feitas com recurso a imagens O
leitor de ecratilde utilizado por um cego iraacute ler o texto alternativo associado agrave imagem
2 - Garanta que o tamanho do texto pode ser aumentado com as opccedilotildees do seu
navegador
Nota Esta facilidade eacute muito utilizada por pessoas idosas com algumas dificuldades
visuais
Escola Secundaacuteria Luiacutes de Freitas Branco
4
Material de apoio agrave disciplina de API B
3 - Garanta que o comprimento do texto na paacutegina se ajusta ao tamanho da
Janela
Nota Esta caracteriacutestica facilita a utilizaccedilatildeo de software de ampliaccedilatildeo
4 - Garanta a identificaccedilatildeo dos campos dos formulaacuterios
Nota Coloque etiquetas em todos os campos do formulaacuterio identificando a sua
funcionalidade No caso do elemento que executa o envio dos dados do formulaacuterio ser
uma imagem natildeo se esqueccedila de a legendar
Escola Secundaacuteria Luiacutes de Freitas Branco
5
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
1 Do GUI aos ambientes imersivos
CLI vs GUI
bull O sistema operativo eacute fundamental para o funcionamento do computador ele
controla todo o hardware do computador permitindo as aplicaccediloes executar as
mais variadas funccedilotildees
CLI ndash Command line Interface ex ms-dos
GUI- Grafic user interface interface grafico mais conhecido por janelas
11 Ambientes imersivos e interactivos
Em informaacutetica interface graacutefica (abreviadamente a sigla GUI do inglecircs Graphical
User Interface) eacute um mecanismo de interacccedilatildeo entre usuaacuterio e sistema de computador
baseado em siacutembolos visuais como iacutecones menus e janelas Atraveacutes de um dispositivo
de entrada (normalmente um rato ou teclado) o usuaacuterio eacute capaz de seleccionar esses
siacutembolos e manipulaacute-los de forma a obter algum resultado praacutetico Esses simbolos satildeo
designados de widgets e satildeo agrupados em kits
Chama-se genericamente Informaacutetica ao conjunto das Ciecircncias da Informaccedilatildeo estando incluiacutedas neste
grupo a teoria da informaccedilatildeo o processo de caacutelculo a anaacutelise numeacuterica e os meacutetodos teoacutericos da
representaccedilatildeo dos conhecimentos e de modelagem dos problemas Habitualmente usa-se o termo
Informaacutetica para referir especificamente o processo de tratamento automaacutetico da informaccedilatildeo por meio
de maacutequinas electroacutenicas
chamadas computadores
A origem da palavra Informaacutetica se daacute atraveacutes da junccedilatildeo da palavra informaccedilatildeo com a
palavra automaacutetica
Eacute exactamente isso (informaccedilatildeo automaacutetica) atraveacutes de equipamentos (computador
reloacutegio aparelhos celulares cacircmaras digitais etc) que geram informaccedilatildeo
Iacutecone um pequeno desenho que representa um objecto ou um programa em
informaacutetica
O widget eacute um termo sem traduccedilatildeo que designa componentes de interface graacutefica com
o usuaacuterio (GUI) Qualquer item de uma interface graacutefica eacute chamada de widget por exemplo janelas bototildees menus e itens de menus iacutecones barras de rolagem etc
O termo imersatildeo foi introduzido recentemente na aacuterea das pesquisas com realidade
virtual para se referir ao modo peculiar como o sujeito entra ou mergulha dentro das
imagens e sons gerados pelo computador
Os dispositivos imersivos podem ser encontrados ao longo de
toda a histoacuteria do homem desde as cavernas preacute-histoacutericas
passando pela caverna de Platatildeo ateacute as actuais caves cuacutebicas de
imersatildeo total
A diferenccedila que a tecnologia digital introduziu foi a imersatildeo
interactiva em ambientes que satildeo dinamicamente alterados pelas
acccedilotildees dos sujeitos neles mergulhados
Questatildeo de reflexatildeo em situaccedilatildeo exemplo
Aprendizagem em 3D - Ambientes Virtuais de Treinamento e Educaccedilatildeo
Consultar httptranslategooglepttranslatehl=pt-
PTamplangpair=en|ptampu=httpwwwmetanomicsnetshowlearning_in_3d_-
_immersive_environments_in_training_and_education
Second life httpwwwyoutubecomwatchv=BDOBAeLAC4U
12 A ergonomia e a acessibilidade na web
A Acessibilidade que defendemos envolve trecircs noccedilotildees Utilizadores Situaccedilatildeo e
Ambiente
Escola Secundaacuteria Luiacutes de Freitas Branco
3
Material de apoio agrave disciplina de API B
O termo Utilizadores significa que nenhum obstaacuteculo eacute imposto ao indiviacuteduo
face agraves suas capacidades sensoriais e funcionais
O termo Situaccedilatildeo significa que o sistema eacute acessiacutevel e utilizaacutevel em diversas
situaccedilotildees independentemente do software comunicaccedilotildees ou equipamentos O termo Ambiente significa que o acesso natildeo eacute condicionado pelo ambiente
fiacutesico envolvente exterior ou interior
A acessibilidade da Internet caracteriza-se pela flexibilidade da informaccedilatildeo e interacccedilatildeo
relativamente ao respectivo suporte de apresentaccedilatildeo
Esta flexibilidade permite a sua utilizaccedilatildeo por pessoas com necessidades especiais bem
como a utilizaccedilatildeo em diferentes ambientes e situaccedilotildees e atraveacutes de vaacuterios equipamentos
ou navegadores
Apresenta-se em seguida 9 conselhos para a acessibilidade de um siacutetio web
APRESENTACcedilAtildeO DA INFORMACcedilAtildeO
1- Garanta que todas as imagens se encontram legendadas ou descritas com texto
Nota Esta medida eacute essencial para bototildees e ligaccedilotildees feitas com recurso a imagens O
leitor de ecratilde utilizado por um cego iraacute ler o texto alternativo associado agrave imagem
2 - Garanta que o tamanho do texto pode ser aumentado com as opccedilotildees do seu
navegador
Nota Esta facilidade eacute muito utilizada por pessoas idosas com algumas dificuldades
visuais
Escola Secundaacuteria Luiacutes de Freitas Branco
4
Material de apoio agrave disciplina de API B
3 - Garanta que o comprimento do texto na paacutegina se ajusta ao tamanho da
Janela
Nota Esta caracteriacutestica facilita a utilizaccedilatildeo de software de ampliaccedilatildeo
4 - Garanta a identificaccedilatildeo dos campos dos formulaacuterios
Nota Coloque etiquetas em todos os campos do formulaacuterio identificando a sua
funcionalidade No caso do elemento que executa o envio dos dados do formulaacuterio ser
uma imagem natildeo se esqueccedila de a legendar
Escola Secundaacuteria Luiacutes de Freitas Branco
5
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Chama-se genericamente Informaacutetica ao conjunto das Ciecircncias da Informaccedilatildeo estando incluiacutedas neste
grupo a teoria da informaccedilatildeo o processo de caacutelculo a anaacutelise numeacuterica e os meacutetodos teoacutericos da
representaccedilatildeo dos conhecimentos e de modelagem dos problemas Habitualmente usa-se o termo
Informaacutetica para referir especificamente o processo de tratamento automaacutetico da informaccedilatildeo por meio
de maacutequinas electroacutenicas
chamadas computadores
A origem da palavra Informaacutetica se daacute atraveacutes da junccedilatildeo da palavra informaccedilatildeo com a
palavra automaacutetica
Eacute exactamente isso (informaccedilatildeo automaacutetica) atraveacutes de equipamentos (computador
reloacutegio aparelhos celulares cacircmaras digitais etc) que geram informaccedilatildeo
Iacutecone um pequeno desenho que representa um objecto ou um programa em
informaacutetica
O widget eacute um termo sem traduccedilatildeo que designa componentes de interface graacutefica com
o usuaacuterio (GUI) Qualquer item de uma interface graacutefica eacute chamada de widget por exemplo janelas bototildees menus e itens de menus iacutecones barras de rolagem etc
O termo imersatildeo foi introduzido recentemente na aacuterea das pesquisas com realidade
virtual para se referir ao modo peculiar como o sujeito entra ou mergulha dentro das
imagens e sons gerados pelo computador
Os dispositivos imersivos podem ser encontrados ao longo de
toda a histoacuteria do homem desde as cavernas preacute-histoacutericas
passando pela caverna de Platatildeo ateacute as actuais caves cuacutebicas de
imersatildeo total
A diferenccedila que a tecnologia digital introduziu foi a imersatildeo
interactiva em ambientes que satildeo dinamicamente alterados pelas
acccedilotildees dos sujeitos neles mergulhados
Questatildeo de reflexatildeo em situaccedilatildeo exemplo
Aprendizagem em 3D - Ambientes Virtuais de Treinamento e Educaccedilatildeo
Consultar httptranslategooglepttranslatehl=pt-
PTamplangpair=en|ptampu=httpwwwmetanomicsnetshowlearning_in_3d_-
_immersive_environments_in_training_and_education
Second life httpwwwyoutubecomwatchv=BDOBAeLAC4U
12 A ergonomia e a acessibilidade na web
A Acessibilidade que defendemos envolve trecircs noccedilotildees Utilizadores Situaccedilatildeo e
Ambiente
Escola Secundaacuteria Luiacutes de Freitas Branco
3
Material de apoio agrave disciplina de API B
O termo Utilizadores significa que nenhum obstaacuteculo eacute imposto ao indiviacuteduo
face agraves suas capacidades sensoriais e funcionais
O termo Situaccedilatildeo significa que o sistema eacute acessiacutevel e utilizaacutevel em diversas
situaccedilotildees independentemente do software comunicaccedilotildees ou equipamentos O termo Ambiente significa que o acesso natildeo eacute condicionado pelo ambiente
fiacutesico envolvente exterior ou interior
A acessibilidade da Internet caracteriza-se pela flexibilidade da informaccedilatildeo e interacccedilatildeo
relativamente ao respectivo suporte de apresentaccedilatildeo
Esta flexibilidade permite a sua utilizaccedilatildeo por pessoas com necessidades especiais bem
como a utilizaccedilatildeo em diferentes ambientes e situaccedilotildees e atraveacutes de vaacuterios equipamentos
ou navegadores
Apresenta-se em seguida 9 conselhos para a acessibilidade de um siacutetio web
APRESENTACcedilAtildeO DA INFORMACcedilAtildeO
1- Garanta que todas as imagens se encontram legendadas ou descritas com texto
Nota Esta medida eacute essencial para bototildees e ligaccedilotildees feitas com recurso a imagens O
leitor de ecratilde utilizado por um cego iraacute ler o texto alternativo associado agrave imagem
2 - Garanta que o tamanho do texto pode ser aumentado com as opccedilotildees do seu
navegador
Nota Esta facilidade eacute muito utilizada por pessoas idosas com algumas dificuldades
visuais
Escola Secundaacuteria Luiacutes de Freitas Branco
4
Material de apoio agrave disciplina de API B
3 - Garanta que o comprimento do texto na paacutegina se ajusta ao tamanho da
Janela
Nota Esta caracteriacutestica facilita a utilizaccedilatildeo de software de ampliaccedilatildeo
4 - Garanta a identificaccedilatildeo dos campos dos formulaacuterios
Nota Coloque etiquetas em todos os campos do formulaacuterio identificando a sua
funcionalidade No caso do elemento que executa o envio dos dados do formulaacuterio ser
uma imagem natildeo se esqueccedila de a legendar
Escola Secundaacuteria Luiacutes de Freitas Branco
5
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
3
Material de apoio agrave disciplina de API B
O termo Utilizadores significa que nenhum obstaacuteculo eacute imposto ao indiviacuteduo
face agraves suas capacidades sensoriais e funcionais
O termo Situaccedilatildeo significa que o sistema eacute acessiacutevel e utilizaacutevel em diversas
situaccedilotildees independentemente do software comunicaccedilotildees ou equipamentos O termo Ambiente significa que o acesso natildeo eacute condicionado pelo ambiente
fiacutesico envolvente exterior ou interior
A acessibilidade da Internet caracteriza-se pela flexibilidade da informaccedilatildeo e interacccedilatildeo
relativamente ao respectivo suporte de apresentaccedilatildeo
Esta flexibilidade permite a sua utilizaccedilatildeo por pessoas com necessidades especiais bem
como a utilizaccedilatildeo em diferentes ambientes e situaccedilotildees e atraveacutes de vaacuterios equipamentos
ou navegadores
Apresenta-se em seguida 9 conselhos para a acessibilidade de um siacutetio web
APRESENTACcedilAtildeO DA INFORMACcedilAtildeO
1- Garanta que todas as imagens se encontram legendadas ou descritas com texto
Nota Esta medida eacute essencial para bototildees e ligaccedilotildees feitas com recurso a imagens O
leitor de ecratilde utilizado por um cego iraacute ler o texto alternativo associado agrave imagem
2 - Garanta que o tamanho do texto pode ser aumentado com as opccedilotildees do seu
navegador
Nota Esta facilidade eacute muito utilizada por pessoas idosas com algumas dificuldades
visuais
Escola Secundaacuteria Luiacutes de Freitas Branco
4
Material de apoio agrave disciplina de API B
3 - Garanta que o comprimento do texto na paacutegina se ajusta ao tamanho da
Janela
Nota Esta caracteriacutestica facilita a utilizaccedilatildeo de software de ampliaccedilatildeo
4 - Garanta a identificaccedilatildeo dos campos dos formulaacuterios
Nota Coloque etiquetas em todos os campos do formulaacuterio identificando a sua
funcionalidade No caso do elemento que executa o envio dos dados do formulaacuterio ser
uma imagem natildeo se esqueccedila de a legendar
Escola Secundaacuteria Luiacutes de Freitas Branco
5
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
O termo Utilizadores significa que nenhum obstaacuteculo eacute imposto ao indiviacuteduo
face agraves suas capacidades sensoriais e funcionais
O termo Situaccedilatildeo significa que o sistema eacute acessiacutevel e utilizaacutevel em diversas
situaccedilotildees independentemente do software comunicaccedilotildees ou equipamentos O termo Ambiente significa que o acesso natildeo eacute condicionado pelo ambiente
fiacutesico envolvente exterior ou interior
A acessibilidade da Internet caracteriza-se pela flexibilidade da informaccedilatildeo e interacccedilatildeo
relativamente ao respectivo suporte de apresentaccedilatildeo
Esta flexibilidade permite a sua utilizaccedilatildeo por pessoas com necessidades especiais bem
como a utilizaccedilatildeo em diferentes ambientes e situaccedilotildees e atraveacutes de vaacuterios equipamentos
ou navegadores
Apresenta-se em seguida 9 conselhos para a acessibilidade de um siacutetio web
APRESENTACcedilAtildeO DA INFORMACcedilAtildeO
1- Garanta que todas as imagens se encontram legendadas ou descritas com texto
Nota Esta medida eacute essencial para bototildees e ligaccedilotildees feitas com recurso a imagens O
leitor de ecratilde utilizado por um cego iraacute ler o texto alternativo associado agrave imagem
2 - Garanta que o tamanho do texto pode ser aumentado com as opccedilotildees do seu
navegador
Nota Esta facilidade eacute muito utilizada por pessoas idosas com algumas dificuldades
visuais
Escola Secundaacuteria Luiacutes de Freitas Branco
4
Material de apoio agrave disciplina de API B
3 - Garanta que o comprimento do texto na paacutegina se ajusta ao tamanho da
Janela
Nota Esta caracteriacutestica facilita a utilizaccedilatildeo de software de ampliaccedilatildeo
4 - Garanta a identificaccedilatildeo dos campos dos formulaacuterios
Nota Coloque etiquetas em todos os campos do formulaacuterio identificando a sua
funcionalidade No caso do elemento que executa o envio dos dados do formulaacuterio ser
uma imagem natildeo se esqueccedila de a legendar
Escola Secundaacuteria Luiacutes de Freitas Branco
5
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
3 - Garanta que o comprimento do texto na paacutegina se ajusta ao tamanho da
Janela
Nota Esta caracteriacutestica facilita a utilizaccedilatildeo de software de ampliaccedilatildeo
4 - Garanta a identificaccedilatildeo dos campos dos formulaacuterios
Nota Coloque etiquetas em todos os campos do formulaacuterio identificando a sua
funcionalidade No caso do elemento que executa o envio dos dados do formulaacuterio ser
uma imagem natildeo se esqueccedila de a legendar
Escola Secundaacuteria Luiacutes de Freitas Branco
5
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
NAVEGACcedilAtildeO
5 - Permita a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Nota Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
6 - Garanta que os textos das ligaccedilotildees sejam compreensiacuteveis fora do contexto
Nota Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em
voz alta o respectivo texto Um cego usa uma teacutecnica semelhante para navegar
recorrendo a um leitor com siacutentese de fala para substituir a falta de visatildeo Ligaccedilotildees
compostas por clique aqui natildeo satildeo esclarecedoras para quem ouve apenas a
informaccedilatildeo das ligaccedilotildees Do mesmo modo se usar vaacuterias vezes o mesmo texto para
compor ligaccedilotildees diferenciadas gera ambiguidade As ligaccedilotildees podem ser legendadas
com texto alternativo para evitar ambiguidades
Escola Secundaacuteria Luiacutes de Freitas Branco
6
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
VERIFICACcedilAtildeO DA ACESSIBILIDADE
7 - Forneccedila uma forma simples para contactar o responsaacutevel
Nota O utilizador poderaacute comunicar-lhe as dificuldades que sente no acesso aos
conteuacutedos do seu siacutetio Facilite o feedback dos utilizadores
8 - Utilize ferramentas e serviccedilos automaacuteticos de anaacutelise da acessibilidade
Nota Encontra uma lista actualizada no siacutetio Web do W3C (World Wide Web Consortium) httpwwww3orgWAIERexistingtoolshtml Recomenda-se a utilizaccedilatildeo do Bobby
para anaacutelise da acessibilidade e o emulador de navegador de texto Lynx Viewer
Nota Actualmente ainda satildeo poucas as ferramentas para a criaccedilatildeo de conteuacutedos web
que contemplam a verificaccedilatildeo da acessiblidade A imagem refere-se ao software
Dreamweaver MX
Escola Secundaacuteria Luiacutes de Freitas Branco
7
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
9 - Afixe o siacutembolo de acessibilidade na Web
Nota Utilize o Siacutembolo de Acessibilidade na Web para indicar que o seu siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve incluir a definiccedilatildeo ALT=Siacutembolo de Acessibilidade na Web e ser
colocado na paacutegina de entrada do siacutetio
13 Requisitos de Visitabilidade
A resoluccedilatildeo do Conselho de Ministros 9799 pretende assegurar que a informaccedilatildeo
disponibilizada pela Administraccedilatildeo Puacuteblica na Internet seja susceptiacutevel de ser
compreendida e pesquisaacutevel pelos cidadatildeos com necessidades especiais determinando-
se que sejam adoptadas as soluccedilotildees teacutecnicas adequadas a que aquele objectivo seja
alcanccedilado
Esta medida insere-se no plano de concretizaccedilatildeo da Iniciativa Nacional para os
Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo
As presentes directrizes tecircm como objectivo iniciar a remodelaccedilatildeo dos siacutetios existentes
dotando-os de um conjunto miacutenimo de requisitos de visitabilidade sem prejuiacutezo de que os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade
Estes requisitos natildeo garantem que um siacutetio seja 100 acessiacutevel nem o cumprimento da
Resoluccedilatildeo do Conselho de Ministros 9799 mas pretendem adoptar um conjunto miacutenimo de teacutecnicas que permitiraacute visitar o siacutetio contactar o seu responsaacutevel e iniciar a
aprendizagem e troca de experiecircncias sobre acessibilidade entre os responsaacuteveis pelos
siacutetios da administraccedilatildeo puacuteblica na Internet
Os siacutetios dos organismos abrangidos pela resoluccedilatildeo do Conselho de Ministros 9799
deveratildeo ser adaptados ao estabelecido nas presentes regras devendo submeter agraves
respectivas tutelas relatoacuterios semestrais relativos ao estado da sua concretizaccedilatildeo
Apresentaccedilatildeo da Informaccedilatildeo
1 - Associar texto a cada elemento natildeo textual
Na maioria dos casos eacute suficiente o uso do atributo de texto alternativo laquoALTraquo para
identificaccedilatildeo sucinta do elemento Esta regra aplica-se a
- imagens
- representaccedilotildees graacuteficas de texto incluindo siacutembolos
Escola Secundaacuteria Luiacutes de Freitas Branco
8
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
- regiotildees de mapa de imagem
- animaccedilotildees (por exemplo GIF animados)
- applets e objectos programados
- arte ASCII - frames
- programas interpretaacuteveis
- imagens utilizadas como sinalizadores de pontos de enumeraccedilatildeo - espaccediladores
- bototildees graacuteficos
- sons (reproduzidos ou natildeo com interacccedilatildeo do utilizador)
- ficheiros aacuteudio independentes - pistas aacuteudio de viacutedeo
- trechos de viacutedeo
- Contactos
2 - Fornecer uma forma simples e oacutebvia para contactar a pessoa da organizaccedilatildeo
responsaacutevel pela informaccedilatildeo e o(s) administrador(es) do siacutetio
3 - Fornecer o endereccedilo telefone fax e correio electroacutenico da organizaccedilatildeo
4 - O responsaacutevel pelo siacutetio deveraacute subscrever a lista de distribuiccedilatildeo de correio
electroacutenico incne-interneteGroupscom enviado para o efeito um email em branco
(sem nada no corpo da mensagem e no assunto) para mailtoincne-internet-
subscribeeGroupscom
Navegaccedilatildeo
5 - Garantir que as ligaccedilotildees textuais ou com equivalente textual sejam palavras ou
expressotildees compreensiacuteveis fora do contexto
Use a tecla TAB para saltar de ligaccedilatildeo em ligaccedilatildeo numa paacutegina Web e leia em voz alta
o respectivo texto Um cego usa uma teacutecnica semelhante para navegar recorrendo a um
sintetizador fala para substituir a falta de visatildeo Ligaccedilotildees compostas por clique aqui
natildeo satildeo esclarecedoras para ouve apenas a informaccedilatildeo das ligaccedilotildees Do mesmo modo
se usar vaacuterias vezes o mesmo texto para compor ligaccedilotildees diferenciadas gera ambiguidade
6 - Permitir a activaccedilatildeo dos elementos da paacutegina atraveacutes do teclado
Pessoas com destreza reduzida ou com incapacidade de ver o cursor do ecratilde tecircm
dificuldade em usar um dispositivo apontador como o rato O teclado pode ser a uacutenica
alternativa
Escola Secundaacuteria Luiacutes de Freitas Branco
9
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
Conformidade
7 - Implementar os requisitos de visitabilidade
Recomenda-se como prioritaacuterio os requisitos de visitabilidade mencionados neste
documento Poderaacute no entanto usar os requisitos de acessibilidade do conteuacutedo da Web
do W3C disponiacuteveis em versatildeo Portuguesa no siacutetio da UTAD no endereccedilo
wwwutadptwaiwai-pageauthhtml
8 - Verificar a acessibilidade do siacutetio
Testar a acessibilidade da informaccedilatildeo usando ferramentas ou serviccedilos automaacuteticos de
anaacutelise da acessibilidade e emuladores de navegadores de texto
Pode recorrer a dois tipos de metodologia para efectuar uma anaacutelise do seu site uma
anaacutelise automaacutetica ou uma anaacutelise manual
Recomenda-se a utilizaccedilatildeo do Bobby (httpwwwcastorgbobby) para anaacutelise da
acessibilidade e o emulador de navegador de texto Lynx Viewer
(httpwwwdeloriecomweblynxviewhtml)
O Bobby eacute uma aplicaccedilatildeo que funciona on-line e que produz um relatoacuterio de acordo
com as directivas do W3C dividido pelas 3 prioridades de conformidade Este analisa e
detecta alguns dos problemas automaticamente e pede ao leitor do relatoacuterio para
verificar manualmente outros Quando detecta automaticamente problemas de
prioridade 1 afixa no relatoacuterio um selo de reprovado
Pode ainda usar apenas o teclado para navegar e interagir com a informaccedilatildeo contida no
siacutetio em anaacutelise
O TAW - Teste de Acessibilidade agrave Web eacute em tudo semelhante ao Bobby mas o
relatoacuterio produzido eacute feito em liacutengua espanhola enquanto no primeiro eacute em inglecircs
Aconselhamos a que use um misto das duas e sempre que possiacutevel recorra mesmo a
utilizadores com necessidades especiais (cegos surdos deficientes mentais
tetrapleacutegicos etc)
Antes de instalar tecnologias de acesso ou mesmo navegadores especiacuteficos tente tirar
partido dos emuladores on-line Eles permitem-lhe visualizar as paacuteginas Web simulando
outras tecnologias
rarr Lynx Viewer - A DJ Delorie possui uma paacutegina on-line onde pode colocar o URL
da paacutegina a analisar e automaticamente ela seraacute transformada em modo texto Desta
forma pode ver como a sua paacutegina eacute apresentada para quem usa sintetizador de voz
e ou linha braille
rarr WebTV Emulator - [Windows Mac] Quer saber como ficam as suas paacuteginas na
WebTV mas natildeo tem acesso ao sistema A WebTV fornece-lhe emuladores que
pode executar no seu computador e desta forma testar a perfomance das suas
Escola Secundaacuteria Luiacutes de Freitas Branco
10
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
paacuteginas com diferentes condiccedilotildees de visualizaccedilatildeo Sabia que a WebTV suporta
stylesheets e javascript
rarr Navegadores Web especiais
bull IBMs Home Page Reader - A IBM desenvolveu um programa que trabalha
com o Netscape Navigator e tambeacutem com o Internet Explorer para ler paacuteginas
Web em alto e bom som usando para o efeito um sintetizador por software em
liacutengua Portuguesa (Brasil)
bull Opera - Este eacute um navegador gratuito que pode usar para simular as mais
diversas situaccedilotildees de acesso ao seu Website Navegar com o teclado navegar em
modo texto navegar numa paacutegina linearmente retirando a sua estrutura Pode
encontrar mais detalhes de como configurar e utilizar no Manual Acessibilidade
aos siacutetios Web da AP
bull W3Cs Amaya - [Unix Windows] O navegador de teste do Consoacutercio World
Wide Web (W3C) que possui algumas caracteriacutesticas experimentais do HTML
bull Evolts Browser Archive - [Tudo] Embora se recomende os navegadores
anteriores para efectuar as suas anaacutelises se procura um navegador especiacutefico
tente o arquivo mantido por Adrian Roselli que lhe permite descarregar um vasto
nuacutemero de navegadores incluiacutendo os mais antigos como o Netscape 099
Nota final de verificaccedilatildeo o uso destas tecnologias natildeo dispensa sempre que possiacutevel
a avaliaccedilatildeo pelos proacuteprios utilizadores com deficiecircncia eou idosos
9 - Fazer as correcccedilotildees necessaacuterias e voltar a testar
10 - Afixar o siacutembolo de acessibilidade
Deveraacute colocar o Siacutembolo de Acessibilidade na Web na paacutegina de entrada
do siacutetio dando assim visibilidade da acessibilidade do seu site Existem
vaacuterias versotildees deste siacutembolo em httpwwwwgbhorgwgbhpagesncamcurrentprojectssymbolwinnerhtml
A imagem do siacutembolo de acessibilidade deveraacute ser ela proacutepria uma ligaccedilatildeo para uma
paacutegina com o seguinte conteuacutedo
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que este siacutetio seja 100
acessiacutevel A utilizaccedilatildeo deste siacutembolo demonstra unicamente um esforccedilo em
aumentar a acessibilidade deste siacutetio em conformidade com a Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios da administraccedilatildeo
puacuteblica na Internet pelos cidadatildeos com necessidades especiais
Apesar de existirem vaacuterios siacutembolos aconselha-se apenas um o siacutembolo de
acessibilidade agrave web da NCAM - httpncamwgbhorgwebaccesssymbolwinnerhtml
Descriccedilatildeo da imagem
Um globo inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um
buraco de fechadura
Escola Secundaacuteria Luiacutes de Freitas Branco
11
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
Como usar este siacutembolo
Utilize o Siacutembolo de Acessibilidade na Web para indicar que o siacutetio conteacutem
funcionalidades de acessibilidade para cidadatildeos com necessidades especiais para
diferentes ambientes situaccedilotildees equipamentos e navegadores
O siacutembolo deve ser colocado na paacutegina de entrada do siacutetio e deve incluir a definiccedilatildeo
ALT=Siacutembolo de Acessibilidade na Web
Recomenda-se que acompanhe o siacutembolo da sua respectiva descriccedilatildeo (Um globo
inclinado com uma grelha sobreposta Na sua superfiacutecie estaacute recortado um buraco de fechadura) atraveacutes de uma ligaccedilatildeo D
A afixaccedilatildeo do Siacutembolo de Acessibilidade natildeo garante que um siacutetio seja 100 acessiacutevel
nem o cumprimento das Regras de Acessibilidade
A utilizaccedilatildeo deste Siacutembolo eacute um acto voluntaacuterio que demonstra unicamente um
esforccedilo em aumentar a acessibilidade de um siacutetio
Deveraacute tambeacutem afixar nesta paacutegina as informaccedilotildees sobre a acessibilidade do siacutetio
incluindo o endereccedilo de correio electroacutenico do responsaacutevel pela sua concepccedilatildeo para
contacto em caso de dificuldade de acesso
E ainda afixar as ligaccedilotildees de enquadramento sobre acessibilidade
- Acesso - Acessibilidade a Cidadatildeos com Necessidades Especiais agrave Sociedade de
Informaccedilatildeo (Unidade de Apoio do MCT) httpacessomctpt
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9799 sobre acessibilidade dos siacutetios
da administraccedilatildeo puacuteblica na Internet pelos cidadatildeos com necessidades especiais
httpwwwmctptnovolegislacaodespachoscneinterhtm
- Documento da Resoluccedilatildeo do Conselho de Ministros Nordm 9699 relativo agrave Iniciativa
Nacional para os Cidadatildeos com Necessidades Especiais na Sociedade da Informaccedilatildeo httpwwwmctptnovolegislacaodespachosincnehtm
- Directivas para a acessibilidade do conteuacutedo da Web - 10 do W3C
httpwwwutadptwaiwai-pageauthhtml
- Iniciativa para a acessibilidade da Web do W3C
httpwwww3corgwai
- GUIA - Grupo Portuguecircs pelas Iniciativas em Acessibilidade
httpwwwacessibilidadenet
- Microsoft Accessibility - Technology for Everyone httpwwwmicrosoftcomenable
- Lista de distribuiccedilatildeo de correio electroacutenico INCNE-INTERNET
httpwwwegroupscomgroupincne-internet
Escola Secundaacuteria Luiacutes de Freitas Branco
12
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Material de apoio agrave disciplina de API B
14 A acessibilidade na web ndash Legendagem de viacutedeos online
Apresenta-se um exemplo de como a legendagem de viacutedeos online isto eacute existentes em
paacuteginas web deve ser feita
Visita Guiada ao Oceanaacuterio de Lisboa
Ficha Teacutecnica
Tiacutetulo Viacutesita Guiada ao Oceanaacuterio de Lisboa
Produccedilatildeo MCTuArte - Unidade de Apoio agrave rede telemaacutetica das Escolas
Legendagem MCTAcesso - Unidade de Apoio aos Cidadatildeos com Necessidades Especiais na
Soc da Informaccedilatildeo
Formato Media Player
Duraccedilatildeo 11 minutos e 59 segundos
Ficheiro com as legendas oceanariotxt
Sumaacuterio
O presente viacutedeo tem por objectivo mostrar a teacutecnica de sincronizaccedilatildeo imagemtexto que
permite entre muitas outras coisas o acesso agrave narraccedilatildeo por parte das pessoas surdas Os
motores de busca conseguem tambeacutem desta forma encontrar palavras proferidas no viacutedeo
Nota sobre acessibilidade
O presente viacutedeo arranca automaticamente assim que entra nesta paacutegina se pretende
pausaplay - pressione a tecla espaccedilo
parar - pressione a tecla ponto final
Legendagem em Tempo Real
O objectivo desta teacutecnica eacute utilizar um serviccedilo de legendagem em tempo real para fornecer uma versatildeo em texto do conteuacutedo
de aacuteudio em directo Estes serviccedilos utilizam uma pessoa com formaccedilatildeo que ouve o que estaacute a ser dito e utiliza um teclado
especial para introduzir o texto com apenas um ligeiro atraso Permitem capturar um evento em directo com um elevado niacutevel
de exactidatildeo bem como introduzir notas em aacuteudio natildeo falado que satildeo essenciais para a compreensatildeo do evento A janela
que conteacutem o texto da legenda estaacute disponiacutevel na mesma paacutegina Web do conteuacutedo de aacuteudio em directo
httpwwwacessoumicptw3TRWCAG20-TECHSG157html
15 Exerciacutecios propostos
1 Em grupos de 2 alunos por computador pesquisar recorrendo agrave Internet artigos
sobre (visite todos os sites acima apresentados e faccedila pesquisas na web por exemplo com o wwwgooglept)
bull A evoluccedilatildeo histoacuterica da interface homem-maacutequina
bull Os ambientes graacuteficos actuais ergonomia e sentidos
2 Criar um trabalho em Word sobre esta temaacutetica com capa iacutendice introduccedilatildeo
desenvolvimento e conclusatildeo
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13
Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres
httpthinkofitcomplatodwplatohtm
Escola Secundaacuteria Luiacutes de Freitas Branco
13