Html course for_visually_impaired_persons

  • View
    176

  • Download
    0

Embed Size (px)

Text of Html course for_visually_impaired_persons

  1. 1. Faculdade de Informtica e Administrao Paulista Bacharelado em Sistemas de Informao ACESSIBILIDADE EM SITES DE ENSINO A DISTNCIA PARA DEFICIENTES VISUAIS CURSO DE HTML Ricardo Schmidt RM 58462 Wallace Cardoso RM 58248 So Paulo 2009
  2. 2. Faculdade de Informtica e Administrao Paulista Bacharelado em Sistemas de Informao ACESSIBILIDADE EM SITES DE ENSINO A DISTNCIA PARA DEFICIENTES VISUAIS CURSO DE HTML Monografia apresentada Faculdade de Informtica e Administrao Paulista como parte do Trabalho de Concluso de Curso, requisito parcial para obteno do diploma de bacharel em Sistemas de Informao. Orientador: Prof. MS. Luiz Carlos Rampazzo Filho So Paulo 2009
  3. 3. Dedicamos este trabalho, s nossas famlias, namoradas e amigos, que nos apoiaram durante toda trajetria da faculdade.
  4. 4. AGRADECIMENTOS Primeiramente a Deus, pela oportunidade de desenvolver esse trabalho, e podermos conhecer um pouco sobre a vida, os desafios e a fora de vontade de pessoas portadoras de deficincia visual. Agradecimento ao Antnio Carlos e Adriana Kravchenko da Fundao Dorina Nowill, que nos receberam na fundao e nos ajudaram no desenvolvimento do projeto, e ao Ivo Ramalho e Carolina Venancio, da Fundao Bradesco, que nos orientaram com dicas e sugestes para realizao desse trabalho. Aos nossos amigos, e antigos chefes, Reinaldo Santos e Jefferson Amado, que nos apoiaram no desenvolvimento desse projeto desde o incio. Ao nosso professor e orientador Luiz Carlos Rampazzo, que acompanhou, ajudou e incentivou a execuo deste trabalho. Agradecimentos carinhosos famlia do aluno Ricardo Schmidt: Edson Schmidt, Cleonice Schmidt, Rafael Schmidt, Rodrigo Schmidt, Caike Schmidt, e a namorada Amanda Queiroz de Souza, que incentivaram o aluno na realizao deste trabalho desde seu incio. Agradecimentos carinhosos famlia do aluno Wallace Cardoso: Maria Jos Cardoso, Gislaine Cardoso Colao Ricardo, e a namorada Camila Rodrigues Vitale, que incentivaram o aluno na realizao deste trabalho desde seu incio.
  5. 5. SUMRIO LISTA DE FIGURAS LISTA DE GRFICOS LISTA DE TABELAS RESUMO ABSTRACT CAPTULO 1 INTRODUO ...................................................................... 1 1.1. Objetivo do Estudo............................................................................ 1 1.2. O problema que motivou este estudo ............................................... 1 1.3. Composio do trabalho ................................................................... 1 CAPTULO 2 - REVISO BIBLIOGRFICA................................................... 3 2.1. Incluso Social dos Deficientes ........................................................ 3 2.2. O direito ao trabalho.......................................................................... 9 2.3. Portadores de deficincia no Brasil................................................. 10 2.4. Educao Especial.......................................................................... 11 2.5. Deficincia Visual............................................................................ 17 2.6. Principais Causas da Deficincia Visual ......................................... 19 2.7. Introduo ao Sistema Braille ......................................................... 20 2.7.1. A Cela Bsica .............................................................................. 21 2.7.2. O Alfabeto Bsico da Lngua Portuguesa.................................... 21 2.8. Incluso Digital de Deficientes Visuais............................................ 21 2.9. Como Deficientes Visuais Usam o Computador ............................. 22 2.9.1. Acesso ao Computador sem Mouse............................................ 23 2.9.2. Acesso ao Computador sem Monitor........................................... 24 2.9.3. Softwares Leitores de Tela .......................................................... 24 2.9.3.1. Jaws ......................................................................................... 24 2.9.3.2. Virtual Vision ............................................................................ 25 2.9.3.3. Dosvox ..................................................................................... 26 2.10. EAD - Ensino a Distncia............................................................. 27 2.10.1. A Evoluo do EAD no Brasil ................................................... 29 2.10.2. EAD para Deficientes Visuais usando a Internet...................... 30 2.10.3. Formao de Professores para Educao Especial................. 32
  6. 6. 2.11. Acessibilidade.............................................................................. 32 2.11.1. Acessibilidade na Internet ........................................................ 33 2.11.1.1. W3C - World Wide Web Consortium..................................... 35 2.11.1.2. W3C-WAI - Web Accessibility Initiative ................................. 36 2.11.1.3. WCAG - Web Content Accessibility Guidelines..................... 36 2.11.1.4. Recomendaes do WCAG .................................................. 37 2.11.1.5. WCAG Pontos de Verificao e Nveis de Prioridade........ 39 2.11.1.6. WCAG - Selos de Conformidade de Acessibilidade.............. 46 2.11.1.7. Responsabilidade pelo nvel de Acessibilidade..................... 47 2.11.2. Desenvolvendo Sites Acessveis.............................................. 48 2.11.2.1. Exemplos de cdigos acessveis .......................................... 50 2.11.2.1.1. Formulrios Acessveis...................................................... 50 2.11.2.1.2. Utilizando Texto Alternativo em Imagem ........................... 52 2.11.3. Avaliadores e Validadores Automticos de Acessibilidade ...... 53 CAPTULO 3 Materiais e mtodos............................................................ 57 3.1. Metodologias no desenvolvimento do site ...................................... 57 3.1.1. Acessibilidade.............................................................................. 57 3.1.2. Padres Web............................................................................... 58 3.1.3. Contedo acessvel ..................................................................... 59 3.1.4. Ensino a distncia para deficientes visuais.................................. 61 3.2. Tcnicas de acessibilidade usadas no desenvolvimento do site .... 61 3.2.1. Aplicando as tcnicas do WCAG................................................. 62 3.2.1.1. Atributo TABINDEX .................................................................. 62 3.2.1.2. Atributo ACCESSKEY .............................................................. 63 3.2.1.3. Tag de Cabealho .................................................................... 64 3.3. Validando a acessibilidade do site .................................................. 65 3.3.1. Validando o site atravs de softwares leitores de tela................. 65 3.3.2. Validando o site atravs de softwares de validao automtica.. 66 3.3.3. Validao do site por deficientes visuais ..................................... 66 3.4. Tecnologias usadas no desenvolvimento do site............................ 66 3.4.1. XHTML......................................................................................... 67 3.4.2. CSS ............................................................................................. 67
  7. 7. 3.4.3. JavaScript.................................................................................... 67 3.4.4. PHP ............................................................................................. 67 3.4.5. Apache ........................................................................................ 68 3.4.6. MySQL......................................................................................... 68 3.5. Realizao do curso de HTML........................................................ 69 3.6. Divulgao do site na internet......................................................... 70 CAPTULO 4 SISTEMA ............................................................................ 71 4.1. Codificao padro em todas as pginas do site............................ 71 4.2. Menu da rea do aluno ................................................................... 73 4.3. Formulrio de cadastro ................................................................... 74 4.4. Demais cdigos utilizados no site ................................................... 77 CAPTULO 5 - RESULTADOS E DISCUSSO ........................................... 78 5.1. Comparativo de validaes realizado em sites de ensino a distncia pela internet.............................................................................................. 78 5.2. Alunos do site www.cursodehtml.com.br ........................................ 87 5.3. Discusso sobre os resultados ....................................................... 92 CAPTULO 6 CONCLUSO...................................................................... 93 CAPTULO 7 BIBLIOGRAFIA ................................................................... 95 APNDICE A GLOSSRIO .................................................................... 101 APNDICE B ANEXO 1.......................................................................... 105 Como utilizar o site ................................................................................. 105 Mapa do site ........................................................................................... 105 Pgina inicial........................................................................................... 106 Realizar cadastro no curso de HTML...................................................... 107 rea do aluno ......................................................................................... 107 Esqueci minha senha.............................................................................. 108 O Curso ..........................................................................................