“Mais Acessibilidade, Melhor Acessibilidade” VII Jornadas Sidar 2003 •2/30 Fotografias Fonte: Mediateca da União Europeia •3 /30 ANACOM • A ANACOM acredita que a disponibilização de conteúdos Web acessíveis representa um valor acrescentado na sua comunicação institucional. • A ANACOM, consciente do seu papel neste domínio, cultiva a inclusão de boas práticas no processo de gestão do seu sítio na Internet – o portal das comunicações em Portugal. •4 /30 ANACOM • A ANACOM está directamente envolvida no objectivo político e social de realização do projecto e-Europa: uma Sociedade para Todos, baseada no conhecimento. • A ANACOM pretende tornar-se a referência nacional e europeia em matéria de Boas Práticas na publicação de informação na Web. • A ANACOM associa-se plenamente à celebração deste ano especial de 2003: o Ano Europeu do Cidadão com Deficiência. •5 /30 2001 Sondagem de opinião Figura 1: Captura de imagem do inquérito do sítio da Anacom 3 Grupos de Utilizadores: Figura 2: Gráfico de avaliação do sítio da Anacom (Facilidade de uso, Qualidade da Informação e Apresentação Visual) •Sector das Comunicações (Operadores, Técnicos de Telecom., etc.); •Comunicação Social (Imprensa, Rádio, Televisão, etc.); •Público em Geral •6 /30 2002 Renovação de Imagem Figura 4: Versão do sítio da Anacom - 31/10/2003 Figura 3: Versão antiga do Sítio da Anacom -17/11/2001 - renovação da imagem gráfica - nova arquitectura da informação - ferramenta de gestão de conteúdos •7 /30 Novas Funcionalidades - Subscrição de Informação - Criação de um Balcão Virtual •Formulários Electrónicos - Implementação de um “Desenho para Todos” •Inquéritos Públicos e Votações •Glossários de Termos •Contactos •8 /30 Ferramenta de Gestão de Conteúdos Conteúdos + Metadados (DCMI 15) • Título: • Assunto: • Autor: • Data (Publicação, Actualização …): •… Figura 5: Backoffice do sítio da Anacom Figura 6: Processo de migração de conteúdos •9 /30 Apresentação • Diferentes páginas com diferentes funcionalidades • A mesma “metáfora” de navegação. Figura 7: Estilos de Página •10 /30 Apresentação Estilos para os conteúdos (CSS - Cascading Style Sheets). Figura 8: Estilos de Página •11 /30 Conteúdo Princípios • Perceptível • Operável • Compreensível • Robusto •12 /30 Edição de Imagens Criação de Miniaturas e Legendagem de Imagens Evolução do número total de clientes (Clique na imagem para ver o gráfico numa nova janela) •13 /30 Descrição Das Hiperligações Breve descrição de cada artigo publicado. Disponibilizado em vários contextos. •14 /30 Edição de Tabelas Ex: Serviço de Acesso à Internet - 4º Trimestre de 2002 ¿ – Nº de clientes de acesso modem por cabo no 3º Trim de 2002? Correcta edição da tabela: Inserção do título e sumário e definição do cabeçalho. WAI HTML Table Linearizer http://www.w3.org/WAI/References/Tablin/form Caption: Número Total de Clientes Summary: Clientes do Serviço de Acesso à Internet (Clientes de acesso dial up; Clientes de acesso dedicado; Clientes de acesso ADSL; Clientes de acesso modem por cabo), em 2001 e 2002 (1º, 2º e 3º e 4º trim.) = Número total de clientes, 2001 = 3.459.640, 2002 , 1ºTrim = 3.800.606, Linearização da tabela 2002 , 2ºTrim = 4.299.769, 2001 2002 2002 , 3ºTrim4 = 4.718.432, 1ºTrim 2ºTrim 3ºTrim4 4ºTrim 2002 , 4ºTrim = 5.165.0575 Número total de clientes 3.459.640 3.800.606 4.299.769 4.718.432 5.165.0575 Clientes de acesso dial up1 3.360.324 3.676.379 4.146.149 4.525.770 4.902.294 … = Clientes de acesso modem por cabo3, Clientes de acesso dedicado 2.709 2.669 2.816 3.208 3.272 2001 = 93.721, Clientes de acesso ADSL2 2.886 3.906 5.500 17.976 52.005 2002 , 1ºTrim = 117.652, Clientes de acesso modem por cabo3 93.721 117.652 145.304 171.478 207.486 2002 , 2ºTrim = 145.304, 2002 , 3ºTrim4 = 171.478, 2002 , 4ºTrim = 207.486 Linguagem • Sítio Bilíngue (Português e Inglês) • Abreviaturas e Acrónimos •16 /30 Algumas Preocupações O aparecimento explosivo de dispositivos de acesso no mercado. A flexibilidade apresentada pelas páginas quando submetidas a dispositivos com capacidades reduzidas - operabilidade. O objectivo de conformidade com WAI-WCAG AAA A robustez •17 /30 WCAG 1.0 Triple-A Approved • Sensibilização do mercado; • Preparação técnica dos fornecedores de serviços de TI; • A exigência de qualidade/conformidade • As directivas da União Europeia • A existência de mecanismos de validação Figura 9: Logotipos referentes a requisitos de acessibilidade •18 /30 O Sítio da ANACOM Versão Texto = Figura 10: Versão Gráfica do sítio da Anacom Figura 11: Versão Texto do sítio da Anacom Device Independent http://www.anacom.pt/ http://www.anacom.pt/txt/ Figura 12 : Emulação de navegação •20 /30 Versão Texto ... Autoridade Nacional de Comunicações (ICP-ANACOM) [Logotipo ANACOM com a designação social Autoridade Nacional de Comunicações, no topo, uma elipse cinzenta com uma esfera vermelha, uma verde e outra amarela] Saltar para o artigo | Bem-vindo | Contactos | Ajuda | Personalizar | Mapa do Sítio | English Version Saltar para o Artigo | Actualidades | Sala de Imprensa | ANACOM | Legislação | Estatísticas | Publicações | Links 2003-03-06 Versão Gráfica Balcão Virtual Balcão Virtual - O seu serviço de atendimento em linha. Aqui poderá requerer serviços, obter informações no âmbito da actividade da Anacom, e ainda aceder a outros serviços. Obrigada pela sua visita! :: Página Inicial CEPT Portugal, através da ANACOM, detém a Presidência da Conferência Europeia das Administrações de Correios e Telecomunicações (CEPT) entre 1 de Outubro de 2002 e 30 de Setembro de 2003. … Este sítio foi preparado para ser acessível aos utilizadores com necessidades especiais Comentários e Sugestões | © ANACOM 2002 •21 /30 Flexibilidade e Velocidade Figura 13 : Vários dispositivos com acesso à Internet •22 /30 Formulários Electrónicos FORMULÁRIO 033 Fieldsets Saltar Introdução | Lista de teclas de atalho | Instruções Formulário 033: Protecção à Recepção de Radiodifusão Questionário. Se tiver dificuldades no seu preenchimento, envie por favor o seu pedido via email para <[email protected]>. Note que quando pressionar o botão "Submeter Dados " o seu pedido irá ser enviado para os serviços da Anacom, e receberá uma confirmação do seu pedido por email. Labels Lista de teclas de atalho definidas para este formulário 1 Indentificação 2 Serviço Afectado 3 Características da Perturbação … 8 Cumprimento de disposições B Número Bilhete de Identidade C Número Contribuinte Radio Buttons pré-seleccionadas I Instruções L Morada N Nome Completo V Validade Bilhete de Identidade Figura 14: Formulário 033: Protecção à Recepção de Radiodifusão Questionário •23 /30 Inter operabilidade Comunicação Homem - Máquina Máquina - Máquina Figura 15 : Ilustração de comunicação Homem – Máquina e Máquina-Máquina •25 /30 Metainformação Os conteúdos publicados são catalogados de acordo com normas pré-estabelecidas (DCMI). Figura 16: Etiqueta de Metainformação A disponibilização dos conteúdos num formato perceptível pelas máquinas (RDF/XML) possibilita o aparecimento de novas aplicações e serve de suporte ao intercâmbio de conhecimento na Web. Figura 17: Metainformação DC em RDF/XML •26 /30 Interoperabilidade Informação actualizada em tempo real Figura 18 : Ilustração de comunicação de dados •27 /30 ... linguagem comum Utilização de uma linguagem comum Vantagens Interoperabilidade entre sítios na Web; A semântica da metainformação fica acessível às máquinas; Maior precisão na pesquisa de informação; Possibilita a indução de nova informação com base em ontologias centradas no cidadão; educação nascimento habitação justiça saúde emigração emprego finanças •28 /30 Melhor Acessibilidade A acessibilidade da informação. • Representação do conhecimento; • A Web Semântica; • O que são Agentes? • Ajudas técnicas... ... novos cães guia; Figura 19 e 20 : Mapas de conceitos •29 /30 Uma Sociedade Da Informação Para Todos Obrigado pela atenção. Hugo SC [email protected] •30 /30