Providing Meaningful Alternate Descriptions for Non Text Elements | Guidelines for Indian Government Websites and apps (GIGW)

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Providing Meaningful Alternate Descriptions for Non Text Elements | Guidelines for Indian Government Websites and apps (GIGW) | India </title> <link rel="icon" href="https://cdnbbsr.s3waas.gov.in/s3c92a10324374fac681719d63979d00fe/uploads/2019/03/2019032052.gif"> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="pingback" href="https://guidelines.india.gov.in/xmlrpc.php" /> <link rel="stylesheet" href="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/css/print.css" type="text/css" media="print"> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <meta name="description" content="The ALT attributes are used while designing a website to provide alternative text to any form of non text element used in it such as images, audio, video, etc. The basic aim of providing an alt attribute is to make the same information available to a user who is unable to view the non text […]" /> <meta name="keywords" content="Providing, Meaningful, Alternate, Descriptions, For, Non, Text, Elements, Providing Meaningful Alternate Descriptions for Non Text Elements" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/guidelines.india.gov.in\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://guidelines.india.gov.in/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='extra-feature-css-css' href='https://guidelines.india.gov.in/wp-content/plugins/common_utility/css/extra.features.css?ver=1.1' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://guidelines.india.gov.in/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.3.2' media='all' /> <link rel='stylesheet' id='parichay-login-css-css' href='https://guidelines.india.gov.in/wp-content/plugins/parichay-sso//css/login.css?ver=1.1' media='all' /> <link rel='stylesheet' id='wsl-widget-css' href='https://guidelines.india.gov.in/wp-content/plugins/wordpress-social-login/assets/css/style.css?ver=6.7.1' media='all' /> <link rel='stylesheet' id='base-css-css' href='https://guidelines.india.gov.in/wp-content/themes/sdo-theme/css/base.css?ver=6.7.1' media='all' /> <link rel='stylesheet' id='sliderhelper-css-css' href='https://guidelines.india.gov.in/wp-content/themes/sdo-theme/css/addons/sliderhelper.css?ver=6.7.1' media='all' /> <link rel='stylesheet' id='select2.min.css-css' href='https://guidelines.india.gov.in/wp-content/plugins/simple-taxonomy-ordering/lib/css/select2.min.css?ver=2.3.2' media='all' /> <link rel='stylesheet' id='nic-accessible-css' href='https://guidelines.india.gov.in/wp-content/themes/sdo-theme/css/webguidlines-regform.css?ver=6.7.1' media='all' /> <link rel='stylesheet' id='main-css-css' href='https://guidelines.india.gov.in/wp-content/themes/sdo-theme/style.css?ver=6.7.1' media='all' /> <link rel='stylesheet' id='jquery-ui-datepicker-css' href='https://guidelines.india.gov.in/wp-content/plugins/awaas-metaboxes/css/jquery.ui.datepicker.css?ver=1.0' media='all' /> <link rel='stylesheet' id='fontawesome-css' href='https://guidelines.india.gov.in/wp-content/plugins/awaas-accessibility/css/font-awsome.css?ver=6.7.1' media='all' /> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/plugins/awaas-accessibility/js/external.js?ver=6.7.1" id="external-link-js"></script> <link rel="https://api.w.org/" href="https://guidelines.india.gov.in/api/" /><link rel="alternate" title="JSON" type="application/json" href="https://guidelines.india.gov.in/api/wp/v2/pages/5910" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://guidelines.india.gov.in/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel="canonical" href="https://guidelines.india.gov.in/providing-meaningful-alternate-descriptions-for-non-text-elements/" /> <link rel='shortlink' href='https://guidelines.india.gov.in/?p=5910' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://guidelines.india.gov.in/api/oembed/1.0/embed?url=https%3A%2F%2Fguidelines.india.gov.in%2Fproviding-meaningful-alternate-descriptions-for-non-text-elements%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://guidelines.india.gov.in/api/oembed/1.0/embed?url=https%3A%2F%2Fguidelines.india.gov.in%2Fproviding-meaningful-alternate-descriptions-for-non-text-elements%2F&format=xml" /> <noscript> <style> #topBar #accessibility ul li .goiSearch, #topBar1 #accessibility ul li .goiSearch{ visibility: visible;} #topBar #accessibility ul li .socialIcons ul, #topBar1 #accessibility ul li .socialIcons ul { background: #fff !important;} #topBar #accessibility ul li .goiSearch, #topBar1 #accessibility ul li .goiSearch{ right: 0; left: inherit;} .nav li a:focus > ul { left: 0; opacity: 0.99;} a:focus, button:focus, .carasoleflex-wrap .flexslider .slides > li a:focus, .flexslider .slides>li a:focus { outline: 3px solid #ff8c00 !important;} .flexslider .slides>li { display:block !important;} .flexslider .slides img { width:auto !important;} .nav li.active > a, .nav li > a:hover, .nav li > a:focus, .nav ul li a:hover, .nav li:hover > a{ border-top:none; color:#ffffff;} .nav li.active > a{ border:0;} .nav ul{ opacity:1; left:0; position:static !important; width:auto; border:0;} .nav li{ position:static !important; display:block; float:none; border:0 !important;} .nav li > a { float: none; display: block; background-color: #ff9f08 !important; color: #ffffff; margin: 0; padding: 0px 15px; border-radius: 0; border-bottom: 1px solid #ffffff !important; position: static !important; border-top: 0; font-size: 14px !important;} .nav ul.sub-menu li > a{ background-color:#464141 !important; font-size:12px !important; padding:0 25px;} .style-1 .menuWrapper, .style-2 .menuWrapper, .style-6 .menuWrapper, .style-5 .menuWrapper{ background:#e1e1e1 !important;} .style-1 .nav li > a, .style-1 .nav li > a:hover{background-color: #875506 !important;} .style-1 .nav ul.sub-menu li > a, .style-1 .nav ul.sub-menu li > a:hover{ background-color:#3e2908 !important;} .style-2 .nav li > a, .style-2 .nav li > a:hover{background-color: #11372a !important;} .style-2 .nav ul.sub-menu li > a, .style-2 .nav ul.sub-menu li > a:hover{ background-color:#677314 !important;} .style-6 .nav li > a, .style-6 .nav li > a:hover{background-color: #f65a64 !important;} .style-6 .nav ul.sub-menu li > a:hover{ background-color:#fff !important;} .style-6 .nav ul.sub-menu li > a { background-color:transparent !important; } .style-6 .menuWrapper .nav li ul li{ border-bottom:1px solid transparent !important;} .style-6 .menuWrapper .nav li a{ border-radius:0 !important; color:#fff !important;} .style-6 .menuWrapper .nav li a:hover{ color:#000 !important;} .style-5 .nav li > a, .style-5 .nav li > a:hover{background-color: #fd9c29 !important; color:#ffffff !important;} .style-5 .nav ul.sub-menu li > a, .style-5 .nav ul.sub-menu li > a:hover{ background-color:#464141 !important; color:#ffffff !important;} .style-6 .menuWrapper .nav li ul li a { margin: 0; padding: 7px 15px;} ul li .socialIcons{ visibility:visible !important;} </style> </noscript> <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript>    <script> var ajaxurl = ajaxUrl = AJAXURL = ajaxURL= "https://guidelines.india.gov.in/wp-admin/admin-ajax.php"; </script> </head> <body class="page-template-default page page-id-5910 lang-en style-4 home-5 wpb-js-composer js-comp-ver-6.1 vc_responsive"> <header id="mainHeader">  <div id="topBar"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="push-right" aria-label="Primary"> <div id="accessibility"> <ul id="accessibilityMenu" class="clearfix"> <li> <a href="#SkipContent" class="skipContent" aria-label="Skip to main content" title="Skip to main content"> <span class="m-hide">Skip to main content</span> <span class="icon-skip-to-main m-show"></span> </a> </li> <li class="searchbox"> <a href="javascript:void(0);" title="Site Search" aria-label="Site Search" role="button" data-toggle="dropdown"> <img class="show-con" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/search-icon.png" title="Search Icon" alt="Search Icon" /> </a> <div class="goiSearch"> <form action="https://guidelines.india.gov.in/" method="get"> <label for="search" class="hide">Search</label> <input type="search" placeholder="Search here..." name="s" id="search" value="" /> <button class="accent-color accent-border-color" type="submit" title="Search"><span class="icon-search" ></span><span class="hide">Search</span></button> </form> </div> </li> <li class="top-sitemap"> <a href="https://guidelines.india.gov.in/sitemap/" aria-label="Sitemap" title="Sitemap"> <img class="show-con" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/sitemap-icon.png" title="Sitemap Icon" alt="Sitemap Icon" /> <span class="hide">Sitemap</span></a></li> <li> <a href="javascript:void(0);" title="Accessibility Links" aria-label="Accessibility Links" class="accessible-icon" role="button" data-toggle="dropdown"><span class="tcon">Accessibility Links</span>  <img class="show-con" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/accessibility.png" title="Accessibility Icon" alt="Accessibility Icon" /> </a> <ul class="accessiblelinks textSizing" aria-label="Font size and Contrast controls"> <li class="fontSizeEvent"><a data-selected-text="selected" data-event-type="increase" href="javascript:void(0);" data-label="Font Size Increase" title="Font Size Increase" aria-label="Font Size Increase"><span aria-hidden="true">A+</span> <span class="tcon">Font Size Increase</span></a></li> <li class="fontSizeEvent"><a data-selected-text="selected" data-event-type="normal" href="javascript:void(0);" data-label="Normal Font" title="Normal Font" aria-label="Normal Font"><span aria-hidden="true">A</span> <span class="tcon">Normal Font</span></a></li> <li class="fontSizeEvent" ><a data-selected-text="selected" data-event-type="decrease" href="javascript:void(0);" data-label="Font Size Decrease" title="Font Size Decrease" aria-label="Font Size Decrease"><span aria-hidden="true">A-</span> <span class="tcon">Font Size Decrease</span></a></li> <li class="highContrast dark tog-con"> <a href="javascript:void(0);" title="High Contrast" aria-label="High Contrast"><span aria-hidden="true">A</span> <small class="tcon">High Contrast</small></a> </li> <li class="highContrast light"> <a class="link-selected" href="javascript:void(0);" title="Normal Contrast - Selected" aria-label="Normal Contrast - Selected"><span aria-hidden="true">A</span> <small class="tcon">Normal Contrast</small></a> </li> </ul> </li> <li class="languageCont" aria-label="Change Language"> <a href="javascript:void(0);" class="language link-selected" aria-label="English - Selected" title="English - Selected" role="button" data-toggle="dropdown">English</a> <ul class="socialIcons"> </ul> </li> </ul> </div> </div> <div class="push-left"> <div class="govBranding"> <ul> <li> <a lang="" href="https://www.xn--i1bj3fqcyde.xn--11b7cb3a6a.xn--h2brj9c/" > भारत सरकार </a></li> <li> <a lang="en" href="https://india.gov.in/"> Government of India </a> </li> </ul> </div> </div> </div> </div> </div> </div>   <div class="header-wrapper"> <div class="container"> <div class="row"> <div class="col-lg-8 col-md-8 col-sm-8 col-xs-7"> <div class="logo"> <a href="https://guidelines.india.gov.in/" title="Go to home" class="site_logo" rel="home"> <img id="logo" class="emblem" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/emblem.png" alt="State Emblem of India"> <div class="logo_text"> <strong lang=""> GUIDELINES FOR </strong> <span class="site_name_english">INDIAN GOVERNMENT WEBSITES AND APPS</span> </div> </a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-5"> <div class="header-right hidden-xs push-right"> <a aria-label="Digital India - External site that opens in a new window" href="https://www.digitalindia.gov.in/" target= "_blank" title="Digital India"> <img class="sw-logo" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/digital-india.png" alt="Digital India"> </a> </div> <a class="menuToggle" href="javascript:void(0);"> <span class="icon-menu" aria-hidden="true"></span> <span class="menu-text">Menu Toggle</span> </a> </div> </div> </div> </div>   <div class="menuWrapper"> <div class="menuMoreText hide">More</div> <div class="container"> <nav class="menu"><ul id="menu-header-english" class="nav clearfix"><li id="menu-item-5757" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5757"><a href="/">Home</a></li> <li id="menu-item-10399" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10399"><a href="/introduction/">GIGW 3.0</a></li> <li id="menu-item-6824" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6824 has-sub"><a href="#" aria-haspopup="true" aria-expanded="false">Innovation Challenge<span class="indicator"></span></a> <ul aria-hidden="true" class="sub-menu"> <li id="menu-item-6812" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6812 has-sub-child"><a href="https://guidelines.india.gov.in/about-the-challenge/" tabindex="-1">About the Challenge</a></li> <li id="menu-item-6813" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6813 has-sub-child"><a href="https://guidelines.india.gov.in/scope-of-work/" tabindex="-1">Scope of Work</a></li> <li id="menu-item-7503" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7503 has-sub-child"><a href="https://guidelines.india.gov.in/faqs/" tabindex="-1">FAQs</a></li> <li id="menu-item-6814" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6814 has-sub-child"><a href="https://guidelines.india.gov.in/stages/" tabindex="-1">Stages</a></li> <li id="menu-item-7484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7484 has-sub-child"><a href="https://guidelines.india.gov.in/final-outcome/" tabindex="-1">Final Outcome</a></li> <li id="menu-item-7237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7237 has-sub-child"><a href="https://guidelines.india.gov.in/participation-process-flow/" tabindex="-1">Participation Process Flow</a></li> <li id="menu-item-7241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7241 has-sub-child"><a href="https://guidelines.india.gov.in/evaluation-parameters/" tabindex="-1">Evaluation Parameters</a></li> <li id="menu-item-7242" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7242 has-sub-child"><a href="https://guidelines.india.gov.in/evaluation-process/" tabindex="-1">Evaluation Process</a></li> <li id="menu-item-7243" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7243 has-sub-child"><a href="https://guidelines.india.gov.in/timelines-and-deliverables/" tabindex="-1">Timelines and Deliverables</a></li> <li id="menu-item-7249" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7249 has-sub-child"><a href="https://guidelines.india.gov.in/rules-guidelines/" tabindex="-1">Rules and Guidelines</a></li> </ul> </li> <li id="menu-item-5751" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5751"><a href="https://guidelines.india.gov.in/govt-communications/">Govt. Communications</a></li> <li id="menu-item-7671" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7671 has-sub"><a href="#" aria-haspopup="true" aria-expanded="false">Certification<span class="indicator"></span></a> <ul aria-hidden="true" class="sub-menu"> <li id="menu-item-7675" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7675 has-sub-child"><a href="https://www.stqc.gov.in/website-quality-certification-0" tabindex="-1">Website Quality Certification</a></li> <li id="menu-item-7678" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7678 has-sub-child"><a href="https://www.stqc.gov.in/certified-product" tabindex="-1">List of Compliant Websites</a></li> </ul> </li> <li id="menu-item-6952" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6952 has-sub"><a href="#" aria-haspopup="true" aria-expanded="false">Resources<span class="indicator"></span></a> <ul aria-hidden="true" class="sub-menu"> <li id="menu-item-7683" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7683 has-sub-child"><a href="https://guidelines.india.gov.in/quick-tips/" tabindex="-1">Quick Tips</a></li> <li id="menu-item-5749" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5749 has-sub-child"><a href="https://guidelines.india.gov.in/tools-and-resources/" tabindex="-1">Tools</a></li> <li id="menu-item-10984" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10984 has-sub-child"><a href="https://guidelines.india.gov.in/activities/" tabindex="-1">Articles & Blogs</a></li> <li id="menu-item-6954" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6954 has-sub-child"><a href="https://cdnbbsr.s3waas.gov.in/s3c92a10324374fac681719d63979d00fe/uploads/2023/12/2023122166.pdf" tabindex="-1">Compliance HandBook</a></li> </ul> </li> <li id="menu-item-7010" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7010 has-sub"><a href="#" aria-haspopup="true" aria-expanded="false">GuDApps<span class="indicator"></span></a> <ul aria-hidden="true" class="sub-menu"> <li id="menu-item-7014" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7014 has-sub-child"><a href="https://guidelines.india.gov.in/about-gudapps/" tabindex="-1">About GuDApps</a></li> <li id="menu-item-7024" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7024 has-sub-child"><a href="https://guidelines.india.gov.in/objectives/" tabindex="-1">Objectives</a></li> <li id="menu-item-7692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7692 has-sub-child"><a href="https://guidelines.india.gov.in/gudapps-guidelines/" tabindex="-1">GuDApps Guidelines</a></li> <li id="menu-item-7023" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7023 has-sub-child"><a href="https://guidelines.india.gov.in/contact/" tabindex="-1">Contact</a></li> </ul> </li> <li id="menu-item-10865" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10865"><a href="/event/workshop-for-web-information-managers-of-ministries-and-departments-of-goi/">Workshop</a></li> <li id="menu-item-12482" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12482"><a href="https://guidelines.india.gov.in/chief-information-officers-cios/">CIOs</a></li> <li id="menu-item-1000000" class="menu-item menu-item-type- menu-item-object- menu-item-1000000"><a href="https://guidelines.india.gov.in/login?loginService=S3WaaSParichay">WIM Login</a></li> </ul></nav> </div> </div>  <div id="overflowMenu"> <div class="ofMenu"> <ul></ul> </div> <a href="#" title="Close" class="closeMenu" tabindex="-1"><span class="icon-close" aria-hidden="true"></span> Close</a> </div> </header> <main> <div id="SkipContent"></div>  <section class="section-row "> <div class="container"> <div class="page-head"> <div class="row"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> <div id="breadcrumb" class="push-left" role="navigation" aria-label="breadcrumb"> <ul class="breadcrumbs"><li><a href="https://guidelines.india.gov.in/" class="home"><span>Home</span></a></li> <li class="current">Providing Meaningful Alternate Descriptions for Non Text Elements</li></ul> </div> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"> <div class="printShare push-right"> <ul> <li> <a href="#" id="print" aria-label="Print Page Content" title="Print Page Content" ><span class="hide">Print</span> <img class="inr-bred-icon" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/print-icon.png" title="Print Icon" alt="Print Icon"/> <span class="printslash" aria-hidden="true">/</span> </a> </li> <li aria-hidden="true"> <img src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/share-icon.png" title="Share Icon" alt="Share Icon" aria-hidden="true" /> <span class="hide" aria-hidden="true">Share</span> </li> <li> <a class="bread-fb" aria-label="Share on Facebook - opens a new window" href="https://www.facebook.com/sharer/sharer.php?u=https://guidelines.india.gov.in/providing-meaningful-alternate-descriptions-for-non-text-elements/&t=Providing+Meaningful+Alternate+Descriptions+for+Non+Text+Elements" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" title="Share on Facebook"> <img class="inr-bred-icon" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/facebook-icon.png" title="Facebook Icon" alt="Facebook Icon" /> <span class="hide">Share on Facebook</span></a> </li> <li> <a class="bread-twt" aria-label="Share on Twitter - opens a new window" href="https://twitter.com/share?url=https://guidelines.india.gov.in/providing-meaningful-alternate-descriptions-for-non-text-elements/&via=TWITTER_HANDLE&text=Providing+Meaningful+Alternate+Descriptions+for+Non+Text+Elements" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" title="Share on Twitter"> <img class="inr-bred-icon twitter-con" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/twitter-icon.png" title="Twitter Icon" alt="Twitter Icon" /> <span class="hide">Share on Twitter</span></a> </li> <li> <a class="bread-lnd" aria-label="Share on Linkedin - opens a new window" href="http://www.linkedin.com/sharing/share-offsite/?url=https://guidelines.india.gov.in/providing-meaningful-alternate-descriptions-for-non-text-elements/&mini=true" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" title="Share on Linkedin"> <img class="inr-bred-icon" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/Linkedin-icon.png" title="Linkedin Icon" alt="Linkedin Icon" /> <span class="hide">Share on Linkedin</span></a> </li> </ul> </div> </div> </div> </div> </div> <div class="container" id="row-content"> <div class="switchViewHead"> <div class="row"> <div class="col-lg-11 col-md-11 col-sm-11 col-xs-12"> <h1>Providing Meaningful Alternate Descriptions for Non Text Elements</h1> </div> <div class="col-lg-1 col-md-1 col-sm-1 hidden-xs hide"> <div class="viewSwicther push-right clearfix"> <a href="#" class="thumbs-view-btn" aria-label="Grid View" title="Grid View"><span class="icon-thumbs-view"></span></a> <a href="#" class="thumbs-list-view-btn" aria-label="List View" title="List View"><span class="icon-list-view"></span></a> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12"> <p>The ALT attributes are used while designing a website to provide alternative text to any form of non text element used in it such as images, audio, video, etc. The basic aim of providing an alt attribute is to make the same information available to a user who is unable to view the non text element due to disability, non-compatible web browser or slow speed of the internet connectivity.</p> <h3>Benefits of using alt attributes</h3> <p>Few important benefits of using alt attributes are given below:</p> <ul class="list-style"> <li>People who are disabled and are using assistive technology devices will benefit with Alt attributes as these will help them to better understand the web page.</li> <li>A website and its information will be available to a wider set of users. As even if an image is not displayed, the alternate text will help by providing the users with the text equivalent of the same.</li> <li>The search engines also read the alt attributes while ranking a website. Therefore by giving alt attributes the website’s ranking too can improve! Also the images or videos can be searched for separately on media search facility.</li> </ul> <h3><strong>Meaningful use of ALT attribute</strong></h3> <p>It is not only important to use alt attributes but what is more important is to use them in the most appropriate manner. Following points should be kept in mind while using alt attributes:</p> <ul class="list-style"> <li>The alt text should be written as a suitable textual alternative to the image. Do not provide a description of the image without considering the purpose of the image on the page. For example, for an image of the map of India placed on a page to denote the nation we can use alt attribute as ‘Map of India’ but if it is also showing states with coal mine areas then the alt attribute should read ‘Map of India showing different regions with coal mines’ and not just ‘Map of India’.</li> <li>For decorative images like icons, bullets etc. a null alt must be given (ALT=” “). These will be ignored by the Screen readers making the site more disabled friendly.</li> <li>A video with audio must be given a caption. The captioning must completely summarize the video to allow the viewer to follow the meaning of the content. Similarly, if there is a slide show which is “visual only”, the graphics need to have alternative text representations.</li> </ul> <h3><strong>Exceptions for the use of ALT attribute</strong></h3> <p>The ALT attribute needs to be used to describe non-text content, except for the situations listed below.</p> <h4>Controls, Input</h4> <p>If non-text content is a control or accepts user input, then it has a name that describes its purpose.</p> <h4>Time-Based Media</h4> <p>If non-text content is time-based media, then text alternatives at least provide descriptive identification of the non-text content.</p> <h4>Test</h4> <p>If non-text content is a test or exercise that would be invalid if presented in text, then text alternatives at least provide descriptive identification of the non-text content.</p> <h4>Sensory</h4> <p>If non-text content is primarily intended to create a specific sensory experience, then text alternatives at least provide descriptive identification of the non-text content.</p> <h4>CAPTCHA</h4> <p>If the purpose of non-text content is to confirm that content is being accessed by a person rather than a computer, then text alternatives that identify and describe the purpose of the non-text content are provided, and alternative forms of CAPTCHA using output modes for different types of sensory perception are provided to accommodate different disabilities.</p> <h4>Decoration, Formatting, Invisible</h4> <p>If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology.</p> </div> </div> </div> </section>  </main> <footer id="mainFooter"> <div class="footer-top"> <div class="container"> <div class="col-xs-12 text-center"> <div class="footerMenu"><ul id="menu-footer-en" class="menu"><li id="menu-item-735" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-735"><a href="https://guidelines.india.gov.in/help/">Help</a></li> <li id="menu-item-737" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-737"><a href="https://guidelines.india.gov.in/website-policies/">Website Policies</a></li> <li id="menu-item-736" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-736"><a href="https://guidelines.india.gov.in/contact-us/">Contact Us</a></li> <li id="menu-item-5710" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5710"><a href="https://guidelines.india.gov.in/link-to-us/">Link to us</a></li> <li id="menu-item-738" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-738"><a href="https://guidelines.india.gov.in/feedback/">Feedback</a></li> <li id="menu-item-12426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12426"><a href="https://guidelines.india.gov.in/faqs/">FAQs</a></li> </ul></div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <div class="copyRights"> <div class="copyRightsText"> <p class="mr-none">Content Owned by India Portal Team </p> <p>Developed and hosted by <a href="http://www.nic.in/" target="_blank">National Informatics Centre</a>, <br><a href="http://meity.gov.in/" target="_blank">Ministry of Electronics & Information Technology</a>, Government of India</p> <p>Last Updated: <strong>Feb 17, 2025</strong></p> </div> <ul class="copyRightsLogos"> <li><a href="https://s3waas.gov.in/" aria-label="S3WaaS Logo, link to external site https://s3waas.gov.in/ opens in a new window" title="S3WaaS Logo, link to external site https://s3waas.gov.in/ opens in a new window"><img src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/s3waas.png" alt="Secure, Scalable and Sugamya Website as a Service"></a></li> <li><a href="http://www.nic.in/" aria-label="NIC Logo, link to external site http://www.nic.in/ opens in a new window" title="NIC Logo, link to external site http://www.nic.in/ opens in a new window"><img src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/nicLogo.png" alt="National Informatics Centre"></a></li> <li><a href="http://www.digitalindia.gov.in/" aria-label="Digital India Logo, link to external site http://www.digitalindia.gov.in/ opens in a new window" title="Digital India Logo, link to external site http://www.digitalindia.gov.in/ opens in a new window"><img src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/images/digitalIndia.png" alt="Digital India"></a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> jQuery(document).ready(function($){ if (!String.prototype.startsWith) { String.prototype.startsWith = function(searchString, position){ position = position || 0; return this.substr(position, searchString.length) === searchString; }; } jQuery('body').on('targetExternalLinks',function(){ var isExternal = function(url) { if( !url.match('^(https?:)?(\\/\\/).*$')) return false; return !(location.href.replace("http://", "").replace("https://", "").split("/")[0] === url.replace("http://", "").replace("https://", "").split("/")[0]); } jQuery('a').each(function(){ var href = jQuery(this).attr('href'); if(typeof href == 'undefined' ){ jQuery(this).attr('href','javascript:void(0)'); href = '#'; } if(jQuery(this).attr('hreflang') !== undefined){ if($(this).attr('hreflang') == 'od'){ $(this).attr({ hreflang: 'or', lang:'or'}); } if(jQuery(this).attr('aria-label') !== typeof undefined){ jQuery(this).attr('aria-label', jQuery(this).text()).attr('title',jQuery(this).text()); } }else if(isExternal(href)){ if( href.indexOf('cdn.s3waas.gov.in') == -1 && href.indexOf('auth.s3waas.gov.in') == -1 && href.indexOf('auth.awaass.gov.in') == -1 && href.indexOf('cdnbbsr.s3waas.gov.in') == -1 && href.indexOf('demoauth.mygov.in') == -1 && href.indexOf('auth.mygov.in') == -1 && !jQuery(this).hasClass('fancybox.iframe') && !jQuery(this).hasClass('fancybox') ) { if(typeof jQuery(this).attr('onclick') === "undefined"){ jQuery(this).attr("onclick", "return confirm('You are being redirected to an external website. Please note that Guidelines for Indian Government Websites and apps (GIGW) cannot be held responsible for external websites content & privacy policies.');"); } } if(typeof jQuery(this).attr('aria-label') === "undefined" || typeof jQuery(this).attr('title') === "undefined"){ var text = ''; if(jQuery(this).text().trim() !== ''){ text = jQuery(this).text().trim()+' - '; }else { text = jQuery(this).attr('href')+' - '; } if( href.indexOf('cdn.s3waas.gov.in') == -1 && href.indexOf('auth.s3waas.gov.in') == -1 && href.indexOf('cdnbbsr.s3waas.gov.in') == -1 && !jQuery(this).hasClass('fancybox.iframe') && !jQuery(this).hasClass('fancybox') ){ if(typeof jQuery(this).attr('aria-label') === "undefined"){ jQuery(this).attr('aria-label', text + 'External site that opens in a new window'); } if(typeof jQuery(this).attr('title') === "undefined"){ jQuery(this).attr('title', text + 'External site that opens in a new window'); } } } if(href.indexOf('auth.s3waas.gov.in') == -1) { jQuery(this).prop('target', '_blank'); } } }); }) jQuery('body').trigger('targetExternalLinks'); jQuery('.flex-direction-nav a.flex-prev').attr({'title' : 'Previous','aria-label':'Previous'}); jQuery('.flex-pauseplay a.flex-pause').attr({'title' : 'Play/Pause','aria-label':'Play/Pause'}); jQuery('.flex-direction-nav a.flex-next').attr({'title' : 'Next','aria-label':'Next'}); jQuery('a[download]').each(function(){ var ariaLabelPrevious = jQuery(this).prev().attr('aria-label'); if(typeof ariaLabelPrevious !== typeof undefined){ var ariaLabel = jQuery(this).prev().attr('aria-label').split('-')[0]; ariaLabel = 'Download ' + ariaLabel; jQuery(this).attr('aria-label',ariaLabel).removeAttr('aria-hidden'); } }); }); </script> <script type="text/javascript" id="jquery-common-js-js-extra"> /* <![CDATA[ */ var AwaasData = {"ajaxUrl":"https:\/\/guidelines.india.gov.in\/wp-admin\/admin-ajax.php","isUserLoggedIn":""}; /* ]]> */ </script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/plugins/common_utility/js/common.js?ver=1.1" id="jquery-common-js-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3" id="jquery-ui-datepicker-js"></script> <script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});}); /* ]]> */ </script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/js/ui/jquery.flexslider.js?ver=1.1" id="jquery-flexslider-js-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/js/easyResponsiveTabs.js?ver=1.1" id="jseasyResponsiveTabs-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/js/jquery.fancybox.js?ver=1.1" id="jqueryfancyboxjs-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/js/style.switcher.js?ver=1.1" id="styleswitcherjs-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/js/menu.js?ver=1.1" id="menujs-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/js/table.min.js?ver=1.1" id="tablejs-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/js/custom.js?ver=1.1" id="custom-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/themes/sdo-theme/js/extra.js?ver=1.1" id="extrajs-js"></script> <script type="text/javascript" src="https://guidelines.india.gov.in/wp-content/plugins/simple-taxonomy-ordering/lib/js/select2.full.min.js?ver=1" id="select2.min.js-js"></script> <script> jQuery(document).ready(function ($) { $.post({ url: ajaxurl, method: 'POST', dataType: 'JSON', data: { time: new Date().getTime(), lang: 'en', action: 's3waas_pll_lang_cookie' }, success: function (responseResults) {} }) }) </script>  <script type="text/javascript"> (function() { var expirationDate = new Date(); expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 ); document.cookie = "pll_language=en; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax"; }()); </script> <script> jQuery(document).ready(function($){ jQuery('body').find('a.flex-pause').attr('href',"javascript:void(0)"); $('.flex-direction-nav a.flex-prev').attr({'title' : 'Previous','aria-label':'Previous'}); $('.flex-pauseplay a.flex-pause').attr({'title' : 'Play/Pause','aria-label':'Play/Pause'}); $('.flex-direction-nav a.flex-next').attr({'title' : 'Next','aria-label':'Next'}); }); </script> <script> jQuery(document).ready(function ($){ let windowHash = window.location.hash; $('.collapse').not('.show').hide(); $('.accordian-head').click(function (){ if($(this).parent().next().hasClass('visible')){ $(this).parent().next().removeClass('visible').slideUp(800); $(this).find('.fa-minus').hide(400); $(this).find('.fa-plus').show(400); $(this).attr('aria-expanded',false); }else { $(this).find('.fa-minus').show(400); $(this).find('.fa-plus').hide(400); $(this).parent().next().addClass('visible').slideDown(800); $(this).attr('aria-expanded',true); } }) $('.tab-content .tab-pane').not('.active').hide(); $('.nav-tabs a').click(function (e){ e.preventDefault(); $('.nav-tabs a').removeClass('active'); $(this).addClass('active'); let tabViewId = $(this).attr('href'); $('.tab-content .tab-pane').hide(); $('.tab-pane').attr('hidden',''); $(tabViewId).removeAttr('hidden').fadeIn(); }) $('ul.list-group.sidebar_menu li a').on('click',function (e){ e.preventDefault(); let viewID = $(this).attr('href'); let url = viewID.split('#')[1]; if('#'+url !== viewID){ window.location.href = viewID; return; } $('html, body').animate({ scrollTop: $(viewID).offset().top - 50 }, 1000, function(){ window.location.hash = viewID; }); }) $(".sidebar-toggle").click(function(){ $("#list-sidebar").toggleClass("show-sidebar"); }); }) </script> </body> </html>

CINXE.COM

Providing Meaningful Alternate Descriptions for Non Text Elements | Guidelines for Indian Government Websites and apps (GIGW) | India