{"id":4134,"date":"2017-06-23T14:09:26","date_gmt":"2017-06-23T19:09:26","guid":{"rendered":"https:\/\/itsoftware.com.co\/content\/?p=4134"},"modified":"2020-11-19T15:30:22","modified_gmt":"2020-11-19T20:30:22","slug":"norma-tecnica-ntc-5854-accesibilidad-web","status":"publish","type":"post","link":"https:\/\/itsoftware.com.co\/content\/norma-tecnica-ntc-5854-accesibilidad-web\/","title":{"rendered":"Norma T\u00e9cnica Icontec NTC 5854: Accesibilidad de p\u00e1ginas Web"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0645ad;color:#0645ad\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #0645ad;color:#0645ad\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/itsoftware.com.co\/content\/norma-tecnica-ntc-5854-accesibilidad-web\/#Niveles_de_conformidad\" >Niveles de conformidad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itsoftware.com.co\/content\/norma-tecnica-ntc-5854-accesibilidad-web\/#Principios_fundamentales_de_NTC_5854\" >Principios fundamentales de NTC 5854<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itsoftware.com.co\/content\/norma-tecnica-ntc-5854-accesibilidad-web\/#1_Perceptible\" >1. Perceptible<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itsoftware.com.co\/content\/norma-tecnica-ntc-5854-accesibilidad-web\/#2_Operable\" >2. Operable<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/itsoftware.com.co\/content\/norma-tecnica-ntc-5854-accesibilidad-web\/#3_Contenido_comprensible\" >3. Contenido comprensible<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/itsoftware.com.co\/content\/norma-tecnica-ntc-5854-accesibilidad-web\/#4_Contenido_robusto\" >4. Contenido robusto<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<figure id=\"attachment_4135\" aria-describedby=\"caption-attachment-4135\" style=\"width: 486px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/06\/ntc-5854-accesibilidad-de-paginas-web.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-4135\" src=\"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/06\/ntc-5854-accesibilidad-de-paginas-web-300x200.jpg\" alt=\"NTC 5854 Accesibilidad de p\u00e1ginas web\" width=\"486\" height=\"324\"><\/a><figcaption id=\"caption-attachment-4135\" class=\"wp-caption-text\">NTC 5854 Accesibilidad de p\u00e1ginas web<\/figcaption><\/figure>\n<p>En el a\u00f1o 2011 se estableci\u00f3 la norma t\u00e9cnica Icontec <strong>NTC 5854<\/strong>, basada en los lineamientos internacionales <strong>WCAG 2.0<\/strong>, sobre las condiciones que debe cumplir un sitio web, para que personas con diferentes tipos de limitaciones f\u00edsicas (visuales, auditivas, cognitivas, etc.), tengan facilidades de acceso a los contenidos de las p\u00e1ginas web.<\/p>\n<p><!--more--><\/p>\n<p>Toda esta seria de recomendaciones en el dise\u00f1o de las p\u00e1ginas web, permiten darle acceso a contenidos web a muchas personas que tienen limitaciones f\u00edsicas, permiti\u00e9ndoles tambi\u00e9n ser parte de la revoluci\u00f3n digital del mundo de la informaci\u00f3n.<\/p>\n<p>Es por esto que todos estos lineamientos son de obligatorio cumplimiento para los sitios web de las entidades de gobierno, o de particulares que prestan funciones p\u00fablicas, dentro de las estrategias de gobierno en l\u00ednea del Ministerio de las Tecnolog\u00edas de la Informaci\u00f3n y las Comunicaciones (Mintic).<\/p>\n<blockquote><p><strong>Tambi\u00e9n te pude interesar leer&nbsp;<a href=\"https:\/\/itsoftware.com.co\/content\/paginas-web-mas-visitadas-mundo\/\" rel=\"bookmark\">\u00bfCu\u00e1les son las p\u00e1ginas web m\u00e1s visitadas en Colombia y el mundo?<\/a><\/strong><\/p><\/blockquote>\n<hr>\n<h2><span class=\"ez-toc-section\" id=\"Niveles_de_conformidad\"><\/span>Niveles de conformidad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr>\n<p>La norma <strong>NTC 5854<\/strong> establece unos niveles de conformidad, distingidos por las letras A, AA y AAA; de acuerdo al nivel de cumplimiento de los principios de accesibilidad web.<\/p>\n<p>Los niveles de conformidad se obtienen para p\u00e1ginas web completas, no s\u00f3lo para una parte de ellas.<\/p>\n<p>As\u00ed mismo, la conformidad con la norma se debe especificar para un conjunto de p\u00e1ginas dentro del dominio o subdominio ofrecido.<\/p>\n<p>Si se declara el cumplimiento con alguno de los niveles de la norma WCAG 2.0, \u00e9sta debe contener:<\/p>\n<ul>\n<li>Fecha<\/li>\n<li>T\u00edtulo de los requisitos WCAG 2.0 y NTC 5854<\/li>\n<li>Nivel de conformidad (A, AA, AAA)<\/li>\n<li>Descripci\u00f3n breve de las p\u00e1ginas, incluyendo una lista de las urls.<\/li>\n<li>Lista de las tecnolog\u00edas web que las soportan.<br \/>\n<hr>\n<\/li>\n<\/ul>\n<blockquote><p><strong>Tambi\u00e9n puedes leer&nbsp;<a href=\"https:\/\/itsoftware.com.co\/content\/paginas-web-bogota-diseno-grafico\/\" rel=\"bookmark\">PAGINAS WEB BOGOTA: Dise\u00f1o Web, Gr\u00e1fico y Posicionamiento SEO<\/a><\/strong><\/p><\/blockquote>\n<hr>\n<p>En general la accesibilidad web reune varios componentes claves que incluyen:<\/p>\n<ul>\n<li><strong>Contenidos web<\/strong>: Que hace referencia a las p\u00e1ginas web en s\u00ed, incluyendo texto, im\u00e1gnes, c\u00f3digo marcado, scripts, contenido multimedia, etc.<\/li>\n<li><strong>Agentes de Usuario<\/strong>: Son los programas que las personas usan para acceder a las p\u00e1ginas web, como es el caso de navegadores en desktops y m\u00f3viles, buscadores por voz, y otras tecnolog\u00edas de asistencia para personas con limitaciones f\u00edsicas.<\/li>\n<li><strong>Herramientas de producci\u00f3n de contenidos web<\/strong>: Es el software que se usa para la creaci\u00f3n de contenidos web, como son los editores de c\u00f3digo, gestores de contenido CMS, scripts de bases de datos, blogs, etc.<br \/>\n<hr>\n<\/li>\n<\/ul>\n<blockquote><p><strong>Puedes leer tambi\u00e9n&nbsp;<a href=\"https:\/\/itsoftware.com.co\/content\/paginas-web-moviles\/\" rel=\"bookmark\">PAGINAS WEB MOVILES: los clientes y ventas que pierdes si no las tienes<\/a><\/strong><\/p><\/blockquote>\n<hr>\n<h2><span class=\"ez-toc-section\" id=\"Principios_fundamentales_de_NTC_5854\"><\/span>Principios fundamentales de NTC 5854<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr>\n<p>La norma <strong>NTC 5854<\/strong> se basa en 4 principios fundamentales provenientes del WCAG 2.0:<\/p>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"1_Perceptible\"><\/span>1. Perceptible<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<hr>\n<p>Este primer principio indica que el contenido debe ser f\u00e1cilmente&nbsp;percibido por las personas. Para este fin se buscan:<\/p>\n<ul>\n<li><strong>Alternativas de texto para contenido no textual:<\/strong>\n<ul>\n<li>Texto equivalente para im\u00e1genes, iconos, botones, gr\u00e1ficas<\/li>\n<li>Descripciones representativas de gr\u00e1ficas, tablas, fotos, videos&nbsp;y audio.<\/li>\n<li>Etiquetas para botones, entradas de texto, listas desplegales, etc.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Subt\u00edtulos y otras alternativas para contenido multimedia:<\/strong>\n<ul>\n<li>Subt\u00edtulos para contenidos de audio para personas con discapacidad auditiva.<\/li>\n<li>Descripciones en audio de detalles importantes de videos.<\/li>\n<li>Lenguaje de se\u00f1as para el contenido de audio, especialmente para sordomudos.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Contenido presentado en diferentes formas:<\/strong>\n<ul>\n<li>Se debe marcar apropiadamente encabezados, tablas, listas, etc.<\/li>\n<li>Las secuencias de informaci\u00f3n o instrucciones de alg\u00fan proceso, deben ser consistentes aun cuando se cambie la presentaci\u00f3n visual.<\/li>\n<li>Los navegadores junto con las tecnolog\u00edas de asistencia deben permitir opciones de personalizaci\u00f3n de tama\u00f1os, colores, estilos.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Contenido f\u00e1cil de ver y escuchar<\/strong>:\n<ul>\n<li>El color no debe ser la \u00fanica forma de transmitir un contenido.<\/li>\n<li>Los colores por defecto de fondo y primer plano deben tener suficiente contraste.<\/li>\n<li>El texto se pude aumentar de tama\u00f1o hasta el 200% sin perder informaci\u00f3n.<\/li>\n<li>Las personas pueden parar, pausar o ajustar el volumen del audio de un sitio web.<\/li>\n<li>Si existe un sonido de fondo, puede ser puesto en bajo volumen o puede ser apagado para evitar distracciones.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<blockquote><p><strong>Te puede interesar tambi\u00e9n&nbsp;<a href=\"https:\/\/itsoftware.com.co\/content\/desarrollo-web-colombia-optimizar-google\/\" rel=\"bookmark\">Desarrollo web y posicionamiento: Optimizar b\u00fasquedas con Google Search Console<\/a><\/strong><\/p><\/blockquote>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"2_Operable\"><\/span>2. Operable<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<hr>\n<p>Un sitio web debe ofrecer facilidades para la operaci\u00f3n de personas con discapacidades, tales como:<\/p>\n<ul>\n<li><strong>Funcionalidades disponibles con el teclado:<\/strong>\n<ul>\n<li>Todas las funcionalidades que se pueden hacer con el rat\u00f3n, tambi\u00e9n se deben poder hacer con el teclado.<\/li>\n<li>El foco del teclado no se debe perder en alguna parte del contenido.<\/li>\n<li>Tanto los navegadores web, como las herramientas de producci\u00f3n de contenidos, como los agentes de usuario, deben permitir el soporte de navegaci\u00f3n con teclado.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Suficiente tiempo para leer y usar la p\u00e1gina web:<\/strong>\n<ul>\n<li>El usuario debe poder extender, parar o ajustar los l\u00edmites de tiempo, requeridos para leer un contenido.<\/li>\n<li>Puede parar, pausar, esconder, resaltar o hacer scroll a un contenido.<\/li>\n<li>Tambi\u00e9n puede postponer o suprimir interrupciones.<\/li>\n<li>Cuando una sesi\u00f3n expira, debe poder reautenticarse sin perder la informaci\u00f3n ya introducida.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Evitar el contenido que puede&nbsp;causar convulsiones:<\/strong>\n<ul>\n<li>Se debe evitar que contenido que parpadea o tiene alg\u00fan tipo de patrones, pueda causar convulsiones en las personas.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Las personas pueden navegar f\u00e1cilmente, buscar contenido y ubicarse en d\u00f3nde se encuentran en la p\u00e1gina:<\/strong>\n<ul>\n<li>Las p\u00e1ginas web deben tener t\u00edtulos claros en los encabezados de secci\u00f3n.<\/li>\n<li>Deben haber varias formas de encontrar p\u00e1ginas relevantes dentro de un conjunto de p\u00e1ginas web.<\/li>\n<li>Las personas son informadas de su ubicaci\u00f3n dentro de un conjunto de p\u00e1ginas relacionadas.<\/li>\n<li>Hay formas de evitar bloques de contenido que se repiten en muchas p\u00e1ginas.<\/li>\n<li>El foco del teclado es visible y sigue una secuencia l\u00f3gica de desplazamiento.<\/li>\n<li>El prop\u00f3sito de un enlace a otra p\u00e1gina web debe ser evidente.<br \/>\n<hr>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<blockquote><p><strong>Tambi\u00e9n puedes leer&nbsp;<a href=\"https:\/\/itsoftware.com.co\/content\/aplicaciones-web-servicios-sin-iva-2017\/\" rel=\"bookmark\">Excluidos de IVA 2017: Desarrollo de Aplicaciones Web y P\u00e1ginas Web<\/a><\/strong><\/p><\/blockquote>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"3_Contenido_comprensible\"><\/span>3. Contenido comprensible<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<hr>\n<p>Este principio de la norma NTC 5854 parte del hecho que se debe facilitar que las personas entiendan claramente el contenido de un sitio web, asegur\u00e1ndose de ofrecer:<\/p>\n<ul>\n<li><strong>Texto legible y comprensible:<\/strong>\n<ul>\n<li>Se debe identificar el idioma primario de una p\u00e1gina web.<\/li>\n<li>Tambi\u00e9n se debe reconocer el idioma de pasajes de texto, frases u otras partes de un sitio web.<\/li>\n<li>Se entregan definciones de palabras y frases poco usuales, modismos y abreviaturas.<\/li>\n<li>Se debe usar un lenguaje claro y simple, o en caso contrario se deben ofrecer versiones simplificadas.<\/li>\n<\/ul>\n<\/li>\n<li><strong>El contenido aparece y funciona en forma predecible:<\/strong>\n<ul>\n<li>Elementos de navegaci\u00f3n que se repiten en m\u00faltiples p\u00e1ginas, deben aparecer en el mismo lugar.<\/li>\n<li>Del mismo modo, se deben mantener el mismo nombre de etiquetas, para las mismas funciones, en muchas p\u00e1ginas web.<\/li>\n<li>No pueden ocurrir cambios significativos en la p\u00e1gina web, sin el consentimiento de la persona.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Hay ayudas para evitar y corregir errores:<\/strong>\n<ul>\n<li>Se deben ofrecer instrucciones, mensajes de error y sugerencias para la correci\u00f3n de texto.<\/li>\n<li>Tambi\u00e9n debe estar disponible una ayuda sensitiva al contexto, para funciones complejas o de interacci\u00f3n con el usuario.<\/li>\n<li>La persona debe tener la oportunidad de revisar, corregir o reversar env\u00edos&nbsp;de datos.<br \/>\n<hr>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<blockquote><p><strong>Puedes leer tambi\u00e9n&nbsp;<a href=\"https:\/\/itsoftware.com.co\/content\/conocer-trafico-de-mis-paginas-web\/\" rel=\"bookmark\">Analizando el tr\u00e1fico de mis p\u00e1ginas web en Google Analytics<\/a><\/strong><\/p><\/blockquote>\n<hr>\n<h3><span class=\"ez-toc-section\" id=\"4_Contenido_robusto\"><\/span>4. Contenido robusto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<hr>\n<p>Las p\u00e1ginas web tambi\u00e9n deben garantizar un contenido robusto, que sea compatible con diferentes navegadores, tecnolog\u00edas de asistencia y otros agentes de usuario. Pensando en este fin, la norma hace referencia a:<\/p>\n<ul>\n<li><strong>Contenido compatible con herramientas actuales y futuras:<\/strong>\n<ul>\n<li>Asegurarse de un marcado fiable del contenido web ofrecido.<\/li>\n<li>Debe proveer un nombre, rol y valor para componentes de interfaces de usuario no est\u00e1ndar.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<p>El cumplimiento de estas normas le permiten a un sitio web dar acceso a personas que por su discapacidad no tienen acceso a sus contenidos, posicionarse mejor en los buscadores, tener mayores visitas, permitir mayor usablidad y funcionar por defecto en cualquier plataforma tecn\u00f3logica.<\/p>\n<hr>\n<p>Este art\u00edculo hace parte del sistema de divulgaci\u00f3n de conocimiento de <a href=\"http:\/\/itsoftware.com.co\">ITSoftware SAS.<\/a><\/p>\n<h4>Si te gust\u00f3, por favor no olvides compartirlo en las redes sociales. \ud83d\ude09<\/h4>\n","protected":false},"excerpt":{"rendered":"<p>En el a\u00f1o 2011 se estableci\u00f3 la norma t\u00e9cnica Icontec NTC 5854, basada en los lineamientos internacionales WCAG 2.0, sobre las condiciones que debe cumplir un sitio web, para que[&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":8608,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[92],"tags":[],"class_list":["post-4134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/06\/ntc-5854-accesibilidad-de-paginas-web-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/4134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/comments?post=4134"}],"version-history":[{"count":0,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/4134\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media\/8608"}],"wp:attachment":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media?parent=4134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/categories?post=4134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/tags?post=4134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}