CINXE.COM
NIDDK Central Repository - Web Accessibility
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="google-site-verification" content="tLHXTFrSkYucDMpJd0CVa_j1b8cGfkqtuIQ38g2dK5I" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-7ZD9ML9G5Z"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7ZD9ML9G5Z'); </script> <script language="javascript" id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=HHS&subagency=NIH"></script> <!-- End Google Tag Manager --> <title>NIDDK Central Repository - Web Accessibility</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet" /> <!-- Boostrap library --> <!-- Bootstrap Styling: Do not edit these. Overwrites are in styles.css. --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous"> <!-- Custom Static CSS files --> <link rel="stylesheet" href="/static/CACHE/css/output.77207e30da68.css" type="text/css"><link rel="stylesheet" href="/static/CACHE/css/output.278087606e97.css" type="text/css" media="print"><link rel="stylesheet" href="/static/CACHE/css/output.118ae0b7abb6.css" type="text/css"> <!-- Block to include additional elements in the head section in derived templates --> <link href="/static/css/redesign.css" rel="stylesheet" /> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.js" ></script> </head> <body class="main "> <!-- Source code from USWDS 3.8.0: https://designsystem.digital.gov/components/banner/#component-code --> <head> <script src="/static/uswds/js/uswds-init.min.js"></script> <link rel="stylesheet" href="/static/uswds/css/uswds.min.css" /> <link rel="stylesheet" href="/static/uswds/css/uswds_override.css" /> <script src="/static/uswds/js/uswds.min.js"></script> </head> <section class="usa-banner" aria-label="Official website of the United States government"> <div class="usa-accordion"> <header class="usa-banner__header"> <div class="usa-banner__inner"> <div class="grid-col-auto"> <img aria-hidden="true" class="usa-banner__header-flag" src="/static/uswds/img/us_flag_small.png" alt="" /> </div> <div class="grid-col-fill tablet:grid-col-auto" aria-hidden="true"> <p class="usa-banner__header-text"> An official website of the United States government </p> <p class="usa-banner__header-action">Here’s how you know</p> </div> <button type="button" class="usa-accordion__button usa-banner__button" aria-expanded="false" aria-controls="gov-banner-default"> <span class="usa-banner__button-text">Here’s how you know</span> </button> </div> </header> <div class="usa-banner__content usa-accordion__content" id="gov-banner-default"> <div class="grid-row grid-gap-lg"> <div class="usa-banner__guidance tablet:grid-col-6"> <img class="usa-banner__icon usa-media-block__img" src="/static/uswds/img/icon-dot-gov.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Official websites use .gov</strong> <br /> A <strong>.gov</strong> website belongs to an official government organization in the United States. </p> </div> </div> <div class="usa-banner__guidance tablet:grid-col-6"> <img class="usa-banner__icon usa-media-block__img" src="/static/uswds/img/icon-https.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Secure .gov websites use HTTPS</strong> <br /> A <strong>lock</strong> ( <span class="icon-lock"> <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" class="usa-banner__lock-image" role="img" aria-labelledby="banner-lock-description-default" focusable="false"> <title id="banner-lock-title-default">Lock</title> <desc id="banner-lock-description-default"> Locked padlock icon </desc> <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" /> </svg> </span> ) or <strong>https://</strong> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. </p> </div> </div> </div> </div> </div> </section> <head> <style> .banner { font-weight: 550; font-size: 14px; margin-bottom: 0; } .pink { background-color: #F08784 !important; text-align: center; font-size: 18px; } .announcement { background-color: #E99F20; color: black; padding: 15px; border: 1px solid transparent; } .announcement .container { padding: 0; } .container .announcement .container { background-color: #E99F20; box-shadow: none; } </style> </head> <!-- Accessibility link to skip to main content --> <a id="skip" href="#skipTo">Skip to Main Content</a> <!-- <div class="covidHeader"> <div class="container"> <div class="covidContent"> <a data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample"> <h5 style="padding-top: 10px;"><i class="fas fa-exclamation-circle fa-sm" alt=""> </i> COVID-19 information and updates <i class="fas fa-chevron-down fa-sm" alt=""></i></h5> </a> <div class="collapse" id="collapseExample"> <ul style="padding-left: 1.2857rem;"> <li> <a href="https://www.cdc.gov/coronavirus/2019-ncov/index.html">Public health information from CDC<i class="fas fa-chevron-right fa-sm" alt=""></i></a> </li> <li> <a href="https://covid19.nih.gov/">Grant and research information from NIH<i class="fas fa-chevron-right fa-sm" alt=""></i></a> </li> <li> <a href="https://www.niddk.nih.gov/research-funding/research-programs/niddk-covid-19-research-response">NIDDK COVID-19 Research Response<i class="fas fa-chevron-right fa-sm" alt=""></i></a> </li> </ul> </div> </div> </div> </div> --> <!-- Header --> <div class="header"> <div class="container header-container-div"> <div class="row nopadding"> <div id="title-container" class="col-sm-6 col-10"> <a href="https://www.niddk.nih.gov/" title="Go to the NIDDK website"><img src="/static/img/site-logo-full.svg" alt="The National Institute of Diabetes and Digestive and Kidney Diseases" /></a> </div> <!-- title-container --> <div id="search-toggle-div" class="container closed col-sm-6 col-2 search-toggle-container" style="padding-right: 0;"> <div class="row nopadding" style="margin-right: 0;"> <div class="search-toggle col-1"> <button class="btn search-icon icon-search" onclick="toggleSearch()"><i class="fa fa-search" style="padding: 0;" alt=""></i></button> <button class="btn search-icon icon-close" onclick="toggleSearch()"><i class="fas fa-times" style="padding-right: 7px;" alt=""></i></button> </div> </div> </div> <!-- search-form-div --> <div id="search-form-div" class="col-sm-6 col-12"> <form action="/search" method="get" class="search-form input-group"> <input placeholder="Search the Repository..." id="header-search-input" class="form-control rounded form-group" type="text" aria-label="Search Text" name="query" value=""/> <button id="header-search-btn" class="btn btn-default" type="submit" value="Search"> Search </button> </form> </div> <!----> </div> <!-- row --> </div> <!-- container --> </div> <!-- header --> <nav class="navbar navbar-expand-xl flex-column" id="navigation"> <div class="container" style="padding-left: 0;padding-right: 0;"> <!-- main menu toggle --> <button id="menu-toggle" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainMenuNavigation" aria-controls="mainMenuNavigation" aria-expanded="false" aria-label="Toggle navigation" onClick="checkUserToggle(event)" style="border: none;color: white;padding-bottom: 0.5em;padding-left: 15px;"> <i class="fas fa-bars fa-lg menu-open" alt="Open main menu"></i> <i class="fas fa-times fa-lg menu-close" alt="Close Open main menu"></i> </button> <!-- site name link --> <div id="niddkHeader-mobile"> <h3><a href="/">NIDDK Central Repository</a></h3> </div> <!-- user menu toggle --> <button id="user-toggle" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#userMenuNavigation" aria-controls="userMenuNavigation" aria-expanded="false" aria-label="Toggle navigation" onClick="checkMenuToggle(event)" style="border: none;color: white;padding-bottom: 0.5em;padding-right: 0;"> <i class="fas fa-user-circle fa-lg user-open" alt="Open user menu"></i> <i class="fas fa-times fa-lg user-close" alt="Close user menu"></i> </button> </div> <div class="collapse navbar-collapse flex-column w-100" id="userMenuNavigation"> <div class="container"> <!-- site name link --> <div id="niddkHeader-desktop"> <h3><a href="/">NIDDK Central Repository</a></h3> </div> <!-- user menu --> <ul class="navbar-nav"> <li class="nav-item sign-in"> <a class="nav-link" href="/admin/login/"> Sign In / Register </a> </li> </ul> </div> </div> <!-- main menu --> <div class="collapse navbar-collapse flex-column w-100" id="mainMenuNavigation"> <div class="container"> <ul class="navbar-nav" style="justify-content: center;"> <!-- Repository Resources --> <li class="nav-item dropdown"> <a class="toggle-mobile menu-name" href="/pages/repository_resources">Repository Resources <a class="nav-link dropdown-toggle toggle-mobile" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false"> </a> </a> <a class="nav-link dropdown-toggle toggle-desktop" href="/pages/repository" id="navbarDropdown" role="button" aria-expanded="false" > Repository Resources </a> <div class="dropdown-menu menu-desktop" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu-ul"> <li><a class="dropdown-item" href="/search/study/">Studies</a></li> <li><a class="dropdown-item" href="/search/counts/">Material Counts</a></li> <li><a class="dropdown-item" href="/requests/approved/data">List of Approved Requestors</a></li> <li><a class="dropdown-item" href="/publications/">Publications</a></li> </ul> </div> </li> <!-- Helpful Information --> <li class="nav-item dropdown"> <a class="toggle-mobile menu-name" href="/pages/helpful_information">Helpful Information <a class="nav-link dropdown-toggle toggle-mobile" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false"> </a> </a> <a class="nav-link dropdown-toggle toggle-desktop" href="/pages/helpful_information" id="navbarDropdown" role="button" aria-expanded="false"> Helpful Information </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu-ul"> <li><a class="dropdown-item" href="/pages/general_information">General Information</a></li> <li><a class="dropdown-item" href="/pages/for_requestors">For Requestors</a></li> <li><a class="dropdown-item" href="/pages/for_submitters">For Submitters</a></li> <li><a class="dropdown-item" href="/pages/instructional_materials">Educational/Instructional Information</a></li> <li><a class="dropdown-item" href="/pages/data_challenges">Data Challenges</a></li> <li><a class="dropdown-item" href="/pages/external_links">External Links</a></li> </ul> </div> </li> <!-- Requests --> <li class="nav-item dropdown"> <a class="toggle-mobile menu-name" href="/pages/requests">Requests <a class="nav-link dropdown-toggle toggle-mobile" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false"> </a> </a> <a class="nav-link dropdown-toggle toggle-desktop" href="/pages/requests" id="navbarDropdown" role="button" aria-expanded="false"> Requests </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu-ul"> <li><a class="dropdown-item" href="/requests/reuse/data-request">Data Request</a></li> <li><a class="dropdown-item" href="/requests/specimen_type/">Specimen Request</a> </li> </ul> </div> </li> <!-- Program Staff --> <!-- About R4R --> <li class="nav-item dropdown"> <a class="toggle-mobile menu-name" href="/pages/about_niddk_cr">About NIDDK-CR <a class="nav-link dropdown-toggle toggle-mobile" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false"> </a> </a> <a class="nav-link dropdown-toggle toggle-desktop" href="/pages/about_niddk_cr" id="navbarDropdown" role="button" aria-expanded="false"> About NIDDK-CR </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu-ul" style="background-color: white;"> <li><a class="dropdown-item" href="/pages/about">About NIDDK-CR</a></li> <li><a class="dropdown-item" href="/news">R4R News</a></li> <li><a class="dropdown-item" href="/faq/">Frequently Asked Questions</a></li> <li><a class="dropdown-item" href="/pages/site_map/">Site Navigation Map</a></li> <li><a class="dropdown-item" href="/pages/definitions">Definitions</a></li> <li><a class="dropdown-item" href="/contact/">Contact the NIDDK-CR</a></li> </ul> </div> </li> </ul> </div> </div> </nav> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script> function preventClose(e) { e.stopPropagation(); } // when opening Main Menu Nav, check and close User Menu Nav if necessary function checkUserToggle(e) { user_toggle = document.getElementById('user-toggle'); console.log(e.target.closest(".navbar")); if (user_toggle.getAttribute('aria-expanded') == 'true') { $(e.target.closest(".navbar")).children('#userMenuNavigation').collapse('toggle'); } } // when opening User Menu Nav, check and close Main Menu Nav if necessary function checkMenuToggle(e) { menu_toggle = document.getElementById('menu-toggle'); console.log(e.target.closest(".navbar")); if (menu_toggle.getAttribute('aria-expanded') == 'true') { $(e.target.closest(".navbar")).children('#mainMenuNavigation').collapse('toggle'); } } // Make nav bar sticky window.addEventListener('scroll', function() { header_height = document.querySelector('.header').offsetHeight; usa_banner_height = document.querySelector('.usa-banner').offsetHeight; banner_height = 0; if (document.querySelector('.banner')) { banner_height = document.querySelector('.banner').offsetHeight; } if (window.scrollY > header_height + usa_banner_height + banner_height) { document.getElementById('navigation').classList.add('fixed-top'); // add padding top to show content behind navbar navbar_height = document.querySelector('#navigation').offsetHeight; document.body.style.paddingTop = navbar_height + 'px'; } else { document.getElementById('navigation').classList.remove('fixed-top'); // remove padding top from body document.body.style.paddingTop = '0'; } }); // Close button functionality for main menu dropdowns function closeParentMenu(e) { $(e.target.closest(".dropdown").firstElementChild).dropdown('toggle'); } // Control search bar toggle for mobile view function toggleSearch() { searchform = document.getElementById("search-form-div"); searchToggle = document.getElementById("search-toggle-div"); feedback = document.getElementById("feedback-slide-out"); if (searchToggle.classList.contains('closed')) { searchToggle.classList.remove('closed'); searchToggle.classList.add('opened'); searchform.classList.add('show'); feedback.style.top = "475px"; } else { searchToggle.classList.remove('opened'); searchToggle.classList.add('closed'); searchform.classList.remove('show'); feedback.style.removeProperty("top"); } } // Hover functionality for desktop navigation const dropdown = $(".dropdown"); const dropdownToggle = $(".dropdown-toggle"); const dropdownMenu = $(".dropdown-menu"); const showClass = "show"; $(window).on("load resize", function() { if (this.matchMedia("(min-width: 1200px)").matches) { dropdown.hover( function() { const $this = $(this); $this.addClass(showClass); $this.find(dropdownToggle).attr("aria-expanded", "true"); $this.find(dropdownMenu).addClass(showClass); }, function() { const $this = $(this); $this.removeClass(showClass); $this.find(dropdownToggle).attr("aria-expanded", "false"); $this.find(dropdownMenu).removeClass(showClass); } ); } else { dropdown.unbind(); } }); </script> <!-- If the current page is not the home page, don't add hex pattern background. Else, add hex pattern --> <div id="skipTo" class="content hex-pattern"> <!-- If the current page is not the home page, display a link to the home page --> <div class="container breadcrumb" id="crumbs"> <h5> <a href="/">Home</a> <span class="material-icons md-18" style="vertical-align: top;">chevron_right</span> <span class="current-bread">Web Accessibility</span> </h5> </div> <div class="container content-container"> <div class="row"> <div class="col-12"> <!-- Content --> <h1>Web Accessibility</h1> <p>We are committed to making NIDDK Central Repository website accessible to all users, regardless of special need. The site is designed to be compatible with screen readers and other assistive devices. However, this is an ongoing process and it is possible that some users may encounter problems accessing some pages.</p> <p>For questions about our continuing efforts to make the information on NIDDK Central Repository website accessible to all users, or to report an accessibility problem on any of our pages, please complete the form on our <a href="/contact/">Contact the Repository</a> page. If you have difficulty using the form, you may also send e-mail to NIDDK.</p> <!-- End of Content --> <!-- If the current page is not the home page, add closing divs to contain body content normally --> </div> </div> </div> </div> <footer role="contentinfo"> <div class="site-links"> <div class="container"> <div class="row slogan"><div>NIH… Turning Discovery Into Health ®</div></div> <div class="row"> <div class="menu-links"> <div class="menu-link"> <a href="/pages/repository_resources" >Repository Resources</a></div> <ul class="menu-list"> <li><a href="/search/study/">Studies</a></li> <li><a href="/search/counts/">Material Counts</a></li> <li><a href="/requests/approved/data">List of Approved Requestors</a></li> <li><a href="/publications/">Publications</a></li> </ul> </div> <div class="menu-links"> <div class="menu-link"> <a href="/pages/helpful_information" >Helpful Information</a></div> <ul class="menu-list"> <li><a href="/pages/general_information">General Information</a></li> <li><a href="/pages/for_requestors">For Requestors</a></li> <li><a href="/pages/for_submitters">For Submitters</a></li> <li><a href="/pages/instructional_materials">Educational/ Instructional Information</a></li> <li><a href="/pages/data_challenges">Data Challenges</a></li> <li><a href="/pages/external_links">External Links</a></li> </ul> </div> <div class="menu-links"> <div class="menu-link"> <a href="/pages/requests" >Requests</a></div> <ul class="menu-list"> <li><a href="/requests/data-request/general/">Data Request</a></li> <li><a href="/requests/specimen_type/">Specimen Request</a></li> </ul> </div> <div class="menu-links"> <div class="menu-link"> <a href="/pages/about_niddk_cr" >About NIDDK-CR</a></div> <ul class="menu-list"> <li><a href="/pages/about">About NIDDK-CR</a></li> <li><a href="/news">R4R News</a></li> <li><a href="/faq/">Frequently Asked Questions</a></li> <li><a href="/pages/site_map/">Site Navigation Map</a></li> <li><a href="/pages/definitions">Definitions</a></li> <li><a href="/contact/">Contact the NIDDK-CR</a></li> </ul> </div> </div> </div> </div> <div class="container" style="background-color: transparent; margin-bottom: 0;"> <div class="row"> <div class="sub-footer-left col-xl-9"> <ul aria-label="Disclaimers and site utilities" class="horizontal-links"> <li><a href="/pages/privacy/">Privacy Policy</a></li> <li><a href="https://www.niddk.nih.gov/freedom-information-act">Freedom of Information Act</a></li> <li><a href="/pages/accessibility/">Accessibility</a></li> <li><a href="https://www.niddk.nih.gov/disclaimers">Disclaimers</a></li> <li><a href="https://www.niddk.nih.gov/copyright">Copyright</a></li> <li><a href="https://www.hhs.gov/vulnerability-disclosure-policy/index.html">Vulnerability Disclosure Policy</a></li> <li><a href="/pages/site_map/">Site Map</a></li> </ul> <ul aria-label="Other government agencies" class="horizontal-links"> <li> <a href="https://www.hhs.gov/"> <span>U.S. Department of Health and Human Services</span> </a> </li> <li itemprop="memberOf" itemscope="" itemtype="http://schema.org/GovernmentOrganization"> <a href="https://www.nih.gov/" itemprop="url"> <span itemprop="name">National Institutes of Health</span> </a> <meta itemprop="alternateName" content="NIH"> </li> <li><a href="https://www.niddk.nih.gov/">NIDDK Home</a></li> </ul> </div> <div class="sub-footer-right col-xl-3"> <a href="https://doi.org/10.34894/NOYYSF" target="_blank" rel="noopener noreferrer"><img src='/static/img/CoreTrustSeal-logo-transparent.png' /></a> <a href="https://amt.coretrustseal.org/certificates" target="_blank" rel="noopener noreferrer">Core Trustworthy Data Repository</a> </div> </div> </div> </footer> <!-- End #all-body --> <!-- Links for uncompressed JS static files --> <!-- If on DEBUG mode, load the full jQuery libraries --> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.4.1/jquery-migrate.min.js"></script> <!-- Load the JS files for Bootstrap --> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script> <!-- General Template Scripts --> <!-- End of uncompressed JS static files --> <!-- Begin compressed JS files and scripts --> <script src="/static/CACHE/js/output.3ce0d3c718dd.js"></script> <!-- End of compressed JS files section --> <script type="text/javascript"> $(function () { $('[data-toggle="popover"]').popover() }) $(function () { $('[data-toggle="tooltip"]').tooltip() }) $('[data-toggle="popover"]').popover({ trigger: 'focus hover', 'placement': 'bottom' }); </script> </body> </html>