{"id":4139,"date":"2025-05-09T12:32:06","date_gmt":"2025-05-09T10:32:06","guid":{"rendered":"https:\/\/www.hiberus.com\/blog\/?p=4139"},"modified":"2025-05-12T09:08:43","modified_gmt":"2025-05-12T07:08:43","slug":"accesibilidad-videos-contenidos-multimedia","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/accesibilidad-videos-contenidos-multimedia\/","title":{"rendered":"C\u00f3mo hacer v\u00eddeos accesibles y otros contenidos multimedia"},"content":{"rendered":"<p><span data-contrast=\"auto\">En muchas ocasiones tenemos que <\/span><b><span data-contrast=\"auto\">incluir v\u00eddeos y audios en nuestras webs<\/span><\/b><span data-contrast=\"auto\">, puesto que son elementos suelen captar la atenci\u00f3n de los usuarios r\u00e1pidamente, ayudan a mostrar productos o servicios y permite aumentar el <\/span><b><span data-contrast=\"auto\">tiempo de permanencia de un usuario en el sitio web<\/span><\/b><span data-contrast=\"auto\">. No obstante, si ya sabes <\/span><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/que-es-accesibilidad\/\"><span data-contrast=\"none\">qu\u00e9 es la accesibilidad web<\/span><\/a><span data-contrast=\"auto\">, sabr\u00e1s que tenemos que <\/span><b><span data-contrast=\"auto\">tener en cuenta a los usuarios con discapacidades<\/span><\/b><span data-contrast=\"auto\"> como la auditiva o la visual, bien sean permanentes o transitorias, y por lo tanto, <\/span><b><span data-contrast=\"auto\">los contendidos multimedia deben ser comprensibles y usables tambi\u00e9n para ellos<\/span><\/b><span data-contrast=\"auto\">.\u00a0<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Si quieres cumplir con la <\/span><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/legislacion-accesibilidad-web-espana\/\"><span data-contrast=\"none\">legislaci\u00f3n de accesibilidad web en Espa\u00f1a<\/span><\/a><span data-contrast=\"auto\"> vigente, qu\u00e9date a leer este art\u00edculo. Vamos a explicarte c\u00f3mo mejorar la accesibilidad en v\u00eddeos y contenidos multimedia de tu web. <\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/G2LDsII4PiM\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2 aria-level=\"2\"><span data-contrast=\"none\">C\u00f3mo hacer v\u00eddeos accesibles y contenidos multimedia<\/span><span data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:160,&quot;335559739&quot;:80}\">\u00a0<\/span><\/h2>\n<p><span data-contrast=\"auto\">Podemos darte <\/span><b><span data-contrast=\"auto\">varias <\/span><\/b><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/pautas-de-accesibilidad-web-para-hacer-una-pagina-web-accesible\"><b><span data-contrast=\"none\">pautas para una web accesible<\/span><\/b><\/a><span data-contrast=\"auto\"> y descubrir\u00e1s que, muchas de estas pautas, <\/span><b><span data-contrast=\"auto\">benefician a todos los usuarios<\/span><\/b><span data-contrast=\"auto\"> en momentos puntuales, no solo a las personas que tienen discapacidades temporales o permanentes. Sigue los <\/span><a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/principios-de-accesibilidad-web\/\"><span data-contrast=\"none\">principios de accesibilidad web<\/span><\/a><span data-contrast=\"auto\"> y comprobar\u00e1s que tu web mejora para todo tu p\u00fablico.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"3\"><span data-contrast=\"none\">Aspectos t\u00e9cnicos<\/span><span data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:160,&quot;335559739&quot;:80}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">Para que los elementos como <\/span><b><span data-contrast=\"auto\">subt\u00edtulos, audiodescripciones y transcripciones sean verdaderamente accesibles<\/span><\/b><span data-contrast=\"auto\">, hay que tener en cuenta varias pautas con HTML5 (se pueden usar otros ficheros externos como SMIL, flash o SAMI) en el que se pueden usar los elementos &lt; video &gt; y &lt; audio &gt; permitiendo a\u00f1adir este tipo de contenidos utilizando s\u00f3lo HTML.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">A su vez, el elemento &lt; track &gt; nos va a permitir <\/span><b><span data-contrast=\"auto\">sincronizar ficheros de texto<\/span><\/b><span data-contrast=\"auto\"> que tengan marcados los tiempos en funci\u00f3n del v\u00eddeo y para ello el formato recomendado es WEbVTT (Web Video Timed Text), que es un <\/span><b><span data-contrast=\"auto\">fichero de texto plano<\/span><\/b><span data-contrast=\"auto\"> que permite incluir los tiempos de inicio \/parada.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Estos son algunos reproductores multimedia HTML5 que soportan accesibilidad y que est\u00e1n disponibles actualmente:<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Able Player<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Acorn Media Player<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">JW Player<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"4\" data-aria-level=\"1\"><span data-contrast=\"auto\">Nomensa\u202fAccessible Media Player\u202f(AMP)<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"5\" data-aria-level=\"1\"><span data-contrast=\"auto\">Open University (OU) Media Player<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"6\" data-aria-level=\"1\"><span data-contrast=\"auto\">OzPlayer<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"7\" data-aria-level=\"1\"><span data-contrast=\"auto\">PayPal Accesible HTML5 Video Player<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"8\" data-aria-level=\"1\"><span data-contrast=\"auto\">Video JS<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"9\" data-aria-level=\"1\"><span data-contrast=\"auto\">Video Player (Fluid Project)<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"3\">V\u00eddeos accesibles a\u00f1adiendo subt\u00edtulos<\/h3>\n<p><span data-contrast=\"auto\">Los subt\u00edtulos <\/span><b><span data-contrast=\"auto\">benefician a usuarios con sordera o deficiencias auditivas<\/span><\/b><span data-contrast=\"auto\"> (permanentes o temporales) o a cualquier usuario que quiere ver un contenido en un ambiente especialmente ruidoso o silencioso, as\u00ed como para los usuarios que no entienden el idioma nativo del v\u00eddeo y con ellos les proporcionamos su correspondiente traducci\u00f3n. <\/span><b><span data-contrast=\"auto\">Los subt\u00edtulos pueden ser abiertos<\/span><\/b><span data-contrast=\"auto\"> (est\u00e1n incrustados en el propio v\u00eddeo y siempre est\u00e1n activados) <\/span><b><span data-contrast=\"auto\">o cerrados<\/span><\/b><span data-contrast=\"auto\"> (asociados a un fichero externo que se puede activar\/desactivar mediante un bot\u00f3n CC, Closed Caption, en el reproductor de v\u00eddeo).<\/span><br \/>\n<span data-contrast=\"auto\">El c\u00f3digo HTML5 a usar ser\u00eda:<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">&lt; track &gt; con el atributo kind= \u201ccaptions\u201d. Casi todos los navegadores le dan soporte b\u00e1sico<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">A la hora de crear los subt\u00edtulos hay que <\/span><b><span data-contrast=\"auto\">tener en cuenta estos elementos<\/span><\/b><span data-contrast=\"auto\">:<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Transcripci\u00f3n de los di\u00e1logos:<\/span><\/b><span data-contrast=\"auto\">\u202flos subt\u00edtulos deben ser fieles y equivalentes al di\u00e1logo de los personajes y en el mismo orden de reproducci\u00f3n, por lo tanto se deben transcribir de forma adecuada y sincronizada con el v\u00eddeo para evitar la p\u00e9rdida de coherencia.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Tipograf\u00eda:<\/span><\/b><span data-contrast=\"auto\">\u202fdebe ser legible (como por ejemplo la Helv\u00e9tica o la Lucida grande), con un tama\u00f1o de fuente mediano (entre 18 y 22 pt) que optimice su lectura, con un interlineado sencillo, y que ocupen como m\u00e1ximo dos l\u00edneas de 35 o 37 caracteres en cada una de ellas. Debemos asegurarnos tambi\u00e9n que son compatibles y se visualizan correctamente tanto para Windows como Mac.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"3\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Tiempo de exposici\u00f3n:<\/span><\/b><span data-contrast=\"auto\">\u202fHay que tener en cuenta que los espacios en blanco, los signos de puntuaci\u00f3n y los emoticonos, cuentan tambi\u00e9n como caracteres. Como regla general se define que se deber\u00edan mostrar entre 12 y 19 caracteres por segundo (52 milisegundos de exposici\u00f3n para un car\u00e1cter y unas 150 palabras por minuto). En todo caso, no deber\u00eda ser inferior a 0,7 para frases cortas (entre 10 y 12 caracteres).<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"4\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Textos:<\/span><\/b><span data-contrast=\"auto\">\u202fno se deben separar las palabras, mientras que las l\u00edneas deber\u00e1n separarse preferiblemente cuando coincidan con comas, puntos, conjunciones o con las pausas que marque el personaje al hablar.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"5\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Ubicaci\u00f3n:<\/span><\/b><span data-contrast=\"auto\">\u202fcentrados y en la parte inferior del v\u00eddeo. Si en el propio v\u00eddeo ya sale alg\u00fan tipo de contenido en esa ubicaci\u00f3n, los subt\u00edtulos se pondr\u00edan en la zona superior a estos.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"6\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Contraste:<\/span><\/b><span data-contrast=\"auto\">\u202fdeben tener un contraste suficiente con el v\u00eddeo, de tal forma que sean perfectamente legibles. Se recomienda el color blanco, amarillo, verde o cian sobre fondo negro.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"7\" data-aria-level=\"1\"><span data-contrast=\"auto\">Si existen dos interlocutores,\u202f<\/span><b><span data-contrast=\"auto\">personajes, narradores o voz en off<\/span><\/b><span data-contrast=\"auto\">: cada uno de ellos tendr\u00e1 un color diferente e identificativo, y el texto de cada uno de ellos deber\u00e1 ocupar una l\u00ednea.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"8\" data-aria-level=\"1\"><span data-contrast=\"auto\">Si existen\u202f<\/span><b><span data-contrast=\"auto\">efectos sonoros<\/span><\/b><span data-contrast=\"auto\">: deber\u00e1n describirse y mostrarse entre par\u00e9ntesis cuando corresponda.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"9\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Destellos y parpadeos<\/span><\/b><span data-contrast=\"auto\">: hay que tener en cuenta que los contenidos con parpadeos o destellos, pueden causan ataques de epilepsia fotosensible a ciertos usuarios, por lo tanto, el parpadeo como m\u00e1ximo puede durar 5 segundos y los destellos no se pueden provocar m\u00e1s de 3 por segundo a no ser que el \u00e1rea de destello sea inferior al 25% del \u00e1rea central de la visi\u00f3n del ojo (10 grados del campo visual).<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<h3 aria-level=\"3\"><span data-contrast=\"none\">Audiodescripci\u00f3n<\/span><span data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:160,&quot;335559739&quot;:80}\">\u00a0<\/span><\/h3>\n<p><span data-contrast=\"auto\">La audiodescripci\u00f3n <\/span><b><span data-contrast=\"auto\">es una pista de audio alternativa que describe el contenido visual<\/span><\/b><span data-contrast=\"auto\"> (por ejemplo: se asoma por la ventana y ve a un hombre) y que va a resultar imprescindible para la comprensi\u00f3n del v\u00eddeo al no poder ver lo que est\u00e1 sucediendo en la pantalla. <\/span><b><span data-contrast=\"auto\">La descripci\u00f3n ser\u00e1 le\u00edda por el navegador<\/span><\/b><span data-contrast=\"auto\"> o por el software de lectura de pantalla.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Es <\/span><b><span data-contrast=\"auto\">imprescindible para los usuarios ciegos<\/span><\/b><span data-contrast=\"auto\"> o con baja visi\u00f3n puesto que si el contenido es muy visual, no ser\u00e1 suficiente con los subt\u00edtulos de audio puesto que perder\u00e1n gran parte de la informaci\u00f3n por no poder verla, y esto podr\u00eda ser vital para la comprensi\u00f3n del contenido.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">El c\u00f3digo HTML5 a usar ser\u00eda:<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">&lt; track &gt; con el atributo kind= \u201cdescriptions\u201d. El atributo src apuntar\u00e1 al fichero WEBVTT que incluir\u00e1 los bloques la descripci\u00f3n correspondiente y con los tiempos marcados para su reproducci\u00f3n.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<h3 aria-level=\"3\"><span data-contrast=\"none\">Transcripciones<\/span><span data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:160,&quot;335559739&quot;:80}\"> para hacer v\u00eddeos accesibles<\/span><\/h3>\n<p><span data-contrast=\"auto\">Las transcripciones son la\u202f<\/span><b><span data-contrast=\"auto\">versi\u00f3n en texto del contenido del v\u00eddeo y de la audiodescripci\u00f3n<\/span><\/b><span data-contrast=\"auto\">\u202fsi la tuviera. Las transcripciones son <\/span><b><span data-contrast=\"auto\">vitales para los usuarios sordo-ciegos<\/span><\/b><span data-contrast=\"auto\"> y la \u00fanica opci\u00f3n para obtener la informaci\u00f3n, cuando por cualquier motivo, cualquier usuario no puede acceder a la reproducci\u00f3n del v\u00eddeo. Teniendo la opci\u00f3n de la transcripci\u00f3n, podemos salvar estos dos obst\u00e1culos de una forma sencilla.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Los usuarios sordo-ciegos las usan para tener toda la informaci\u00f3n <\/span><b><span data-contrast=\"auto\">accediendo al documento mediante un dispositivo con salida Braile<\/span><\/b><span data-contrast=\"auto\">, que les va a permitir leer la totalidad del contenido, de otra forma no podr\u00edan ni leer ni escuchar la informaci\u00f3n y es su \u00fanica opci\u00f3n para poder obtenerla.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">La transcripci\u00f3n <\/span><b><span data-contrast=\"auto\">se debe proporcionar mediante un enlace accesible<\/span><\/b><span data-contrast=\"auto\">, y el contenido se puede mostrar en la misma p\u00e1gina, por ejemplo, bajo el v\u00eddeo, o en una nueva p\u00e1gina. Tambi\u00e9n se puede mostrar en enlace a la transcripci\u00f3n justo antes o despu\u00e9s del audio y se deber\u00e1 indicar su final con el texto \u201cFin de la transcripci\u00f3n\u201d para que el usuario sepa cu\u00e1ndo ha de regresar al punto en el que se encontraba.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4140\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/10\/transcripccion-texto-usabilidad-0.png\" alt=\"Transcripci\u00f3n para Accesibilidad\" width=\"567\" height=\"240\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/10\/transcripccion-texto-usabilidad-0.png 567w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/10\/transcripccion-texto-usabilidad-0-300x127.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/10\/transcripccion-texto-usabilidad-0-360x152.png 360w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/p>\n<div id=\"attachment_4141\" style=\"width: 566px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-4141\" class=\"wp-image-4141\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/10\/transcripccion-texto-usabilidad.png\" alt=\"transcripccion texto usabilidad\" width=\"556\" height=\"580\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/10\/transcripccion-texto-usabilidad.png 536w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/10\/transcripccion-texto-usabilidad-288x300.png 288w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2016\/10\/transcripccion-texto-usabilidad-360x375.png 360w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><p id=\"caption-attachment-4141\" class=\"wp-caption-text\">Imagen: Ejemplo tomado de la \u201cGu\u00eda de accsebilidad de contenido multimedia\u201d del Observatorio de accesibilidad, Mayo 2011<\/p><\/div>\n<h3 aria-level=\"3\"><span data-contrast=\"none\">Lengua de signos<\/span><span data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:160,&quot;335559739&quot;:80}\">\u00a0<\/span><\/h3>\n<p><b><span data-contrast=\"auto\">Para las personas sordas su lengua materna es la de signos<\/span><\/b><span data-contrast=\"auto\">, aunque obviamente puedan leer los subt\u00edtulos de un v\u00eddeo, pero en este caso, se pierden los matices emocionales y las entonaciones en las conversaciones, cosa que no ocurre mediante lengua de signos. <\/span><b><span data-contrast=\"auto\">En los v\u00eddeos es menos frecuente incluir esta opci\u00f3n<\/span><\/b><span data-contrast=\"auto\"> y cumplir este requisito equivale a un nivel de accesibilidad AAA en WCAG 2.0.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">HTML 5 no tiene ning\u00fan elemento espec\u00edfico para poder a\u00f1adir el lenguaje de signos en los v\u00eddeos, pero es viable hacerlo mediante el reproductor Able Player (https:\/\/ableplayer.github.io\/ableplayer\/), que est\u00e1 traducido al castellano e incluye adem\u00e1s soporte de subt\u00edtulos para sordos, de traducci\u00f3n, audiodescripci\u00f3n y velocidad variable de reproducci\u00f3n. Adem\u00e1s <\/span><b><span data-contrast=\"auto\">cuenta con b\u00fasqueda de texto completo<\/span><\/b><span data-contrast=\"auto\">, transcripciones interactivas y lengua de signos sincronizados.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">A tener en cuenta:<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Control mediante rat\u00f3n y teclado<\/span><\/b><span data-contrast=\"auto\">: hay que evitar la reproducci\u00f3n autom\u00e1tica de un v\u00eddeo sin que el usuario lo haya decidido y deben estar presentes los botones de interacci\u00f3n (reproducir, parar, volumen, etc.). A su vez deben poder manejarse tanto con rat\u00f3n como con el teclado, asegurando un orden de tabulaci\u00f3n l\u00f3gico.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Los botones deben tener un suficiente\u202f<\/span><b><span data-contrast=\"auto\">contraste de color<\/span><\/b><span data-contrast=\"auto\">: para que puedan ser identificados sin ning\u00fan problema, debiendo ser visibles si se deshabilitan las im\u00e1genes de fondo.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">Los botones deben tener\u202f<\/span><b><span data-contrast=\"auto\">etiquetas<\/span><\/b><span data-contrast=\"auto\">: que sean visibles, comprensibles y accesibles mediante lectores de pantalla.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"4\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Disponibilidad de varios formatos<\/span><\/b><span data-contrast=\"auto\">: es aconsejable ofrecer m\u00e1s de un formato o codificaci\u00f3n para su descarga.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"5\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Velocidad de reproducci\u00f3n variable<\/span><\/b><span data-contrast=\"auto\">: no todos los usuarios procesan la informaci\u00f3n a la misma velocidad, por lo tanto debemos proporcionar la opci\u00f3n de poder aumentarla o disminuirla en funci\u00f3n de las necesidades del usuario.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"6\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Elementos optimizados<\/span><\/b><span data-contrast=\"auto\">: debemos procurar que tengan la menor carga posible y que los audios cuenten con diferentes calidades para que el usuario lo pueda seleccionar en funci\u00f3n de su conexi\u00f3n.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" aria-setsize=\"-1\" data-aria-posinset=\"7\" data-aria-level=\"1\"><b><span data-contrast=\"auto\">Preferencias del usuario<\/span><\/b><span data-contrast=\"auto\">: siempre que sea posible, hay que proporcionar opciones de selecci\u00f3n para cubrir las preferencias del usuario como el tama\u00f1o de la fuente o el ratio de contraste en el color.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">\u202f<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">En hiberus somos<\/span><a href=\"https:\/\/www.hiberus.com\/agencia-digital\/accesibilidad\"><span data-contrast=\"none\">\u202fexpertos en Accesibilidad<\/span><\/a><span data-contrast=\"auto\">. Si necesitas es una consultor\u00eda o ayuda en el desarrollo de tu sitio web, escr\u00edbenos cont\u00e1ndonos tu proyecto y nuestro equipo estar\u00e1 encantado de ayudarte.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n        <div class=\"row\">\n            <div class=\"block-cta-form\" style=\"background-color: #003664;\">\n                <div class=\"content-cta-form\">\n                    <div class=\"text-cta-form\">\n                        <p class=\"title-cta-form\">\u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de Accesibilidad Web?<\/p>\n                        <p>Contacta con nuestro equipo de Accesibilidad<\/p>\n                    <\/div>\n                    <div class=\"form-fields\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f33973-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"33973\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/4139#wpcf7-f33973-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"33973\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f33973-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div id=\"responsive-form\" class=\"clearfix\">\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre *\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"apellido\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Apellido *\" value=\"\" type=\"text\" name=\"apellido\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"correo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo corporativo *\" value=\"\" type=\"email\" name=\"correo\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"telf-contacto\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e9fono *\" value=\"\" type=\"tel\" name=\"telf-contacto\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"compania\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Compa\u00f1ia *\" value=\"\" type=\"text\" name=\"compania\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Mensaje *\" name=\"mensaje\"><\/textarea><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"politica\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"politica\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto la <a href=\"https:\/\/www.hiberus.com\/politica\" target=\"_blank\"><u>Pol\u00edtica de privacidad<\/u><\/a><\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"marketing\"><span class=\"wpcf7-form-control wpcf7-acceptance optional\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"marketing\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Me gustar\u00eda recibir comunicaciones de marketing de Hiberus y sobre sus productos, servicios y eventos.<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Contacta con nosotros\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div id=\"campos_ocultos\" class=\"hidden\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new1\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new3\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new3\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new3\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new4\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new4\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new4\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new_p\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new_p\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new_p\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!--end responsive-form--><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"<p>En muchas ocasiones tenemos que incluir v\u00eddeos y audios en nuestras webs, puesto que son elementos suelen captar la atenci\u00f3n de los&#8230;<\/p>\n","protected":false},"author":2,"featured_media":51156,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_ayudawp_aiss_exclude":false,"footnotes":""},"categories":[283,3,230],"tags":[206,91,92],"class_list":{"0":"post-4139","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-accesibilidad","8":"category-negocio-electronico","9":"category-ux-analitica","10":"tag-accesibilidad","11":"tag-usabilidad","12":"tag-videomarketing"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/4139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/comments?post=4139"}],"version-history":[{"count":10,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/4139\/revisions"}],"predecessor-version":[{"id":51358,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/4139\/revisions\/51358"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media\/51156"}],"wp:attachment":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media?parent=4139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/categories?post=4139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/tags?post=4139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}