{"id":5477,"date":"2022-01-14T13:06:43","date_gmt":"2022-01-14T12:06:43","guid":{"rendered":"https:\/\/www.insuit.net\/?p=5477"},"modified":"2024-03-11T13:59:47","modified_gmt":"2024-03-11T12:59:47","slug":"como-hacer-videos-accesibles","status":"publish","type":"post","link":"https:\/\/www.insuit.net\/es\/como-hacer-videos-accesibles\/","title":{"rendered":"Descubre c\u00f3mo hacer v\u00eddeos accesibles y cumplir con la WCAG 2.2"},"content":{"rendered":"\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-e9528e4674a4bb0299eb645dd2c47a7a wp-block-paragraph\"><strong>(6\/10\/23): Actualizamos el contenido del art\u00edculo por el lanzamiento de la WCAG 2.2.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00bfC\u00f3mo hacer v\u00eddeos accesibles? <\/strong>Esa es la pregunta que hoy responderemos en este art\u00edculo, <strong>\u00a1toma nota de esta gu\u00eda!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En la actualidad, <strong>el formato de v<\/strong>\u00ed<strong>deo est\u00e1 pr\u00e1cticamente en todo internet,<\/strong> esto debido a que permite transmitir mensajes de forma breve y sencilla. Raz\u00f3n por la cual, <strong>debes asegurarte que todos tus usuarios puedan acceder al contenido<\/strong> sin ning\u00fan tipo de barreras.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto ser\u00e1 sumamente importante a la hora de <strong>cubrir las necesidades de todos los usuarios<\/strong> que lleguen a ese contenido multimedia. Adem\u00e1s, de ser un punto favor a la hora de <a href=\"https:\/\/www.insuit.net\/es\/cumple-real-decreto-1112-2018-insuit-servicios360\/\" target=\"_blank\" rel=\"noreferrer noopener\">cumplir con las distintas normativas<\/a>, que hoy exigen, <strong>una web verdaderamente accesible.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora bien, <strong>\u00bfqu\u00e9 debo hacer para que mis v\u00eddeos sean realmente accesibles?<\/strong> A continuaci\u00f3n, traemos las respuestas para ti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo hacer v\u00eddeos accesibles de una manera \u00f3ptima?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para que un formato multimedia puede ser realmente accesible, <strong>todos los usuarios deben poder acceder<\/strong> a su contenido. La forma m\u00e1s f\u00e1cil de lograr este objetivo, ser\u00e1 con la <strong>utilizaci\u00f3n de subt\u00edtulos o con la <a href=\"https:\/\/www.insuit.net\/es\/subtitulos-automaticos-videos-en-directo\/\" target=\"_blank\" rel=\"noreferrer noopener\">transcripci\u00f3n del material audiovisual<\/a>.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero esto no queda all\u00ed, <strong>existen ciertos principios que deben ser atendidos<\/strong> con la finalidad de garantizar la accesibilidad en los v\u00eddeos. Nos referimos a los expuestos en las <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#wcag-2-2-supporting-documents\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accessibility Guidelines (WCAG) 2.2<\/a>, una <strong>gu\u00eda de pautas en accesibilidad <\/strong>que promueve una web para todos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Estos principios, apuntan a que <strong>los v\u00eddeos deben cumplir con las siguientes caracter\u00edsticas:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Perceptible:<\/strong> el material audiovisual debe poder ser percibido de una manera f\u00e1cil por los usuarios. El contenido debe ser adaptable y distinguible sin que pierda su informaci\u00f3n.<\/li>\n\n\n\n<li><strong>Operable:<\/strong> el v\u00eddeo debe poder ser operado f\u00e1cilmente y a trav\u00e9s del teclado. Contando con el tiempo suficiente para poder consumir la informaci\u00f3n.<\/li>\n\n\n\n<li><strong>Comprensible:<\/strong> el contenido debe ser f\u00e1cil de comprender, por ello debe existir una pronunciaci\u00f3n clara, un lenguaje sencillo y con texto legible.<\/li>\n\n\n\n<li><strong>Robusto:<\/strong> el v\u00eddeo debe abarcar la posibilidad de poder ser interpretado por las diferentes tecnolog\u00edas de asistencia.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez tomadas en cuenta estas caracter\u00edsticas, <strong>conozcamos el detalle de las pautas que se deben cumplir<\/strong> a la hora de producir un v\u00eddeo accesible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Niveles y pautas de accesibilidad en contenido de v\u00eddeo web (WCAG) 2.2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dentro de los <strong>criterios de conformidad presentes en la (WCAG) 2.2,<\/strong> existen varios niveles de accesibilidad que califican al material audiovisual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conozcamos, a continuaci\u00f3n, los <strong>aspectos que incluyen cada uno de ellos.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Nivel A accesibilidad<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El contenido que no sea textual, debe contar con una alternativa en texto equivalente a su prop\u00f3sito.<\/li>\n\n\n\n<li>Si el v\u00eddeo combina distintos archivos multimedia, se debe presentar una alternativa en texto que proporcione la identificaci\u00f3n descriptiva del contenido.<\/li>\n\n\n\n<li>Se deben facilitar subt\u00edtulos debidamente sincronizado con el contenido audiovisual.<\/li>\n\n\n\n<li>Se debe contar con audiodescripci\u00f3n sincronizada en todo el v\u00eddeo, la cual debe abordar a cada uno de los archivos multimedia utilizados en la creaci\u00f3n de la pieza audiovisual.<\/li>\n\n\n\n<li>La funcionalidad del v\u00eddeo debe ser operable a trav\u00e9s del teclado.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Nivel AA accesibilidad<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Se deben proporcionar subt\u00edtulos sincronizados referente a todo el contenido audiovisual en vivo.<\/li>\n\n\n\n<li>La audiodescripci\u00f3n debe estar presente y sincronizada en todo el contenido de v\u00eddeo que haya sido grabado.<\/li>\n\n\n\n<li>Se debe contar con contraste, m\u00ednimo de 4.5:1, al utilizar im\u00e1genes y textos en la pieza audiovisual.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Nivel AAA accesibilidad<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Es necesario contar con interpretaci\u00f3n en lengua de se\u00f1as que vaya sincronizada con el contenido audiovisual.<\/li>\n\n\n\n<li>Cuando no existan pausas suficientes en el audio de primer plano que permita una descripci\u00f3n que le de sentido al v\u00eddeo, ser\u00e1 necesario proporcionar una descripci\u00f3n de audio extendida y sincronizada al contenido audiovisual.<\/li>\n\n\n\n<li>Todos los contenidos multimedia que sean grabados, deben contar con una alternativa que permita sincronizar los diferentes archivos utilizados para la creaci\u00f3n del contenido.<\/li>\n\n\n\n<li>El contraste debe estar presente al utilizar textos e im\u00e1genes en el v\u00eddeo, y \u00e9ste debe ser de al menos, 7:1.<\/li>\n\n\n\n<li>En cuanto al contenido de audio grabado como:\n<ul class=\"wp-block-list\">\n<li>Audios en primer plano.<\/li>\n\n\n\n<li>Audios que no sean para: audiologo y CAPTCHAS sonoros.<\/li>\n\n\n\n<li>Vocalizaciones de expresi\u00f3n musical.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Deben cumplir algunos de estos par\u00e1metros:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El audio no debe contener sonido de fondo.\n<ul class=\"wp-block-list\">\n<li>Permitir que los sonidos de fondo puedan ser apagados.<\/li>\n\n\n\n<li>El sonido de fondo debe ser de al menos de 20 dB m\u00e1s bajo que el audio que est\u00e1 en primer plano.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>El v\u00eddeo debe poder ser operado a trav\u00e9s del teclado.<\/li>\n\n\n\n<li>Todas aquellas palabras que resulten ambiguas o que se desconozca su pronunciaci\u00f3n, deben contar con un mecanismo para poder ser identificadas.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Siguiendo estas pautas podr\u00e1s tener claro c\u00f3mo hacer v\u00eddeos accesibles <\/strong>de una manera \u00f3ptima. Cubriendo as\u00ed, la necesidad que existe de poder ofrecer un contenido apto para todos los usuarios y que <strong>aporte al desarrollo de la accesibilidad web.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfNecesitas ayuda para generar v\u00eddeos accesibles y cumplir la normativa?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sin embargo, puede que sea<strong> demasiado complicado asegurarse que tu grabaci\u00f3n o subt\u00edtulos cumplen con la legislaci\u00f3n<\/strong>, o simplemente, es necesario dedicarle un tiempo que no tienes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00bfSigues sin subtitular autom\u00e1ticamente los v\u00eddeos en directo de tu instituci\u00f3n?<\/strong> \u00bfNecesitas ayuda para que tus v\u00eddeos sean accesibles o que tengan un subtitulado autom\u00e1tico sin errores? <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background wp-element-button\" href=\"https:\/\/www.insuit.net\/es\/contacto\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00a1Cont\u00e1ctanos!<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>(6\/10\/23): Actualizamos el contenido del art\u00edculo por el lanzamiento de la WCAG 2.2. \u00bfC\u00f3mo hacer v\u00eddeos accesibles? Esa es la pregunta que hoy responderemos en este art\u00edculo, \u00a1toma nota de esta gu\u00eda! En la actualidad, el formato de v\u00eddeo est\u00e1 pr\u00e1cticamente en todo internet, esto debido a que permite transmitir mensajes de forma breve y [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":5504,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[30],"tags":[],"class_list":["post-5477","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias-es"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/posts\/5477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/comments?post=5477"}],"version-history":[{"count":13,"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/posts\/5477\/revisions"}],"predecessor-version":[{"id":11735,"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/posts\/5477\/revisions\/11735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/media\/5504"}],"wp:attachment":[{"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/media?parent=5477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/categories?post=5477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.insuit.net\/es\/wp-json\/wp\/v2\/tags?post=5477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}