aplicações informaticas b - parte 1

17
Material de apoio à disciplina de API B Computational neuroscientists are learning that the brain is like a computer, except when it isn't.David Lindley APLICAÇÕES INFORMÁTICAS B - FINALIDADES São finalidades da disciplina de Aplicações B do 11º ano de escolaridade: Aprofundar a capacidade de pesquisa de informação, bem como da sua comunicação, a partir da utilização das tecnologias da informação e comunicação; Promover o incremento das capacidades de produção colaborativa, entre as quais se salientam, a co-criatividade e a co-responsabilidade, numa perspectiva de abertura à mudança, de compreensão dos fenómenos mediáticos, e de percepção do papel dos conteúdos nas TIC; Identificar as características de produtos provenientes da indústria de conteúdos, nomeadamente quanto às suas características de interactividade e técnicas; Avaliar das características, funcionalidades e eficácias de software de cariz multimédia, quer como produto quer como meio de produção; Desenvolver capacidades necessárias à manipulação de aplicações informáticas multimédia, nomeadamente em articulação com as aprendizagens de todo o tipo inerentes a outras áreas de formação inseridas no currículo; Criar hábitos e atitudes conducentes a uma disponibilidade para uma aprendizagem ao longo da vida como condição essencial exigida para a adaptação a um crescimento acelerado de novas formas de comunicar, que continuamente criam novos afloramentos do saber associados ao contexto da sociedade do conhecimento; Fomentar o interesse pela procura permanente de actualizações nas soluções encontradas, pela inovação e pela compreensão dos fenómenos comunicativos que se centram em torno dos diferentes aspectos da informação; Promover o desenvolvimento de competências na utilização das tecnologias da informação e comunicação que permitam uma crescente literacia digital; Fomentar a análise crítica da função e do poder das novas tecnologias da informação e comunicação, nomeadamente a que assenta na indústria de conteúdos;

Upload: paulooferreira

Post on 24-Jun-2015

383 views

Category:

Documents


1 download

DESCRIPTION

parte 1

TRANSCRIPT

Page 1: Aplicações informaticas B - parte 1

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

Page 2: Aplicações informaticas B - parte 1

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

Page 3: Aplicações informaticas B - parte 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

Page 4: Aplicações informaticas B - parte 1

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

Page 5: Aplicações informaticas B - parte 1

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

Page 6: Aplicações informaticas B - parte 1

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

Page 7: Aplicações informaticas B - parte 1

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

Page 8: Aplicações informaticas B - parte 1

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

Page 9: Aplicações informaticas B - parte 1

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

Page 10: Aplicações informaticas B - parte 1

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

Page 11: Aplicações informaticas B - parte 1

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

Page 12: Aplicações informaticas B - parte 1

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

Page 13: Aplicações informaticas B - parte 1

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

Page 14: Aplicações informaticas B - parte 1

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

Page 15: Aplicações informaticas B - parte 1

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

Page 16: Aplicações informaticas B - parte 1

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

Page 17: Aplicações informaticas B - parte 1

Consultar tambeacutem httpwww3sympaticocadrokebyexperiencehtml httpwwwnathancomthoughtsinterpres

httpthinkofitcomplatodwplatohtm

Escola Secundaacuteria Luiacutes de Freitas Branco

13