Diseno_web_y_accesibilidad_web

Vista previa del material en texto

UNIVERSIDAD NACIONAL MAYOR DE SAN MARCOS
ESCUELA ACADÉMICA PROFESIONAL DE ESTUDIOS GENERALES
INVESTIGACIÓN FORMATIVA
TÍTULO DEL PROYECTO DE INVESTIGACIÓN
Implementación de un Diseño web para mejorar la Accesibilidad a la web de los minusválidos del Institución Nacional de Salud del Niño, 2018
AUTORES:
León Ortiz, Diego Enrique
Mori Bautista, Francis Daniela
Sandoval Salinas, Anthony Kevin Jeremy
Caramantin Llacsa, Jhoan Orlando
Collantes Tito, Miguel Angel
LIMA - PERÚ
2018
2
RESUMEN
Esta investigación se llevó a cabo en el Instituto Nacional de Salud del Niño; fue dirigida hacia los pacientes minusválidos de todas las diferentes edades, que actualmente padecen problemas respecto a la navegación vía internet debido a que estas páginas no están adecuadas para poder receptar usuarios de su tipo. Los diseños web modelan y transforman lo que puede ser una página simple y genérica a un portal de conocimiento accesible para cualquier persona que desee conocer. Dentro de este contexto, la investigación se justifica mediante los siguientes argumentos: conveniencia, relevancia social, implicaciones prácticas y utilidad metodológica. Dichos aspectos se detallarán en el transcurso de este proyecto de investigación.
Palabras Claves: investigación – accesibilidad de la información – diseño web – ayuda social
ABSTRACT
This research was carried out at Instituto Nacional de Salud del Niño and it was directed to the handicapped patients from different ages that currently suffer problems regarding navigation via internet because these websites aren’t prepared to receive such kind of users. Web designs shape and transform what can be a simple and generic website into a knowledge and accessible information portal for every person that want to learn something. Within this context, this investigation it’s justified through the following arguments: convenient, social relevance, practical implications and methodologic utility. Those aspects will be detailed during this research project. 
Keywords: research – information accessibility – web design – social help
Introducción
A día de hoy, es imposible negar la importancia que ha tomado el internet en la función informativa que esta posee. Consecuencia de esto es que las empresas e, incluso, las instituciones educativas de menor rango posean ya un sitio web o uno integrado dentro de otra (caso de Facebook). Esta nueva era que podemos presenciar resulta impresionante, ya que podemos acceder a un sinfín de información con tan solo un click. No obstante, los beneficios que presenta el uso de la internet, en general, pueden ser vistos cuando sus mediadores, las interfaces web, se encuentran en óptimas condiciones de ser presentadas ante el público. Esto es pues, el diseño web. 
El diseño web puede ser definido como las técnicas y herramientas que nos permiten construir/levantar un sitio web o como la forma en que esta se ve. La importancia de las técnicas es que éstas varían dependiendo cuáles sean las intenciones de nuestra página web. Por ejemplo, si nos dirigimos a un público infantil, deberíamos tratar de usar colores más resaltantes, ya que a los niños les gusta; o, por ejemplo, si queremos diseñar un sitio de compras, deberíamos crear menús donde se puedan ubicar los artículos más populares al alcance de la mano. Y así podríamos seguir durante muchísimo tiempo, pero hay una “técnica” o conjunto de estas que se deben de priorizar. Por lo general, uno imagina algo y lo ve plasmado en su cabeza; esto es posible debido a la facultad de visión que poseemos, ya que con ella captamos y representamos en la mente. Sin embargo, ¿qué pasaría si quien visita nuestra página careciera de dicha facultad? Allí nace el concepto de “accesibilidad de la información”. Este conjunto de técnicas (parte del diseño web) consisten en hacer más accesible a nuestro público, tanto minusválido como corriente, pero más enfocado al primer tipo de público. Dichas técnicas son recientes, pues, en el mundo, ha empezado a aumentar las tendencias inclusivas; ello trae como consecuencia que, ahora, las empresas e instituciones le presten más atención al público con ciertas discapacidades y aplique estas nuevas técnicas. 
Dicho todo esto, el siguiente trabajo monográfico consistirá acerca de la relación que tienen estos dos conceptos: “diseño web” y “accesibilidad de la información”. Se hará un acercamiento en base a una revisión previa de la literatura y trabajos de tesis que existan acerca de estos dos, así como un breve planteamiento del porqué de este trabajo y, para finalizar, los datos más a profundidad de los conceptos a analizar y sus conclusiones. 
I. PLAN DE INVESTIGACIÓN
1.1. Planteamiento del problema
Los diseños web, al ser la forma que tendrá nuestra página, determinan, en primera instancia, qué tan bien el usuario puede situarse dentro de ella. Los diseños de calidad logran que, aunque el usuario no sea experimentado, pueda acceder a la información que se encuentra buscando. También permite que el mismo administrador pueda obtener información de cada visita que su sitio recibe. 
Existen ocasiones, en las cuales, el usuario puede encontrar problemas en su navegación. Para ello, los formularios de contacto son su medio para poder contactar a un administrador y poder solucionar el problema que lo aqueja; no obstante, dichos formularios no funcionan o, de plano, son inexistentes. 
Hay una diferencia bastante marcada en lo que significa que algo funcione y en lo que significa que algo sea eficiente. La primera solo significa que ese algo está operando, pero el segundo implica que lo hace de forma efectiva y con mayor productividad. Este concepto puede ser trasladado al diseño web también. Un diseño web eficiente permite que el usuario pueda ubicar de forma precisa la información que desea, sin perder el tiempo en búsquedas vacías. En síntesis, la función pragmática de la página debe ser una prioridad.
Para saber a quién le venderás un producto, primero debes de hacer un estudio de mercado. En el mundo del diseño web, el asunto no cambia mucho. La presentación de los apartados en tu interfaz web dependerá del público al que va dirigida la página. Hacer mal el proceso de especulación puede llevar a la potencial pérdida de usuarios. Es por todo eso y más que el estudio de mercado es importante para nuestra página web.
La cantidad de sectores de personas que pueda abarcar tu página web dependerá de la accesibilidad de la información en muchas ocasiones. Las formas alternativas de presentar el contenido satisfacen de mejor manera las diferentes necesidades que puedan tener los usuarios y, en este caso en específico, la del sector poblacional minusválido. 
Toda la información que se almacena tiene respaldo en un hardware o sistema electrónico; las páginas web también tienen un sustento físico donde se aloja toda la información que se encuentra en ellas. Este medio físico se conoce bajo el nombre de “hosting”; si este no es el apropiado puede causar demora en la navegación vía internet. 
Aunque el diseño web no es realmente comparable a la creación de un programa, pues esta tiene cantidades de algoritmos más extensas, más complejas y no existen técnicas precisas para su creación, está relacionado en gran medida con la programación. Dentro del gran código que respalda a la página web, pueden existir errores que dejan inútil un apartado o incompleto; incluso puede ser el caso de que el código esté tan desordenado que no se halle parte del código a corregir. La programación de una página web es un aspecto importante entonces. 
La tecnología crece a pasos agigantados, eso para nadie es un secreto, y, dentro del basto mundo que cambia continuamente, una consecuencia de ello es que el uso de los celulares se ha masificado. Es importante acercarse a este nuevo público, ya que es una gran cantidad de personas las que usan dispositivos móviles día a día; para acercarse a este nuevo público se debe crear una versión móvil de nuestra página web, así las personas tendrán más oportunidades de acceder.1.2. Formulación del problema
1.2.1.- Problema general
¿Cuál es el resultado de implementar un diseño web para mejorar la accesibilidad web del sitio web del Instituto Nacional de Salud del Niño en 2018?
1.2.2.- Problemas específicos
¿Cuánto es el beneficio obtenido de implementar un diseño web accesible para pacientes con resto visual del Instituto Nacional de Salud del Niño en 2018?
¿Cuánto es el beneficio encontrado de implementar un diseño web accesible para pacientes sordo-ciegos del Instituto Nacional de Salud del Niño en 2018?
¿Cuánto es el beneficio que resulta de implementar un diseño web accesible para pacientes con ceguera total del Instituto Nacional de Salud del Niño en 2018?
1.3.- Objetivo de la investigación
1.3.1.- Objetivo general
Conocer el resultado de implementar un diseño web accesible en el sitio web del Instituto Nacional de Salud del Niño en 2018. 
1.3.2.- Objetivos específicos
Determinar el beneficio de implementar un diseño web accesible para los pacientes con resto visual del Instituto Nacional de Salud del Niño en 2018.
Calcular el beneficio de implementar un diseño web accesible para los pacientes sordo-ciegos del Instituto Nacional de Salud del Niño en 2018.
Detallar el beneficio de implementar un diseño web accesible para los pacientes con ceguera total del Instituto Nacional de Salud del Niño en 2018.
1.4.- Alcance de la investigación
	La presente investigación hace uso mayoritariamente de conocimientos de grado descriptivo y exploratorio, lo que ya hace un indicio al nivel en el que se halla; pero ese no es el único motivo para decir que el alcance de la investigación es CORRELACIONAL, sino que el segundo argumento para defender esto es el producto de su estudio. Como se ha mencionado, se procura detallar qué beneficio obtienen los niños con discapacidades de relacionarse con un sitio web más accesible para ellos; nuestro trabajo pretende esclarecer la causa de este fenómeno para comprender mejor los resultados que se evaluarán.
1.5.- Justificación de la investigación
Vivimos en una era moderna y muy ligada a la informática; es por ello que resulta necesario y provechoso justificar cualquier investigación que tenga relación con estos nuevos fenómenos. En el caso de esta investigación, esta se justifica mediante los siguientes argumentos:
· Conveniencia. - Se plantea dar a conocer los problemas que supone tener una plataforma virtual, que debería informar a sus pacientes y a las personas interesadas en la institución, sin métodos alternativos de presentar su contenido web. También da a conocer ciertos problemas que presentan las páginas web en general, como los errores de programación o el hosting erróneo. Esto será útil para que las autoridades respectivas tomen las medidas del caso.
· Relevancia social. - Ayudará a que se tome conciencia de por qué se deberían tener métodos alternativos de presentar la información y, por supuesto consiguiente, lograr que las personas minusválidas tengan mayor acceso a esta y sean tomadas en cuenta. Esto, por supuesto, también ayudará a la imagen del hospital mismo. 
· Implicaciones prácticas. - Solucionará los problemas y dotará de ciertos consejos para optimizar la actividad de un sitio web con alcance a los usuarios, independientemente de la condición física en la cual se encuentre tanto en su versión móvil como en la de computador. 
Utilidad metodológica. - Dará aportes para conocer mejor la relación que presentan los diseños web y la accesibilidad de la información, es decir, cómo estos últimos mejoran el diseño web.
1.6.- Limitaciones del problema de investigación
· Limitaciones de la población de estudio. - En realidad, no se le pueden hacer pruebas a todos los discapacitados del Hospital del Niño, pues muchos de estos tienen prohibido realizar actividades de cualquier tipo que no sean autorizadas por el médico. 
· Limitaciones de cooperación. - El pedirle a dicho Hospital que modifique su página web es una inversión, aunque no lo parezca, y pueden rechazar la petición. La otra solución sería que el mismo equipo de investigación hiciese una página web, pero la población de muestra podría no ser la que se estudia.
· Limitaciones por variables extrañas. - Debido a que solo se toman en cuenta dos variables, no se puede determinar con exactitud qué tanto mejora el uso de la accesibilidad de la información la experiencia del usuario, debido a que ciertos usuarios ya pueden contar o no con habilidades para manejar dichas páginas, por lo que el nivel de ayuda que pueda presentar la accesibilidad puede diferir bastante.
· Limitaciones por contenido extranjero. - Cierta parte del equipo no sabe hablar ni leer en inglés, por lo que tienen cierta restricción a la información a la que pueden acceder. 	
Marco Teórico
1.7.- Antecedentes
Vera, J. 2012. “Aplicaciones nativas de dispositivos móviles para acceso a la información personal de la página web de los estudiantes de la Universidad Politécnica Salesiana”. Tesis para optar el grado de Ingeniero de Sistemas. Ecuador: Universidad Politécnica Salesiana. Llegó a las siguientes conclusiones.
El presente proyecto de tesis comprende el estudio de las aplicaciones móviles para los diferentes tipos de sistemas opertativos de los dispositivos inteligentes que existen actualmente, esto como alternativa para mejorar el acceso a la información personal de cada estudiante desde su dispositivo móvil inteligente, en base a problemas relacionados como la incompatibilidad, velocidad y calidad de servicio brindado por la Universidad Politécnica Salesiana. 
El framework utilizado para realizar el desarrollo de las aplicaciones móviles se llama PhoneGap que es de código abierto y nos permite desarrollar en lenguaje html, javascript y css, para posteriormente transformar a las aplicaciones nativas para cada sistema operativo.
Durante el desarrollo se levantaron servicios para el funcionamiento del framework y para simular el servicio de seguridad que proporciona la Universidad Politénica Salesiana a los estudiantes, para que trabaje en conjunto con la aplicación móvil. 
Cabe mencionar que para que la progrmación de las aplicaciones móviles investigaron y analizaron las librerías de código abierto que ofrecen mayor utilidad para complir con la finalidad del proyecto. 
Para la implementación del proyecto se utilizó como sistema operativo guía: ANDROID, por ser el sistema operativo más utilizado por los alumnos de la Universidad Politénica Salesiana según la encuesta realizada, y por proporcionar facilidades para los desarrolladores. 
 Durante la imlplementación de la aplicación móvil se verificó que se instaló correctamente en el dispositivo, y que para que la autentificación de usuarios utiliza la misma seguridad que maneja la página de la Universidad Politécnica Salesiana por la seguridad de nuestros datos.
Pastor, J. 2009. “Bases para un Diseño Web Integral a través de la convergencia de la Accesibilidad, Usabilidad y Arquitectura de la Información”. España: Universidad de Murcia. Llegó a las siguientes conclusiones
Los diseñadores de sitios web utilizan durante su desarrollo una variedad de técnicas, para optimizar la organización de la información y su visualización e interacción por parte de los usuarios a través de una interfaz. Este trabajo plantea las bases para el desarrollo de una metodología conceptual y práctica en donde se aúnan Accesibilidad, Usabilidad y Arquitectura de la Información. Para ello, el autor delimita algunos aspectos asociados a estas disciplinas y se propone su sistematización dentro de un modelo que contempla el Diseño Web Integral desde su planteamiento conceptual hasta su desarrollo. 
Rovira C., Marcos M. & Codina L. 2007. “Repositorios de publicaciones digitales de libre acceso en Europa: análisis y valoración de la accesibilidad, posicionamiento web y calidad del código: análisis y valoración de la accesibilidad, posicionamiento web y calidad del código”. Llegaron a las siguientes conclusiones: 
En junio de 2011, la República Argentina dio sanción ala ley 26.653, denominada “Guía de Accesibilidad para Sitios Web del Sector Público Nacional”, la cual adhiere a las Directrices de Accesibilidad al Contenido Web, versión 1.0 (WCAG 1.0). Sin embargo, aunque dictaminado por la legislación vigente, las instituciones y organizaciones argentinas tienen aún un largo camino por recorrer para ofrecer sitios Web más accesibles a los ciudadanos. Es desalentador comprobar, que en general, los líderes al frente de los equipos de desarrollo Web desconocen y/o desestiman la relevancia de la Accesibilidad. Se necesitan enfoques más proactivos que despierten la conciencia de Accesibilidad y propicien la incorporación de este atributo de calidad entre los tops 10 del desarrollo de productos TIC. Enmarcados por esta realidad, nuestro Proyecto de Investigación tiene por objetivo desarrollar técnicas y herramientas que propicien la inclusión de los requerimientos de Accesibilidad en las prácticas de diseño, como así también las evaluación y re-diseño de portales, sitios y aplicaciones Web. 
Perurena, C. & Moráguez, M. 2013. “Usabilidad de los sitios Web, los métodos y las técnicas para la evaluación”. Cuba: Universidad de La Habana. Llegaron a las siguientes conclusiones:
En la sociedad actual es incuestionable la relevancia de la Web, y existe una gran variedad de sitios web que brindan servicio a los usuarios. En este contexto, la usabilidad juega un papel primordial en el proceso de desarrollo de sitios web de éxito. En este artículo se revisan diferentes definiciones sobre la disciplina usabilidad, su incorporación en el proceso de ingeniería (ingeniería de la usabilidad) y su relación con la ingeniería de software, sus atributos y métodos de evaluación. Se presentan las consideraciones sobre el sistema de evaluación de la usabilidad Web orientado al usuario y basado en la determinación de tareas críticas (SIRIUS revisado por las autoras). Palabras clave: sitio Web, usabilidad, evaluación de la usabilidad, heurística, experto, clasificación de sitios Web, herramienta Web.
1.8. Bases Teóricas
DISEÑO WEB
	Visto como como proceso, el diseño web es un conjunto de técnicas sistematizadas que nos permiten desarrollar óptimamente una página web. El concepto también puede ser entendido como el aspecto que posee una página web, no obstante, este concepto se usará solo para cuando se quiera hablar del aspecto de la página web, para otros casos, debe asumirse que se habla del primer concepto. Este conjunto de técnicas, si bien suenan simples, son labores multidimensionales que van desde cómo programar la página, coordinar el audio, el texto, las imágenes e, incluso, hasta aspectos como qué hacer para lograr una mayor captación de usuarios, como la usabilidad. 
	Las páginas web a ser creadas sirven, principalmente, para el intercambio de información. Los diseñadores web deben cumplir cierto grado de conocimiento para llevar a cabo esta labor. La World Wide Web es el medio más fundamental dentro del Internet para cumplir dicho rol, no obstante, uno no puede simplemente colgar su página web dentro de este vasto territorio, ya que ello supone un gasto por el espacio (hosting). Para remediar esta situación, los diseñadores usan diferentes herramientas para probar sus creaciones en versión de prototipo, tales como: HTML, CSS, Java, Illustrator, etc. 
	Para que logre su cometido, el diseñador debe seguir los siguientes pasos fundamentales en su son de producir una página web:
1. El primer paso o etapa es imaginar y/o crear la presentación de la página, en otras palabras, el diseño visual. Se recomienda realizar un bosquejo en papel de cómo a uno le gustaría que luzca el sitio web, es decir, de qué manera se organizará: distribuir los textos, vínculos entre páginas del sitio web y demás multimedia. 
2. Después de darle el aspecto, debemos estructurar y jerarquizar las páginas del portal web. Para este paso se hace uso del lenguaje de marcación de hipertexto o HTML. 
3. La última consiste en posicionar nuestra página en el buscador, esto conoce como SEO. Lo que se hace en esta fase es modificar el modo en que es presentado nuestro contenido para que pueda ser más ubicado en las búsquedas por internet. 
Para asegurarnos de que la calidad del sitio web que estamos creando es óptima, debemos verificar que cumpla las siguientes características:
1. Usabilidad. - Facilidad de uso y de navegación por parte de los usuarios para conseguir determinados objetivos de forma eficiente y satisfactoria (simplicidad y rapidez).
2. Indexabilidad. - Facilitar el posicionamiento y el cálculo de la relevancia del sitio web por parte de los buscadores.
3. Sociabilidad: Permitir y facilitar la integración, interrelación y/o difusión sus contenidos a través de las redes sociales.
4. Accesibilidad. - Pensadas para personas con discapacidades, o con poca experiencia o por dificultades de acceso y uso debidas a limitaciones del equipamiento (hardware y software) o el contexto de uso. (consultar apartado accesibilidad para más información).
5. Compatibilidad. - Se incluye por defecto la compatibilidad con los navegadores más populares actuales (Firefox, Explorer, Chrome y Safari) y plataformas de hardware, sistemas operativos y velocidades de conexión con diferentes terminales. Opcionalmente si así se indica comprenden también la adaptabilidad a las diferentes resoluciones de monitor, y dispositivos móviles.
ESTRUCTURA DE UNA PAGINA WEB
Los componentes de la web se constituyen en textos, videos, imágenes, audios, enlaces, los cuales se colocan dentro de una página en la forma que esto faciliten el entendimiento y uso del usuario. A continuación definiremos en orden la estructura de una página web en código HTML (que en este caso indica el orden del contenido en una página web , por medio de las marcas de hipertexto	):
Cabecera o Header(<Head>): Conforma la cabecera de la pagina donde regularmente se coloca el título de la página(<TITLE>), el cual destaca por dar el nombre a toda la ventana, palabras clave de búsqueda y estilos de hoja. Siendo asi la información técnica para el navegador.
Logo: Es un elemento poco común, pero permite identificar a una página perteneciente a una organización.
Menú: Corresponder a ser un elemento facilitador de navegación entre los apartados y diferentes páginas del sitio web.
Cuerpo de la página o Body(<BODY>): Es el área donde alberga el contenido principal que va a ser visible en la página web, manipulando características del contenido como por ejemplo el color de fondo, hiperenlaces, texto. 
Cierre de página o Footer: Es la zona de una pagina web en la cual se colocan mensajes de cierre, copyright, anuncios o información de contacto
TÉCNICAS PRINCIPALES DEL DISEÑO WEB
Un diseñador web tiene que analizar cómo crear y desarrollar un página web así también la interacción y experiencia de los usuarios con ella. Los diseñadores web conocen cómo expresar los principios de diseño para crear un sitio que se vea bien, conociendo acerca de la usabilidad y accesibilidad de cómo crear un sitio que los clientes quieren navegar alrededor, por la facilidad que les ofrece.
•	Sitemap XML: El sitemap es un archivo en formato .xml que organiza los contenidos del web de manera jerárquica, con el fin de facilitar el acceso de los robots de los buscadores para su posterior indexación.
•	URLS amigables (friendly URLS):Es la recomendación de optimizar las direcciones URL, con palabras clave de contenido semántico relevantes en la sección del sitio web. Es importante evitar palabras vacías (artículos, pronombres, preposiciones, etc.).
•	Establecer el sitio web en un buen servidor (HOSTING): Hoy en día existen grandes empresas que ofrecen servicios de hosting que suelen tratarse de servidores masificados con recursos limitados, por lo que son lentos y erráticos en ocasiones. Es mejor asegurarse de que el hosting cumpla con los mínimos requerimientos para que nuestro web funcione de manera óptima.
•	Implementación de protocolo HTTPS: La utilidad de este protocolo es proteger los datos personalesde los usuarios entre sus ordenadores. Así evitar que información registrada pueda ser robada para beneficio ajeno.
ACCESIBILIDAD DE LA WEB
Esta es una característica de las páginas que refiere al alcance que puede tener esta; esto es, pues, la cantidad y diversidad de personas a las que puede llegar la información. Este concepto se centra principalmente en personas con discapacidades, pero las técnicas que se aplican para que un contenido resulte más accesible también pueden ser aplicados para el público en general; incluso podríamos utilizar estas técnicas para hacer más accesible un contenido para un público al cual no era un objetivo a llegar (este caso es muy frecuente en páginas internacionales, los administradores ofrecen traducciones de su contenido y lo hacen más accesible). 
Existen muchos métodos para hacer más accesible un contenido. Para el caso de las personas minusválidas, casi todas, por no decir todas, las alternativas son ofrecer un contenido alternativo. ¿Qué quiere decir un contenido alternativo? Quiere decir que ofrezcamos más alternativas para poder receptar la información. Por ejemplo, digamos que tenemos una página de envíos. Para realizar un envío el cliente debe, y ojo aquí, leer las especificaciones y pedir. Las técnicas de contenido accesible entran en juego en este momento. Nosotros, al solo ofrecer el medio visual para que nuestro cliente haga el pedido, no hemos pensado en las personas invidentes; la solución podría ser ofrecer un servicio que reproduzca en audio las especificaciones. Concluimos, entonces, que el contenido alternativo se refiere a las distintas formas de presentación que posee la información. 
Beneficios de la accesibilidad web
La accesibilidad web es un recurso muy importante en la mejora de vida, tal que también de beneficiar a discapacitados, lo hace con empresas y personas sin discapacidad a tener acceso a la información y componentes de Internet. Esto debe principalmente a la flexibilidad que nos permite esta al poder satisfacer las diferentes necesidades, preferencias y situaciones. Esto beneficia a personas que no solamente tienen discapacidad, sino también a personas con una incapacidad transitoria (por ejemplo, un brazo roto), personas con edad avanzada, personas con baja alfabetización y personas que no dominan el idioma.
TÉCNICAS PRINCIPALES PARA DESARROLLAR SITIOS WEB ACCESIBLES
Para poder desarrollar páginas con un contenido accesible enfocándose en el principio de perceptibilidad, se debe usar una serie de Pautas de Accesibilidad de Contenido Web(WCAG 2.0) desarrolladas por W3C (2008):
Pauta 1.1 Alternativas textuales: Proporcione alternativas textuales para todo contenido no textual, de manera que pueda modificarse para ajustarse a las necesidades de las personas, como por ejemplo en una letra mayor, braille, voz, símbolos o un lenguaje más simple.
1.1.1 Contenido no textual: Todo contenido no textual que se presenta al usuario cuenta con una alternativa textual que sirve para un propósito equivalente, excepto en los supuestos listados abajo. (Nivel A)
· Controles, entrada de datos: Si el contenido no textual es un control o acepta datos de entrada del usuario, entonces debe tener un nombre que describa su propósito. 
· Contenido multimedia dependiente del tiempo: Si el contenido no textual es contenido multimedia dependiente del tiempo, entonces el texto proporciona al menos una descripción identificativa del contenido no textual. 
· Prueba: Si el contenido no textual es una prueba o ejercicio que pudiera resultar inválido al presentarse como texto, entonces el texto alternativo proporciona al menos una descripción identificativa del contenido no textual.
· Experiencia sensorial: Si el contenido ha sido creado principalmente para proporcionar una experiencia sensorial específica, entonces el texto proporciona al menos una descripción identificativa del contenido no textual.
· CAPTCHA: Si el propósito del contenido no textual es confirmar si al contenido está accediendo un humano y no un ordenador, entonces los textos alternativos identifican y describen el propósito del contenido no textual, y se proporcionan maneras alternativas de CAPTCHA con emisiones dirigidas a distintos sentidos que se ajusten a distintas discapacidades.
· Decoración, formato, invisible: Si el contenido no textual es pura decoración, se emplea exclusivamente por una cuestión de formato visual o no se presenta a los usuarios, entonces se ha implementado de manera que pueda ser ignorado por las tecnologías asistivas.
Pauta 1.2 Contenido multimedia dependiente del tiempo: Proporcione alternativas sincronizadas para contenidos multimedia sincronizados dependientes del tiempo.
1.2.1 Sólo audio y sólo vídeo (pregrabado): Para contenidos pregrabados que consisten en sólo audio y sólo vídeo, lo siguiente es cierto, excepto para cuando el audio o el vídeo es un contenido multimedia alternativo al texto y está claramente identificado como tal: (Nivel A)
· Sólo audio pregrabado: Se proporciona una alternativa para contenido multimedia dependiente del tiempo que presenta la información equivalente a la del contenido de sólo audio pregrabado.
· Sólo vídeo pregrabado: Se proporciona o bien una alternativa para contenido multimedia dependiente del tiempo, o bien una pista de audio que presenten la información equivalente a la del contenido de sólo vídeo pregrabado.
1.2.2 Subtítulos (pregrabados): Se proporcionan subtítulos para todo audio pregrabado presente en un contenido multimedia sincronizado, excepto cuando tal contenido es un contenido multimedia alternativo al texto y está claramente identificado como tal. (Nivel A)
1.2.3 Audiodescripción o alternativa multimedia (pregrabada): Se proporciona una alternativa para contenido multimedia dependiente del tiempo o una audiodescripción para el contenido de vídeo pregrabado del contenido multimedia sincronizado, excepto cuando tal contenido es un contenido multimedia alternativo al texto y está claramente identificado como tal. (Nivel A)
1.2.4 Subtítulos (directo): Se proporcionan subtítulos para todo contenido de audio en directo del contenido multimedia sincronizado. (Nivel AA)
1.2.5 Audiodescripción (pregrabada): Se proporciona una audiodescripción para todo contenido de vídeo pregrabado del contenido multimedia sincronizado. (Nivel AA)
1.2.6 Lengua de signos (pregrabada): Se proporciona una interpretación a lengua de signos para todo contenido de audio pregrabado del contenido multimedia sincronizado. (Nivel AAA)
1.2.7 Audiodescripción extendida (pregrabada): Donde las pausas del audio de un vídeo sean insuficientes para permitir que la audiodescripción transmita el sentido del vídeo, se proporciona una audiodescripción extendida para todo contenido de vídeo pregrabado del contenido multimedia sincronizado. (Nivel AAA)
1.2.8 Alternativa multimedia (pregrabada): Se proporciona una alternativa para contenido multimedia dependiente del tiempo para todo contenido multimedia sincronizado pregrabado y para todo contenido pregrabado que consista en sólo vídeo. (Nivel AAA)
1.2.9 Sólo audio (directo): Se proporciona una alternativa para contenido multimedia dependiente del tiempo que presenta la información equivalente para todo contenido que consiste en sólo audio en directo. (Nivel AAA)
1.2.9 Sólo audio (directo): Se proporciona una alternativa para contenido multimedia dependiente del tiempo que presenta la información equivalente para todo contenido que consiste en sólo audio en directo. (Nivel AAA)
1.3.1 Información y relaciones: La información, la estructura, y las relaciones transmitidas a través de la presentación pueden ser programablemente determinadas o se encuentran disponibles en texto. (Nivel A)
1.3.2 Secuencia significativa: Cuando la secuencia en la que se presenta un contenido afecta a su significado, la secuencia correcta de lectura puede ser programablemente determinada. (Nivel A)
1.3.3 Características sensoriales: Las instrucciones que se proporcionan para comprender y operar con un contenido no confían solamenteen las características sensoriales de los componentes, tales como forma, tamaño, ubicación visual, orientación o sonido. (Nivel A)
Pauta 1.4 Distinguible: Haga más fácil para los usuarios ver y oír el contenido, incluyendo la separación entre primer plano y fondo.
1.4.1 Empleo del color: El color no se emplea como el único medio visual para transmitir una información, indicar una acción, provocar una respuesta o distinguir visualmente un elemento. (Nivel A)
1.4.2 Control de audio: Si cualquier audio se reproduce automáticamente en una página web durante más de tres segundos, o bien existe un mecanismo que permita pausar o detener el audio, o bien existe un mecanismo que permita controlar el volumen del audio de manera independiente al del resto del sistema. (Nivel A)
1.4.3 Contraste (mínimo): La presentación visual del texto y las imágenes de texto tienen una relación de contraste de al menos 4.5:1, excepto para los siguientes casos: (Nivel AA)
· Gran tamaño: El texto a gran tamaño y las imágenes de texto a gran tamaño tienen una relación de contraste de al menos 3:1;
· Incidental: El texto o las imágenes de texto que son parte de un componente de interfaz de usuario inactivo, que son pura decoración, que no son visibles para nadie o que son parte de una imagen cuyo contenido significativo es otro contenido visual, no tienen un requisito mínimo de contraste.
· Logotipos: El texto que es parte de un logo o de un nombre de marca no tiene un requisito mínimo de contraste.
1.4.4 Variar el tamaño de texto: Excepto para subtítulos e imágenes de texto, se puede variar el tamaño del texto sin necesidad de emplear una tecnología asistiva hasta un 200 por ciento sin pérdida de contenido o funcionalidad. (Nivel AA)
1.4.5 Imágenes de texto: Si con las tecnologías empleadas se puede lograr la presentación visual deseada, se prefiere emplear texto para transmitir la información antes que imágenes de texto excepto para los siguientes casos: (Nivel AA)
· Personalizable: La imagen de texto puede ser visualmente personalizada según los requisitos del usuario;
· Esencial: La presentación de un texto en particular es esencial para la información que se está transmitiendo.
1.4.7 Fondo de audio bajo o inexistente: Para todo contenido consistente en sólo audio pregrabado que (1) contiene principalmente una locución, (2) no es un CAPTCHA de audio o un audio logo, y (3) no es una vocalización cuya interpretación sea principalmente una expresión musical (como el canto o el rap), al menos uno de los siguientes enunciados es verdadero: (Nivel AAA)
· Sin fondo: El audio no contiene sonidos de fondo.
· Apagable: El sonido de fondo se puede apagar.
· 20 dB: El sonido de fondo es al menos a 20 decibelios más bajo que la locución principal, exceptuando sonidos ocasionales que no duren más de uno o dos segundos.
1.4.8 Presentación visual: Para la presentación visual de bloques de texto, se proporciona un mecanismo que logre que: (Nivel AAA)
· El usuario pueda seleccionar los colores de primer plano y fondo.
· El ancho de línea no pueda exceder los 80 caracteres o glifos (40 para CJK).
· El texto no se justifique (alinearse en sus márgenes derecho e izquierdo).
· El espacio entre líneas (altura de línea) sea al menos un espacio y medio en el interior de los párrafos, y que el espacio entre párrafos sea al menos una vez y media más amplio que el espacio entre línea.
· El texto pueda escalarse sin necesidad de una tecnología asistiva hasta un 200 por ciento de manera que el usuario no necesite de una barra de scroll horizontal para leer una línea de texto en una ventana a pantalla completa.
1.4.9 Imágenes de texto (sin excepción): Las imágenes de texto sólo se emplean como pura decoración o donde una presentación en particular del texto es esencial para la información que se transmite. (Nivel AAA)
Las siguientes pautas mencionadas, han sido clasificadas en niveles por un criterio de éxito que solicita requisitos y necesidad de comprobación de conformidad de cara a la especificación de un diseño, compra, regulación o acuerdo contractual, las cuales van a ser explicadas continuación:
· Nivel A: Para el nivel A de conformidad (el mínimo nivel de conformidad), la página web satisface todos los criterios de éxito de nivel A, o se proporciona una versión alternativa conforme.
· Nivel AA: Para el nivel AA de conformidad, la página web satisface todos los criterios de éxito de nivel A y AA.
· Nivel AAA: Para el nivel AAA de conformidad, la página web satisface todos los criterios de éxito de nivel A, AA y AAA.
PRINCIPALES PÚBLICOS BENEFICIADOS POR LA ACCESIBILIDAD WEB
Es bien sabido que la accesibilidad es una definición de beneficio para una enorme cantidad de usuarios, lo cual algunos los refieren como solo para discapacitados, incluso reduciéndolo a personas ciegas, pero también es necesario conocer sobre todos los usuarios que esta definición beneficia a parte de los discapacitados y a todo público en general.
1.9.- Metodología de investigación
TIPO DE INVESTIGACIÓN
La presente investigación planea usar los conocimientos en diseño web para crear diferentes modelos y/o mejorarlos; en base a ello, medir el nivel de accesibilidad web del sitio web del Instituto Nacional de Salud del Niño respecto a la población minusválida de dicho lugar. Es por ello que, al manipular y medir resultados de variables, consideramos que esta investigación es de tipo EXPERIMENTAL.
MÉTODO DE INVESTIGACIÓN
Según el proceso formal, podemos darnos cuenta de que nuestro proyecto de investigación se inclina más a seguir lo que se denomina el MÉTODO HIPOTETICO-DEDUCTIVO debido a que, en base a nuestra observación, hemos determinado la siguiente hipótesis: "La mejora en el diseño web hace más accesible el sitio web", la cual procederemos a comprobar mediante el estudio de casos particulares que siguen esta premisa. Para comprobar nuestro planteamiento nos centraremos en la aplicación de 3 métodos de accesibilidad: ampliación de imagen (para personas con resto visual), sintetizador de voz (para los ciegos) y salida a Braille (para los sordo-ciegos). Hemos escogido estos 3 sectores pues contienen a gran parte de la población discapacitada.
Según el enfoque, podemos afirmar que nuestro proyecto de investigación se realiza empleando un METODO EXPERIMENTAL. Esto es así ya que la variable independiente, el diseño web, será manipulada para presenciar el resultado que este ejerza sobre la accesibilidad web.
DISEÑO DE INVESTIGACIÓN
El diseño de esta investigación, en primer lugar, es EXPERIMENTAL. Siguiendo el método establecido:
· Primero se realizó una revisión de literatura acerca de nuestras variables y una búsqueda de antecedentes sobre trabajos similares. 
· En segundo lugar, identificamos nuestro problema y lo definimos como: La implementación de un diseño web para la accesibilidad a la web de los minusválidos del Instituto Nacional de Salud del Niño.
· Siguiendo con los pasos, nuestra hipótesis quedó definida como: "La mejora en el diseño web hace más accesible el sitio web". En base a la literatura revisada, definimos las variables de la forma más competente; finalmente decidimos que, para manipular las variables, integraremos nuevos componentes de diseño web para ver su reacción en la accesibilidad del sitio web.
· Luego corroboramos que el método a usarse nos dé la menor cantidad de errores posibles para que los datos que nos dé sean más fiables.
· El siguiente paso es realizar el experimento que ya se ha planteado en el presente documento. 
· Por último, mediante las fórmulas respectivas procesamos los datos para obtener los resultados de la investigación.
1.10.- HIPÓTESIS Y VARIABLES DE INVESTIGACIÓN
Las variables de investigación son apreciables desde el título, sin embargo, es preciso que se definan para asumir que no existe ninguna duda al respecto. 
· Variable independiente. - Implementación de un diseño web
· Variable dependiente. - Accesibilidad a la web
Esto es así pues depende de qué modelo se utilice en el sitio web para determinar qué tan accesible seráeste. Por lo que, asimismo, se concluye que la hipótesis alterna es: "La mejora en el diseño web hace más accesible el sitio web".
BIBLIOGRAFÍA
Caldwell B., Cooper M., Guarino L. & Vanderheiden G. (2008). Pautas de Accesibilidad de Contenido Web 2.0. Iniciativa de Accesibilidad Web del W3C. Recuperado de: http://www.zaragoza.es/sede/portal/accesibilidad
Pilgrim, M. (s.f.). Dive into accessibility: 30 days to a more accessible web site. 
Springer, A. (2015). El Gran Libro de Diseño Web. Texas, USA: Meridian Holding Group S.A.
Cousins, C & Cao, J. (2017). Web Design Book of Trends 2017. UXPin Incorporated.
W3C(2008).Web Content Accessibility Guidelines (WCAG) 2.0. Massachusetts, EU: MIT. Recuperado de https://www.w3.org/TR/WCAG20/
image1.png