INFORMACIN DEL CURSO

Estimado aprendiz, el Servicio Nacional de Aprendizaje SENA, le da una cordial bienvenida al curso Diseo y Desarrollo de Sitios Web Accesibles. Presentacin y justificacin El curso de Introduccin al Diseo y Desarrollo de Sitios Web Accesibles, pretende formar adecuadamente a diseadores y desarrolladores de contenidos para la web en el campo prctico del diseo accesible, basndose en las pautas WCAG 2.0 del W3C y la NTC Colombiana de accesibilidad web. Este curso pretende sensibilizar a los aprendices y generar competencias en la interpretacin, evaluacin e implementacin de las pautas de accesibilidad para crear contenidos universalmente accesibles y de gran calidad que puedan ser utilizados satisfactoriamente por la mayora de usuarios en diversas situaciones. Durante este proceso de formacin, se cuenta con el acompaamiento constante de un(a) tutor(a), quien est disponible para resolver inquietudes y servir de gua en el curso, con el fin de aportar al cumplimiento de la meta propuesta: aprender, aprobar el curso y recibir la respectiva certificacin. Para garantizar el xito de este proceso formativo, es importante conocer algunos aspectos como: competencias a desarrollar, duracin del curso, metodologa, criterios de evaluacin, unidades temticas, cronograma, estrategias de comunicacin con el tutor, software requerido, normas de convivencia, etiqueta en internet, proceso de certificacin, entre otros. Por ello se invita a iniciar el recorrido por esta presentacin.

Competencia a Desarrollar Este curso est orientado al auto-aprendizaje productivo de Diseadores y programadores, basndose en el conocimiento y la aplicabilidad de Diseo y Desarrollo de Sitios Web Accesibles, el cual tendr como resultado una mayor habilidad en el manejo de las respectivas herramientas. Por ende este curso tiene por competencia lo siguiente: Aplicar herramientas ofimticas, redes sociales y colaborativas de acuerdo con el proyecto a desarrollar. Poblacin Objetivo El curso est dirigido a las siguientes personas: Aprendices SENA, con conocimientos en diseo y desarrollo de sitios Web, interesados en ampliar sus destrezas en el manejo eficiente y aplicabilidad de las diferentes herramientas que ofrece este curso. Trabajadores de diferentes empresas, con conocimiento en el diseo y desarrollo de sitios Web interesados en mejorar su desempeo laboral. Desempleados y estudiantes con conocimiento en temas referentes al diseo y desarrollo de sitios Web y quieran ampliar sus habilidades al utilizar los instrumento adquiridos en el proceso de este curso como medio o fuente para conseguir nuevas oportunidades laborales, ya que estas nuevas tecnologas son una alternativa para actualizar el talento humano vinculado a una actividad econmica laboral.

Duracin y Certificacin El Servicio Nacional de Aprendizaje SENA certificar el presente curso por 40 horas. Una vez finalice el programa de formacin, el sistema notificar al aprendiz a travs de su correo electrnico el estado final; si su estado es aprobado, recibir las indicaciones para realizar la descarga del certificado en lnea, desde el sistema dispuesto por la entidad. El proceso para generar el certificado se describe en el espacio Informacin del curso. Requisitos de Ingreso Se requiere que el aprendiz AVA tenga dominio en Diseo y Desarrollo de Sitios Web, adems de las condiciones bsicas relacionadas con el manejo de herramientas informticas y de comunicacin: correo electrnico, chats, Internet, navegadores, entre otros sistemas y herramientas tecnolgicas necesarias para la formacin virtual. Tambin, debe tener en cuenta que es importante lo siguiente: Tener acceso a un computador. Tener acceso a internet. Conocer el manejo de las TICs. Disponer de dos horas diarias para dedicarle al curso.

Contenidos El curso consta de cuatro unidades temticas con sus respectivos temas, distribuidas de la siguiente manera: UNIDAD 1: ACCESIBILIDAD DE LAS TICS EL LENGUAJE DE MARCADO Y SU EVOLUCIN 1. INTRODUCCIN A. Las TIC y Accesibilidad B. Norma Tcnica Colombiana NTC 5854 1.2. EL LENGUAJE DE MARCADO Y SU EVOLUCIN. A. Buenas prcticas con HTML. B. HTML y la accesibilidad Web. C. Contenido del curso. UNIDAD 2: PRINCIPIO 1. PERCEPTIBLE EN NIVEL AA - PRINCIPIO 2. OPERABLE EN NIVEL AA 2.1. PRINCIPIO 1. PERCEPTIBLE EN NIVEL AA A. Alternativas textuales. B. Medios tempodependientes. C. Separacin de primer plano y el fondo. 2.2. PRINCIPIO 2. OPERABLE EN NIVEL AA

A. Funcionalidad mediante el teclado. B. Recomendaciones para disear sitios web enfocados en el usuario. C. Tiempo suficiente para leer y usar el contenido. D. No disear contenido de un modo que se sepa que podra provocar ataques, espasmos o convulsiones.

E. Recomendaciones para la navegacin del curso. UNIDAD 3: PRINCIPIO 3. COMPRENSIBLE EN NIVEL AA - PRINCIPIO 4. ROBUSTO EN NIVEL AA 3.1. PRINCIPIO 3. COMPRENSIBLE EN NIVEL AA A. Contenidos textuales legibles y comprensibles. B. Operacin predecible. C. Evitar y corregir errores. 3.2. PRINCIPIO 4. ROBUSTO EN NIVEL AA A. Compatibilidad con otras aplicaciones. UNIDAD 4: METODOLOGA PARA LA EVALUACIN DE LA

ACCESIBILIDAD WEB A. Metodologa para la evaluacin de la accesibilidad en sitios web. B. Tcnicas automticas de evaluacin de la accesibilidad en sitios web. C. Tcnicas manuales de evaluacin de la accesibilidad en sitios web. D. Ejemplos prcticos de evaluacin en sitios web. G. Pruebas de usuario. Importante: Por cada unidad se tienen disponibles materiales, documentos de apoyo y actividades que desarrollan el tema y permiten aplicar lo aprendido. Las fechas de cada unidad temtica son indicadas por el tutor responsable de este proceso de formacin, de manera oportuna en los anuncios del curso y otros espacios que a bien considere; por ello se recomienda revisar diariamente dicho espacio.

Resultados de Aprendizaje Comprender la accesibilidad web como un derecho de los usuarios, involucrando a todos sin excepcin y como una herramienta eficaz para garantizar el acceso universal a la informacin. Conocer las competencias necesarias en temas relacionados con diseo y desarrollo accesible de sitios web. Implementar las pautas de accesibilidad para la web en las actividades que desarrollen profesionalmente los participantes del curso. Conocer el uso de las herramientas de revisin, evaluacin, verificacin y monitorizacin de la accesibilidad web que tienen a su disposicin. Comprender los conceptos tcnicos de las pautas de accesibilidad WCAG 2.0 y su correcta implementacin en el desarrollo de sitios web. Definir una metodologa organizada y efectiva para evaluar contenidos web y generar planes de accin coordinados para eliminar las barreras de accesibilidad encontradas en la evaluacin. Identificar las herramientas prcticas para que los webmasters,

desarrolladores y diseadores de sitios web favorezcan en gran medida la accesibilidad de sus sitios a travs de la generacin correcta y el marcado de los documentos HTML.

Criterios de Evaluacin y Promocin Crea un sitio web y desarrolla su contenido de acuerdo a las caractersticas de la norma NTC 5854 Usa adecuadamente las etiquetas ms comunes en HTML para favorecer la accesibilidad de los contenidos. Estructura correctamente los contenidos de una pgina web segn su orden. Determina el uso de alternativas textuales a elementos que no lo son, como imgenes o videos, para generar un diseo prctico de pginas web accesibles. Aplica los estndares de accesibilidad vistos para crear un sitio web accesible. Utiliza los estndares de la WC3 y de CSS y otros elementos de accesibilidad para complementar un sitio web. Aplica el mtodo de evaluacin automtica para comprobar el cumplimiento de los estndares de la WC3 y de CSS. Aplica el mtodo de evaluacin manual para comprobar la accesibilidad de un sitio web. Socializa los conocimientos adquiridos y aporta al comentario de sus compaeros con relacin a una problemtica o un caso.

Aplica los conceptos y prcticas del curso por medio de una actividad interactiva.

Aplica los conceptos y prcticas del curso por medio de una evaluacin.

Entrega a tiempo: enva la actividad en la fecha indicada por el tutor.

Metodologa Centrada en la construccin de autonoma para garantizar la calidad de la formacin en el marco de la formacin por competencias, el aprendizaje por proyectos o el uso de tcnicas didcticas activas que estimulan el pensamiento para la resolucin de problemas simulados y reales; soportadas en la utilizacin de las tecnologas de la informacin y la comunicacin, integradas en ambientes virtuales de aprendizaje, que en todo caso recrean el contexto productivo y vinculan al aprendiz con la realidad cotidiana y el desarrollo de las competencias. Igualmente, debe estimular de manera permanente la autocrtica y la reflexin del aprendiz sobre el quehacer y los resultados de aprendizaje que logra a travs de la vinculacin activa de las cuatro fuentes de informacin para la construccin de conocimiento: El instructor - Tutor El entorno Las TIC El trabajo colaborativo

Horas de Estudio Este curso est diseado para que el aprendiz dedique alrededor de 2 horas diarias que equivalen a 10 horas semanales. La metodologa de trabajo est sustentada en la interaccin permanente entre los integrantes del curso. Ello implica, que tan importante como la lectura y anlisis de los materiales de aprendizaje (de manera individual), es la activa participacin en los foros de debate y las distintas actividades que permitan la interaccin e intercambio de experiencias entre todos los participantes (trabajo grupal). El aprendiz virtual tendr lmite de periodos establecidos para el envo de las actividades de enseanza-aprendizaje-evaluacin, los cuales sern publicados oportunamente por el tutor en los anuncios del curso. Espacios de Comunicacin con el Tutor La comunicacin con el tutor se realizar a travs de las diferentes herramientas que ofrece la plataforma, como son: Foros de discusin, correo electrnico, etc. Normas de Convivencia Este curso de formacin virtual que ofrece el SENA tiene como eje central el desarrollo humano integral, es decir, est centrado en el saber y en el ser, por esta razn se entiende la convivencia como la armona social que se logra con el bienestar individual y colectivo. A continuamos se da a conocer el Declogo de convivencia de formacin virtual SENA: 1. El respeto, la tolerancia, dignidad y responsabilidad son los principios que deben guiar el desarrollo de este proceso de formacin y las distintas formas de interaccin entre sus integrantes.

2. Este es un espacio de aprendizaje en el que las diferencias ideolgicas, polticas, culturales, raciales y religiosas no tienen relevancia. Por ello es impropio dejar en los foros mensajes que inciten a abordar estos temas. 3. La puntualidad es parte del xito en el mbito personal y laboral, por ello el aprendiz es responsable de realizar y enviar las actividades en el tiempo establecido y el tutor informar oportunamente de los avances en el curso. Para esto es necesario tener en cuenta el cronograma del curso. 4. Las actividades deben ser enviadas a travs de la seccin Actividades del curso. No deben utilizarse los foros ni el correo electrnico del tutor para enviar trabajos, ya que por estos medios no sern calificados. 5. Es indispensable leer cuidadosamente el material de cada unidad, ya que es el insumo para el desarrollo de las actividades del curso. 6. La sinceridad es un principio de vida y tambin de este curso, por ello no se aceptan copias de trabajos, ni textos bajados totalmente de internet, es vlida la referencia, ya que sirve para contextualizar, pero el objetivo de este proceso es crear e innovar, no copiar y pegar. 7. Cuando se tomen ideas textuales de autores se deben respetar sus derechos, haciendo las respectivas citas y referencias bibliogrficas, segn las normas establecidas. 8. El aprendiz que copie actividades ser sancionado con una calificacin de 0 (cero) en la actividad y adems se har acreedor a la sancin que el tutor le imponga. 9. El aprendiz debe leer diariamente la seccin de anuncios del curso, para enterarse de las novedades del mismo.

10. El aprendiz debe dedicar al menos 2 horas diarias para cubrir el contenido de cada unidad temtica. 11. Si se presenta cualquier problema de ingreso a la plataforma, es fundamental la comunicacin con el tutor a travs del correo electrnico. 12. El aprendiz debe participar constantemente en los foros de discusin,

utilizando un lenguaje respetuoso y cortes al referirse a sus compaeros y tutor, teniendo en cuenta que no es adecuado escribir en mayscula sostenida, ya que en internet esto equivale a gritar. A cambio, se puede utilizar asteriscos y guiones para enfatizar y subrayar. 13. El aprendiz debe revisar las respuestas a las dudas enviadas al tutor. 14. Antes de preguntar algo en el Foro de Inquietudes o en el Foro Tcnico lea los interrogantes de sus compaeros y las respuestas dadas por el tutor, es posible que ya se haya formulado y da respuesta a esa pregunta. 15. Cuando solicite o pregunte algo, use por favor y gracias, nunca de rdenes. Buenas palabras y buenos modos cuestan poco y agradan a todos. 16. Respetar las opiniones de los dems y realizar aportes constructivos que enriquezcan el aprendizaje aporta al proceso formativo, de lo contrario, se pierde la oportunidad de aprender colaborativamente y compartir conocimientos, experiencias o percepciones. 17. Respetar el tema del foro. Si se publican contenidos de un tema diferente al propuesto, se aade ruido al dilogo, ya que los dems notan que se est descontextualizado del tema y dinmica planteada.

18. Ser educado en las discusiones. Fundamentar las opiniones con argumentos y no con groseras o descalificaciones y respetar las opiniones de los dems, aunque no se compartan; por ello se invita a ser constructivo. 19. El uso de esta plataforma es acadmico, por ello es impropio utilizar alguno de sus espacios para hacer publicidad de algn producto, persona o entidad. 20. Si alguien no respeta las normas de convivencia aqu mencionadas notifique al tutor. Software Requerido Para visualizar todos los contenidos del curso de forma ptima es necesario que descargue e instale los siguientes programas en su computador: Adobe Reader: programa que permite visualizar los archivos en formato PDF. http://get.adobe.com/es/reader/ Java: lenguaje de programacin que le permitir ver todas las aplicaciones diseadas con ste programa. http://www.java.com/es/download/manual.jsp Adobe Flash Player: aplicacin multimedia que es necesaria para visualizar las animaciones, videos y todas las partes interactivas que tiene el curso. http://get.adobe.com/es/flashplayer/ Adobe Shockwave Player: plugin para la reproduccin de contenido multimedia en el navegador de internet. . http://get.adobe.com/es/shockwave/ Adobe Shockwave Player: necesario para visualizar archivos multimedia. http://www.adobe.com/la/shockwave/download/alternates/#ap WinRar: Necesario para descomprimir algunos archivos. http://www.winrar.es/descargas

WinZip: Necesario para descomprimir algunos archivos. http://www.winzip.com/es/downwz.htm Cabe resaltar que estos programas tambin los puede descargar de la pgina principal de Sena virtual, www.senavirtual.edu.co. Consulte a su instructor los pasos que debe seguir para descargar alguno de estos programas. Si se tienen dudas, deben publicarse en el foro tcnico, en dnde el tutor responder y le guiar al respecto. Importante: Se recomienda usar el navegador Internet Explorer 8 si usa Windows Vista o Windows 7; si usa Windows XP puede usar Internet Explorer 7 u 8, esto con el fin de garantizar una correcta visualizacin y navegacin del curso. Etiqueta en Internet La etiqueta en Internet est constituida por una serie de reglas que garantizan una comunicacin efectiva, optimizando el uso de recursos y del tiempo; su creacin no se debe a un organismo especfico sino que han surgido de la misma comunidad que navega en internet. A continuacin se destacan algunas reglas que recopila Quique (2002) en el texto La Netiquette 1 y que deben tenerse en cuenta al momento de establecer comunicacin a travs de un ambiente virtual: Cuando se ingresa a una nueva cultura (y el Internet tiene su propia cultura) se corre el riesgo de cometer algunos errores sociales. Quizs se pueda ofender a personas sin querer hacerlo, o tal vez se llegue a malinterpretar lo que otros dicen. Por eso, se invita a tener siempre en mente que al otro lado de
1

Quique (2002) La Netiquette. Sindominio.net. Recuperado el da 15 de noviembre de 2011 desde: http://sindominio.net/quique/Textos/netiquette.pdf

la pantalla hay un ser humano real, con sus propias ideas y sentimientos. Se recomienda no escribir nada que no dira frente a frente a otra persona. Ser corts y amable en la comunicacin aunque no se est de acuerdo con las ideas de otro/a. No tiene sentido volver personal una argumentacin; siempre es posible dar una retroalimentacin acerca de las ideas, sin necesidad de agredir a los dems. Perdonar los errores de otras personas. No todos son expertos en Internet y quizs cometan faltas o hagan demasiadas preguntas, por ello es trascendental ser tolerante. No usar maysculas. En la red esto equivale a GRITAR. Reconocer siempre los derechos de autor, dando el crdito a quien gener la idea, a la fuente que se consult o al recurso en el que se bas la informacin. Evitar el envo de correo comercial no solicitado. Si se hace, el servidor de correo puede ser incluido en las listas negras, y muchos servidores de Internet se niegan a aceptar mensajes que procedan o hayan pasado por l. Incluso, si no se tiene carcter publicitario, los envos masivos y no solicitados de convocatorias, noticias, etc., tambin se consideran Spam (correo basura). No reenviar mensajes en cadena, falsas alarmas de virus, etc.

Foros Existen cuatro tipos de foros:

 Foro temtico: Espacio para reflexionar, argumentar y contra-argumentar sobre una cuestin especfica. Foro Social: Zona de encuentro y esparcimiento que brinda la posibilidad de conocer a los compaeros del curso. Foro de Inquietudes: Ideal para plantear al tutor dudas en relacin a los materiales, calificaciones y actividades. Foro tcnico: Debe utilizarse cuando se tengan dificultades para acceder a un documento o con algn espacio del curso. Los tres ltimos foros estn disponibles durante todo el proceso de formacin. Para conocer los aspectos a tener en cuenta en el contenido y presentacin de sus intervenciones en el foro, es importante descargar el documento Gua buen uso de foros y pasos para participar, el cual est disponible en el botn Informacin del curso. Aprobacin Para aprobar el curso y obtener la certificacin se debe alcanzar, como mnimo, el 70%. Para ello, se requiere constancia, cumplimiento y responsabilidad. El porcentaje de cada actividad est disponible en el cronograma de actividades para su consulta cuando se requiera. Si al finalizar el curso el porcentaje del aprendiz oscila entre 40 y 69% su estado final en el curso ser no aprobado; si est entre el 0 y 39% su estado final ser desertado. Cronograma de Actividades

La informacin aqu contenida es de suma importancia para tenerla en cuenta durante este curso, ya que sirve de insumo para organizar la agenda personal, planear la participacin en este proceso de formacin y garantizar el cumplimiento enfocados a cumplir los resultados de aprendizaje, adquirir las competencias necesarias y obtener la certificacin. Las fechas de cada una de las unidades temticas sern informadas por el tutor oportunamente a travs de anuncios, correos, etc.

Unidad Temtica Actividad previa Ficha de Matricula Actividad previa Foro Social Actividad previa Sondeo Actividad previa Reconocimiento de la Plataforma

Resultado de Aprendizaje alcanzar

% de Calificacin Tipo de Evidencia Actualizacin de informacin personal en lnea. Participacin en el foro en lnea. Realizacin del sondeo en lnea. Participacin en el Foro reconocimiento de la plataforma.
% por Evidencia

TIEMPOS DE % ENTREGA Semanal

N/A

N/A

N/A

SEMANA 1

Unidad 1: Accesibilidad de Las TICs - El Lenguaje de Marcado y su Evolucin

Unidad 2: Principio 1 Perceptible en Nivel A Principio 2 Operable en Nivel AA

- Comprender la accesibilidad web como un derecho de los usuarios, involucrando a todos sin excepcin y como una herramienta eficaz para garantizar el acceso universal a la informacin. - Conocer las competencias necesarias en temas relacionados con diseo y desarrollo accesible de sitios web. - Implementar las pautas de accesibilidad para la web en las actividades que desarrollen profesionalmente los participantes del curso. - Conocer el uso de las herramientas de revisin, evaluacin, verificacin y monitorizacin de la accesibilidad web que tienen a su disposicin. - Comprender los conceptos tcnicos de las pautas de accesibilidad WCAG 2.0 y su correcta implementacin en

URL del sitio Web con la hoja de vida.

10%

Participacin en el foro temtico. Realizacin de la actividad interactiva en lnea. Realizacin de la evaluacin en lnea. Archivo Zip conteniendo el sitio Web y las imgenes utilizadas. Participacin en el foro en lnea. Realizacin de la actividad interactiva en lnea.

5% 25% 5% SEMANA 1

5%

15%

5%

25%

SEMANA 2

5%

Archivo Zip y la URL del sitio Web con accesibilidad mejorada. Participacin en el foro en lnea.

10%

5%

Revisin de Notas El tutor, luego de publicar las notas y porcentajes finales, tendr un plazo de entre 2 y 3 das para la revisin de calificaciones y del estado final dentro del curso, en este lapso de tiempo se espera que el aprendiz plantee las dudas o realicen los reclamos que considere; estos se deben hacer por el Foro Inquietudes donde se le dar una respuesta oportuna. Terminado este tiempo el tutor realiza el cierre definitivo del curso.

Crditos Expertos temticos Ministerio de Tecnologas de la Informacin y la Comunicacin y Programa Gobierno en Lnea. Equipo lnea de produccin Regional Quindo: Lder Lnea de Produccin Juan Bautista Londoo Pineda Profesional G01 - Centro Agroindustrial Regional Quindo Guin de Planificacin Didctica Martha Lucia Giraldo Ramrez Contratista - Centro Agroindustrial Regional Quindo Integracin de contenidos y Actividades Camilo Andrs Tabares Estrada

Contratista - Centro Agroindustrial Regional Quindo Guionista Ana Mara Mora Jaramillo Lder Guionistas Contratista - Centro Agroindustrial Regional Quindo Luz Clarena Arias Gonzlez Contratista - Centro Agroindustrial Regional Quindo Asesora Pedaggica Lina Mara Franco Arbelez Contratista - Centro Agroindustrial Regional Quindo Grupo Programacin y Animacin Web Alexandra Torres Londoo Lder Programacin Contratista - Centro Agroindustrial Regional Quindo Diego Fernando Piedrahita Trujillo Lder Programacin Contratista - Centro Agroindustrial Regional Quindo Carlos Humberto Ramrez Garzn Contratista - Centro Agroindustrial Regional Quindo

Cristian Fernando Valencia Vlez Contratista - Centro Agroindustrial Regional Quindo Cristian Alberto Hernndez lvarez Contratista - Centro Agroindustria Regional Quindo Heider Alejandro Castao Gmez Contratista - Centro Agroindustrial Regional Quindo Jos Wilson Capera Castao Contratista - Centro Agroindustrial Regional Quindo Diseo Grfico Carlos Andrs Daz Botero Lder Diseo Grfico Contratista - Centro Agroindustrial Regional Quindo Blanca Flor Tinoco Torres Contratista - Centro Agroindustrial Regional Quindo Edwin Alexander Orrego Snchez Contratista - Centro Agroindustrial Regional Quindo Apoyo en Diseo de Medios Luis Felipe Montoya Martnez

Contratista - Centro Agroindustrial Regional Quindo

Control del documento Nombre Camilo Andrs Tabares Estrada Autores Luz Clarena Arias Gonzlez Lina Mara Franco Arbelez Revisin Ana Mara Mora Jaramillo Cargo Ingeniero de sistemas Lder lnea de produccin Comunicadora Social Guionista lnea de produccin Dependencia Centro Agroindustrial Regional Quindo Centro Agroindustrial Regional Quindo Centro Pedagoga- Lnea de Agroindustrial produccin Regional Quindo Comunicadora Social Centro Lder guionistas lnea Agroindustrial de produccin Regional Quindo Fecha 16 Agosto de 2012 22 Agosto de 2012 22 Agosto de 2012 25 Agosto de 2012