{"id":26685,"date":"2022-09-08T17:00:15","date_gmt":"2022-09-09T00:00:15","guid":{"rendered":"https:\/\/teach.udemy.com\/?page_id=26685"},"modified":"2022-09-26T03:27:45","modified_gmt":"2022-09-26T10:27:45","slug":"accessibility-considerations-for-course-materials","status":"publish","type":"page","link":"https:\/\/teach.udemy.com\/es\/accessibility-considerations-for-course-materials\/","title":{"rendered":"Criterios de accesibilidad para los materiales de los cursos"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">En Udemy, el contenido de v\u00eddeo y los materiales del curso se complementan: refuerzan lo que has ense\u00f1ado y ayudan a desarrollar nuevas habilidades. Para asegurarte de que el curso sea totalmente accesible, todo lo que ofrezcas en \u00e9l deber\u00e1 cumplir unos criterios de accesibilidad.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En esta secci\u00f3n, abordaremos la accesibilidad de los materiales de los cursos en cuatro partes:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Content-organization\"><span style=\"font-weight: 400;\">Organizaci\u00f3n del contenido<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Meaningful-document-semantics\"><span style=\"font-weight: 400;\">Sem\u00e1ntica adecuada de los documentos<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Alternative-text\"><span style=\"font-weight: 400;\">Texto alternativo para las im\u00e1genes y el contenido multimedia<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Color-contrast\"><span style=\"font-weight: 400;\">Contraste de color<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Content-organization\">Organizaci\u00f3n del contenido<\/h1>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Aseg\u00farate de que el contenido est\u00e9 organizado y div\u00eddelo en p\u00e1rrafos m\u00e1s peque\u00f1os con t\u00edtulos distintivos. De esta forma, todos los usuarios podr\u00e1n explorarlo y leerlo con m\u00e1s facilidad.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Facilita un \u00edndice al principio de los documentos o un resumen (unas pocas frases o una lista con vi\u00f1etas) de los temas que vas a tratar.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Incluye un glosario de t\u00e9rminos con sus definiciones como recurso descargable que sirva de ayuda a los estudiantes a lo largo del curso. Tambi\u00e9n es buena idea incluir un recurso descargable o un enlace a las diapositivas que vayas a utilizar.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Comprueba siempre que no haya faltas de ortograf\u00eda ni errores gramaticales y que el contenido sea legible. La legibilidad es la facilidad con la que puede leerse un texto. Depende de diferentes factores, como la longitud de las frases, el n\u00famero de s\u00edlabas, la complejidad del tema o la familiaridad de las palabras. Como comprobaci\u00f3n final, pide a un compa\u00f1ero o amigo que lea el contenido del curso y que haga los ejercicios para garantizar que el curso es accesible.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1 id=\"Meaningful-document-semantics\"><strong>Creaci\u00f3n de documentos accesibles<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Los lectores de pantalla (como JAWS, NVDA o Voiceover) que utilizan las personas con deficiencias visuales no se limitan a leer el texto que aparece en la p\u00e1gina, sino que tambi\u00e9n transmiten la forma en la que est\u00e1 organizado en t\u00edtulos, subt\u00edtulos y listas de elementos. Por ejemplo, una persona que pueda leer visualmente sabe que el texto m\u00e1s grande y en negrita marca los t\u00edtulos de cada secci\u00f3n. Por su parte, una persona con deficiencias visuales puede identificar lo que es un t\u00edtulo gracias a lo que se denomina marcado sem\u00e1ntico. La metainformaci\u00f3n es fundamental para crear documentos accesibles. Por suerte, muchos programas y aplicaciones de procesamiento de texto, como Microsoft Word y Documentos de Google, tienen integrada esta funci\u00f3n.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n es importante saber qu\u00e9 dificulta la lectura de un lector de pantalla. Por ejemplo, un lector de pantalla puede tener mayor dificultad para navegar por las celdas combinadas de una tabla o para interpretar su organizaci\u00f3n. Adem\u00e1s, si el formato no se establece mediante el marcado sem\u00e1ntico, los lectores de pantalla pueden emitir informaci\u00f3n confusa. Por ejemplo, si utilizas un asterisco y un tabulador para una vi\u00f1eta, los lectores de pantalla pueden leerlo como \u00abasterisco\u00bb o \u00abtabulador\u00bb, en lugar de \u00abvi\u00f1eta\u00bb.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En esta secci\u00f3n, solo examinamos algunos aspectos del uso de marcadores sem\u00e1nticos en un documento digital, pero hemos incluido varios recursos muy completos al respecto.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Encabezados<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Organizar el contenido con los niveles de encabezados es una de las mejores formas de hacerlo m\u00e1s accesible. El uso de encabezados sem\u00e1nticos y visuales permite que tanto los usuarios videntes como los ciegos puedan entender el contenido m\u00e1s f\u00e1cilmente. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al organizar el contenido con encabezados sem\u00e1nticos (pueden aparecer marcados como \u00abE1\u00bb o \u00abEncabezado 1\u00bb en las aplicaciones de procesamiento de texto o de presentaci\u00f3n de diapositivas), te aseguras de que los lectores de pantalla transmitan el contenido correctamente. Por ejemplo, el t\u00edtulo del documento ser\u00e1 un encabezado de primer nivel, el t\u00edtulo de una secci\u00f3n ser\u00e1 de segundo nivel (por ejemplo, \u00abE2\u00bb) y los t\u00edtulos de la subsecciones ser\u00e1n de tercer o cuarto nivel. Echa un vistazo a este ejemplo:<\/span><\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">T\u00edtulo de la p\u00e1gina (encabezado 1)<\/span><\/h1>\n<h2 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">T\u00edtulo de la secci\u00f3n (encabezado 2)<\/span><\/h2>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">El contenido de texto va aqu\u00ed.<\/span><\/p>\n<h3 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">T\u00edtulo de la subsecci\u00f3n (encabezado 3)<\/span><\/h3>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">El contenido de texto va aqu\u00ed.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Nota: Intenta no saltarte ning\u00fan nivel de encabezado. Por ejemplo, no pases de un encabezado de primer nivel a un encabezado de tercer nivel directamente.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Listas numeradas y con vi\u00f1etas<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">En lugar de crear listas de forma manual con el tabulador, asteriscos y n\u00fameros, utiliza siempre las funciones de lista de vi\u00f1etas (no ordenada) y de lista numerada (ordenada) del programa de procesamiento de textos o la aplicaci\u00f3n de presentaci\u00f3n de diapositivas. Los lectores de pantalla reconocer\u00e1n este tipo de listas y transmitir\u00e1n el contenido de forma apropiada.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>La estructura de las tablas debe ser simple<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Presta atenci\u00f3n a las filas y las columnas expandidas (o combinadas), y evita que los encabezados de las tablas tengan varios niveles. Los lectores de pantalla pueden no interpretar bien las celdas combinadas o no ser capaces de explicarlas correctamente a los estudiantes. Si es posible, evita tambi\u00e9n usar las tablas como estructura de dise\u00f1o.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Aseg\u00farate de que los enlaces sean descriptivos.<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Evita utilizar frases independientes sin contexto como las siguientes:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cHaz clic aqu\u00ed\u201d\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cAqu\u00ed\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cM\u00e1s\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cM\u00e1s informaci\u00f3n\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cLeer m\u00e1s\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cContinuar\u201d\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Te recomendamos utilizar las siguientes frases alternativas en las que se ofrece m\u00e1s contexto:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cPuedes descargar el programa\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cLa referencia a ____\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cPuedes consultar m\u00e1s ____ en este enlace\u201d<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Tampoco conviene que utilices URL independientes como enlaces (por ejemplo, www.abcde.com), salvo que el documento se vaya a imprimir o si la URL en s\u00ed es contenido relevante.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Alternative-text\"><strong>Texto alternativo para las im\u00e1genes y el contenido multimedia<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Sabemos que una imagen vale m\u00e1s que mil palabras, pero los estudiantes ciegos o con deficiencia visual necesitar\u00e1n contar con texto alternativo para las im\u00e1genes. Proporciona siempre un texto alternativo claro y adaptado al contexto para las im\u00e1genes de los documentos, las presentaciones con diapositivas, etc. Los lectores de pantalla u otras tecnolog\u00edas de apoyo leer\u00e1n este texto en alto.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hay muchas herramientas que te permiten a\u00f1adir texto alternativo a las im\u00e1genes. En los cuadros correspondientes a veces aparece texto como \u00abalt text\u00bb, \u00abtexto alternativo\u00bb, \u00abalternativo\u00bb o incluso \u00abdescripci\u00f3n de la imagen\u00bb. Si los ves, util\u00edzalos para a\u00f1adir un texto alternativo a la imagen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">En el texto alternativo se debe incluir el significado de la imagen, no solo la descripci\u00f3n. Por ejemplo, en el texto alternativo deber\u00eda indicarse: \u00abuna imagen de un engranaje que representa la configuraci\u00f3n\u00bb, en lugar de \u00abicono de engranaje\u00bb. Si tuvieras que eliminar la imagen, \u00bfcon qu\u00e9 texto la reemplazar\u00edas? Por otra parte, si tuvieras que describir la imagen a alguien por tel\u00e9fono, piensa en lo que le dir\u00edas; insp\u00edrate en ello para la descripci\u00f3n de la imagen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Si una imagen no tiene ning\u00fan contenido ni funci\u00f3n relevante o es simplemente decorativa, o si el texto alternativo se proporciona en un texto contiguo, el texto alternativo de la imagen deber\u00eda aparecer vac\u00edo en la medida de lo posible. Algunas herramientas de procesamiento de texto o aplicaciones de presentaci\u00f3n de diapositivas tienen una opci\u00f3n para dejarlo \u00aben blanco\u00bb o \u00abvac\u00edo\u00bb.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Evita utilizar expresiones como \u00abfoto de\u00bb, \u00abimagen de\u00bb o \u00abenlace a\u00bb. La tecnolog\u00eda de apoyo se encargar\u00e1 de esta cuesti\u00f3n autom\u00e1ticamente y har\u00e1 saber a los usuarios que se trata de una imagen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utiliza el menor n\u00famero de palabras posible sin descuidar la claridad o el contexto.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">En el caso de los documentos PDF, Adobe Acrobat Pro puede verificar que el documento cumple los est\u00e1ndares de accesibilidad. Encontrar\u00e1s un enlace en la <\/span><span style=\"font-weight: 400;\">secci\u00f3n de recursos<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><i><span style=\"font-weight: 400;\">Ejemplo de imagen con texto alternativo<\/span><\/i><\/h2>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26614\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg\" alt=\"En un sof\u00e1 est\u00e1n sentados una adulta que trabaja con su equipo port\u00e1til y un ni\u00f1o con auriculares que mira una tableta.\" width=\"375\" height=\"250\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg 512w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">En muchas ocasiones, el texto alternativo por defecto ser\u00e1 el nombre de la imagen y es posible que no sea \u00fatil.<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Texto alternativo por defecto<\/b><b><i> (nombre de la imagen)<\/i><\/b><b>:<\/b><span style=\"font-weight: 400;\"> adult-kid-tech_revised_220811.jpg<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Texto alternativo modificado:<\/b><span style=\"font-weight: 400;\"> En un sof\u00e1 est\u00e1n sentados una adulta que trabaja con su equipo port\u00e1til y un ni\u00f1o con auriculares que mira una tableta.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Color-contrast\"><strong>Utiliza un contraste de color elevado<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">El contraste de color mide la diferencia de luminosidad que existe entre dos colores y se expresa como una relaci\u00f3n que va de 1:1 (insuficiente) a 21:1 (excelente). Aseg\u00farate de utilizar un contraste de color alto, sobre todo entre el texto y el fondo. Las im\u00e1genes que incluyan texto tambi\u00e9n deber\u00e1n tener un contraste alto. Para ayudarte a entender la diferencia entre las combinaciones con contraste bajo y alto, a continuaci\u00f3n te mostramos algunos ejemplos de texto en color sobre un fondo blanco.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><em>Contraste insuficiente<\/em><\/h2>\n<p><span style=\"font-weight: 400;\">Para que un contenido sea accesible, la relaci\u00f3n de contraste m\u00ednima que debe cumplir es 4,5:1. Estos son algunos ejemplos de combinaciones de colores que no llegan a ese umbral y que, por lo tanto, deben evitarse:<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.36.59-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-27801\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.36.59-1-300x61.png\" alt=\"\" width=\"442\" height=\"90\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.36.59-1-300x61.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.36.59-1-768x155.png 768w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.36.59-1.png 966w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto amarillo: 1,07:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto verde claro: 1,12:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto naranja: 2,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto rosa: 3,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto rojo: 4,0:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Buen contraste<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">Las combinaciones de colores que se muestran a continuaci\u00f3n son buenas opciones, ya que ofrecen el suficiente contraste (relaci\u00f3n de 4,5:1 a 7:1):<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.13-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-27814\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.13-1-300x100.png\" alt=\"\" width=\"420\" height=\"140\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.13-1-300x100.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.13-1.png 586w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto azul: 4,68:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto verde oscuro: 5,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto morado: 6,95:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Contraste excelente<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">Te recomendamos que uses los colores que se indican a continuaci\u00f3n, ya que son los que mejor contraste ofrecen (relaci\u00f3n superior a 7:1):<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.24-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-27827\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.24-1-300x100.png\" alt=\"\" width=\"396\" height=\"132\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.24-1-300x100.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.37.24-1.png 586w\" sizes=\"auto, (max-width: 396px) 100vw, 396px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto naranja oscuro: 7,43:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto gris oscuro: 12,63:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Puntuaci\u00f3n del texto negro: 21:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1><strong>Resumen de las pr\u00e1cticas recomendadas para crear contenido del curso accesible<\/strong><\/h1>\n<p>&nbsp;<\/p>\n<h2><strong>Contenido<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Aseg\u00farate de que el texto est\u00e9 organizado y divide el contenido en p\u00e1rrafos m\u00e1s peque\u00f1os.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Facilita un \u00edndice o un resumen en todos los documentos que sean largos.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Incluye un glosario de los t\u00e9rminos como recurso adicional.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Comprueba que no haya faltas de ortograf\u00eda ni errores gramaticales y que el contenido sea legible.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Sem\u00e1ntica de los documentos<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utiliza el marcado sem\u00e1ntico para que las tecnolog\u00edas de apoyo funcionen correctamente.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Organiza el contenido mediante encabezados.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utiliza listas numeradas y con vi\u00f1etas.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Estructura las tablas de la forma m\u00e1s sencilla posible.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Aseg\u00farate de que los enlaces sean descriptivos.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Texto alternativo<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Proporciona un texto alternativo adecuado para las im\u00e1genes de los documentos, las presentaciones con diapositivas, etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Contraste de color<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utiliza un contraste de color alto para el texto y las im\u00e1genes.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"p1\"><b>Enlaces a otros art\u00edculos sobre accesibilidad e inclusi\u00f3n<\/b><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/es\/course-creation\/accessible-content\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Visi\u00f3n general de la creaci\u00f3n de contenido accesible e inclusivo<span class=\"Apple-converted-space\">\u00a0<\/span><\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/es\/accessible-video-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Aspectos relativos al contenido de v\u00eddeo accesible<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/es\/inclusive-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Aspectos relativos al contenido inclusivo<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/es\/resources-on-accessibility-inclusivity\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Recursos sobre accesibilidad e inclusi\u00f3n<\/span><\/a><\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En Udemy, el contenido de v\u00eddeo y los materiales del curso se complementan: refuerzan lo que has ense\u00f1ado y ayudan a desarrollar nuevas habilidades. Para asegurarte de que el curso sea totalmente accesible, todo lo que ofrezcas en \u00e9l deber\u00e1 cumplir unos criterios de accesibilidad. En esta secci\u00f3n, abordaremos la accesibilidad de los materiales de [&hellip;]<\/p>\n","protected":false},"author":120,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26685","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/teach.udemy.com\/es\/wp-json\/wp\/v2\/pages\/26685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teach.udemy.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teach.udemy.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/es\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/es\/wp-json\/wp\/v2\/comments?post=26685"}],"version-history":[{"count":0,"href":"https:\/\/teach.udemy.com\/es\/wp-json\/wp\/v2\/pages\/26685\/revisions"}],"wp:attachment":[{"href":"https:\/\/teach.udemy.com\/es\/wp-json\/wp\/v2\/media?parent=26685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}