CINXE.COM
ALA Website Feedback Form | ALA
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <link rel="canonical" href="https://www.ala.org/footer-feedback" /> <meta property="og:title" content="ALA Website Feedback Form" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="ALA Website Feedback Form" /> <meta name="twitter:image" content="https://www.ala.org/themes/custom/ala/ala-seo.png" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://www.ala.org/", "description": "Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all", "url": "https://www.ala.org/", "name": "American Library Association", "logo": { "@type": "ImageObject", "representativeOfPage": "True", "url": "https://www.ala.org//themes/custom/ala/logo.svg" } } ] }</script> <link rel="icon" href="/themes/custom/ala/favicon.ico" type="image/png" /> <link rel="alternate" hreflang="en" href="https://www.ala.org/footer-feedback" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>ALA Website Feedback Form | ALA</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_yn4kdrCX7x8XUXo7-hySj9woQydnZRY928sJvWfLXzA.css?delta=0&language=en&theme=ala&include=eJx1j2tuxDAIhC9k2UdaTWLiuMXGAqI2PX33karSRvnDY-YDAXJ2Qd8TjiIuKt2D7ebU0gSjAMbtUbx1jcxQyMIsSqmLNnD9eQKpsEzgl5N1G-CID3yHL5qWO5iOHB_hJBJTo-4xk6OyRZdSmC6x446TP0sbYtWvJ2V4lW4nf6gUvW-Nrpg_SS-BMKAoirHa35v_Stz62CautlL-BUL3i3k" /> <link rel="stylesheet" media="all" href="https://cdn.jsdelivr.net/gh/NigelOToole/progress-tracker@v2.0.7/src/styles/progress-tracker.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_hmFlBcsGbYvv75lbWPuRR2LCc7D0EatiQ_ZowdS2ba0.css?delta=2&language=en&theme=ala&include=eJx1j2tuxDAIhC9k2UdaTWLiuMXGAqI2PX33karSRvnDY-YDAXJ2Qd8TjiIuKt2D7ebU0gSjAMbtUbx1jcxQyMIsSqmLNnD9eQKpsEzgl5N1G-CID3yHL5qWO5iOHB_hJBJTo-4xk6OyRZdSmC6x446TP0sbYtWvJ2V4lW4nf6gUvW-Nrpg_SS-BMKAoirHa35v_Stz62CautlL-BUL3i3k" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_1hrFLR2VQkSI9M8IALgrciajQpXbADpYI13KqNd0lbY.css?delta=3&language=en&theme=ala&include=eJx1j2tuxDAIhC9k2UdaTWLiuMXGAqI2PX33karSRvnDY-YDAXJ2Qd8TjiIuKt2D7ebU0gSjAMbtUbx1jcxQyMIsSqmLNnD9eQKpsEzgl5N1G-CID3yHL5qWO5iOHB_hJBJTo-4xk6OyRZdSmC6x446TP0sbYtWvJ2V4lW4nf6gUvW-Nrpg_SS-BMKAoirHa35v_Stz62CautlL-BUL3i3k" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/19486","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-PGK7ZWT"]},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJyFUNFuwyAM_CEGnxRdEpfQGoxssq37-pEuU7VFUV-M784-ncE8N0G5B-yNv6iU5sAI4JoKvV3tgSLLCN7aYYRR2MoTZTJDJHOTKIVZ1wr2kzCj9rEHWUQzOH2RiyKRaWiIIfbyH3tc8fmXzK5CERV1sV_3J-PXUteRky00O6UJtU0LBmLKVFo4MM7u1ij_nPBB46UnC_vbQ-cqltpR2bf9TA2J7ZXuDe8vTXyT2M88Hdv_9VSX2pKUY5atHMiqErUbngq-KaYb6TfBls7j","theme":"ala","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"multiselect":{"widths":250},"user":{"uid":0,"permissionsHash":"6d055e77f2dba947d248c3184bd403b313cb55c0ca910e8dcf2da6287a80491f"}}</script> <script src="/sites/default/files/js/js_QSbtI1yVJI1F-ifB3rt1_IttYo0EIc4DiQA9En_9tfk.js?scope=header&delta=0&language=en&theme=ala&include=eJyFjVkOwyAMRC9E4UjRBBw3kcEI3O32baP8tFGUH8_ikR5SMkV5BWzGT02LOQgCi46Q1ULqXOiydMeqLDQYOLDl3wj-zx4Lnu5B46Qth0399-xKEspUzCcyzNJ9x51OR6b8wR3OMvUOJtcoolq8Ytg-YdecoVzURiG1W4X4qCKo_Ris1WYt_Q0I34co"></script> <script src="/modules/contrib/google_tag/js/gtm.js?snbe61"></script> <script src="/modules/contrib/google_tag/js/gtag.js?snbe61"></script> <script src="/sites/default/files/js/js_l-eO8RvrAL3Y0MiiVNzp7MNObvMqjAMYXG7puvJUyHE.js?scope=header&delta=3&language=en&theme=ala&include=eJyFjVkOwyAMRC9E4UjRBBw3kcEI3O32baP8tFGUH8_ikR5SMkV5BWzGT02LOQgCi46Q1ULqXOiydMeqLDQYOLDl3wj-zx4Lnu5B46Qth0399-xKEspUzCcyzNJ9x51OR6b8wR3OMvUOJtcoolq8Ytg-YdecoVzURiG1W4X4qCKo_Ris1WYt_Q0I34co"></script> <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" as="style" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" crossorigin> <link rel="preconnect" href="https://use.typekit.net" crossorigin> <link rel="preconnect" href="https://p.typekit.net" crossorigin /> <link rel="preload" href="https://use.typekit.net/hww8zbp.css" as="style" crossorigin> <link rel="stylesheet" href="https://use.typekit.net/hww8zbp.css" crossorigin> </head> <body class="path-node page-node-type-webform"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PGK7ZWT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header role="banner" class="w-full border-b z-20 relative" x-data="{ open: false }"> <div class="hidden xl:block menu--utility_desktop"> <div class="region region-utility-menu"> <nav id="block-utility" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-menu" role="navigation"> <h2 class="visually-hidden" id="block-utility-menu" class="hidden">Utility</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="utility-nav w-full mx-auto bg-mainBlueColor"> <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> <ul x-data="{ clicked: false }" class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> <li class="w-full xl:w-auto"> <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> <li class="inline-block p-0" data-title=About-ALA> <a href="/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="About ALA" data-drupal-link-system-path="node/43">About ALA</a> </li> <li class="inline-block p-0" data-title=ALA-Connect> <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Connect">ALA Connect</a> </li> <li class="inline-block p-0" data-title=ALA-Websites> <a href="/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="inline-block p-0" data-title=Job-Board> <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Job Board">Job Board</a> </li> </ul> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Join--Renew> <a href="https://my.ala.org/store/dues.aspx" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Join | Renew">Join | Renew</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Donate> <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Donate">Donate</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Login> <a href="/saml_login?destination=/footer-feedback" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" title="Login">Login</a> </li> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="flex gap-4 w-full xl:container items-start xl:items-center justify-between py-5 xl:px-0 relative flex-col xl:flex-row"> <div class="region region-header"> <div id="block-sitebranding" class="block block-system block-system-branding-block relative z-10"> <a href="/" rel="home" class="inline-block pl-5 xl:pl-0" aria-label="ALA logo"> <img class="max-w-[180px] md:max-w-[220px]" src="https://www.ala.org/themes/custom/ala/logo.svg" alt="ALA site logo"> </a> </div> </div> <div class="hamburger-menu w-full xl:w-auto" x-data="{ open: false }"> <div x-data="{ searchOpen: false }" class="xl:hidden absolute search-btn__mobile top-[39px]" :class="{ '': !open, '': open }"> <button aria-label="search" @click="searchOpen = !searchOpen, open = false" :class="{ 'block': !searchOpen, 'hidden': searchOpen }"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <button aria-label="close" @click="searchOpen = !searchOpen, open = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> </g> </svg> </button> <div class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" x-cloak :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <input x-show="searchOpen" type="search" id="edit-keys" name="keys" placeholder="Search here..." class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" /> </form> </div> </div> <button @click="open = !open, searchOpen = false" class="h-5 w-10 focus:outline-none xl:hidden absolute right-7" :class="{ 'top-1/2 -translate-y-1/2': !open, 'top-39': open }" aria-label="Mobile Menu" :aria-expanded="open" aria-controls="block-ala-main-menu"><span class="sr-only">Menu</span> <span :class="{ 'max-w-7 transform rotate-45 translate-y-px top-0': open }" class="first w-10 h-1 bg-mainBlueColor left-0 absolute bottom-0 transition-all duration-200 ease-in-out origin-center"></span> <span :class="{ 'opacity-0': open, 'translate-y-0': !open }" class="second w-8 h-1 bg-mainBlueColor absolute top-1/2 right-0 transition-all duration-200 ease-in-out origin-center"></span> <span :class="{ 'max-w-7 transform -rotate-45 -translate-y-0.3': open }" class="w-10 h-1 bg-mainBlueColor absolute top-0 left-0 transition-all duration-200 ease-in-out origin-center"></span> </button> <!-- Add your navigation items here --> <div x-cloak :class="{ 'hidden xl:block': !open }" class="transition-all duration-200 ease-in-out mt-8 xl:mt-0"> <div class="xl:w-auto xl:flex xl:items-center" :class="{ 'block': open, 'hidden xl:block': !open }"> <div class="xl:hidden menu--utility_mobile"> <nav id="block-utility-2" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-2-menu" role="navigation"> <h2 class="visually-hidden" id="block-utility-2-menu" class="hidden">Utility</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="utility-nav w-full mx-auto bg-mainBlueColor"> <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> <ul x-data="{ clicked: false }" class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> <li class="w-full xl:w-auto"> <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> <li class="inline-block p-0" data-title=About-ALA> <a href="/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="About ALA" data-drupal-link-system-path="node/43">About ALA</a> </li> <li class="inline-block p-0" data-title=ALA-Connect> <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Connect">ALA Connect</a> </li> <li class="inline-block p-0" data-title=ALA-Websites> <a href="/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="inline-block p-0" data-title=Job-Board> <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Job Board">Job Board</a> </li> </ul> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Join--Renew> <a href="https://my.ala.org/store/dues.aspx" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Join | Renew">Join | Renew</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Donate> <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Donate">Donate</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Login> <a href="/saml_login?destination=/footer-feedback" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" title="Login">Login</a> </li> </ul> </li> </ul> </div> </div> </nav> </div> <div class="region region-primary-menu"> <nav id="block-ala-main-menu" class="block block-menu navigation menu--main static xl:relative sidebar-menu" aria-labelledby="block-ala-main-menu-menu" role="navigation"> <h2 class="visually-hidden" id="block-ala-main-menu-menu" class="hidden">Main navigation</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="main-menu-wrapper max-w-7xl mx-auto px-4 sm:px-6 xl:px-8 z-50"> <div class="flex items-center justify-between z-10"> <ul x-data="{ clicked: false }" class="main--menu list-reset flex gap-4 xl:min-h-[55px] flex-col xl:flex-row static bg-white pt-5 xl:pt-0 w-full menu-l-0 items-center"> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/membership" title="Membership" data-drupal-link-system-path="node/44">Membership</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/membership" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/44">Membership Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/membership/new-member-center" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/16868">Member Center</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/donate" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership">Give to ALA</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/getinvolved" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/15738">Get Involved with ALA</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/committees" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/16494">Committees</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/divs" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/59964">Divisions</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/aboutala/rts" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/59965">Round Tables</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/advocacy" title="Advocacy & Issues" data-drupal-link-system-path="node/61209">Advocacy & Issues</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/advocacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/61209">Advocacy & Issues Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/bbooks" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/13731">Banned & Challenged Books</a> </li> <li class="pl-3 xl:pl-0"> <a href="/advocacy/intfreedom" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/12971">Intellectual Freedom</a> </li> <li class="pl-3 xl:pl-0"> <a href="/advocacy/advocacy-public-policy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/17195">Public Policy</a> </li> <li class="pl-3 xl:pl-0"> <a href="/advocacy/diversity" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15429">Equity, Diversity & Inclusion</a> </li> <li class="pl-3 xl:pl-0"> <a href="/advocacy/literacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15265">Literacy</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/advocacy/privacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15329">Privacy</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/conferencesevents" title="Conferences & Events" data-drupal-link-system-path="node/45">Conferences & Events</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/conferencesevents" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/45">Conferences & Events Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/events" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/18">Events Calendar</a> </li> <li class="pl-3 xl:pl-0"> <a href="/conferencesevents/past" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/17491">Past & Future ALA Conferences</a> </li> <li class="pl-3 xl:pl-0"> <a href="/conferencesevents/ala-conference-site-selection" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/60508">Criteria for Conference Site Selection</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/conferencesevents/celebrationdays" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/17432">Library Celebration Days</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/awards" title="Awards & Grants" data-drupal-link-system-path="node/28">Awards & Grants</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/awards" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/28">Awards & Grants Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/awards/books-media" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/31">Book, Print & Media Awards</a> </li> <li class="pl-3 xl:pl-0"> <a href="/grants" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/29">Grants</a> </li> <li class="pl-3 xl:pl-0"> <a href="/awards/professional-recognition" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/32">Professional Recognition</a> </li> <li class="pl-3 xl:pl-0"> <a href="/awardsgrants/seals" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/17246">Purchase Awards Seals</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/awards/recommended-books-and-media" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/14">Recommended Print & Media Lists</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/educationcareers" title="Education & Careers" data-drupal-link-system-path="node/46">Education & Careers</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/educationcareers" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/46">Education & Careers Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://elearning.ala.org/" target="_blank" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers">ALA eLearning</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://joblist.ala.org/" target="_blank" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers">JobList Career Center</a> </li> <li class="pl-3 xl:pl-0"> <a href="/educationcareers/accreditedprograms" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/11824">Accredited Programs</a> </li> <li class="pl-3 xl:pl-0"> <a href="/educationcareers/scholarships" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/17131">ALA Scholarships</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/educationcareers/libcareers/become" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/13326">Become a Librarian</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:mr-5 relative pr-4 transition-all duration-300 parent-level parent-level-last dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/tools" title="Tools & Resources" data-drupal-link-system-path="node/60005">Tools & Resources</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/tools" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/60005">Tools & Resources Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/programming" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/11826">Programming & Exhibitions</a> </li> <li class="pl-3 xl:pl-0"> <a href="/future" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/14109">Center for the Future of Libraries</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/guidelines" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/8324">ALA Standards & Guidelines</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/publications" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/13399">Products & Publications</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/librariestransform/libraries-transforming-communities" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/14981">Libraries Transforming Communities</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/topics" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/15294">Research & Library Topics</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/news" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/59884">News & Press</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li x-data="{ searchOpen: false }" class="main--menu__search hidden xl:list-item relative ml-4"> <button aria-label="Search" @click="searchOpen = !searchOpen" :class="{ 'block': !searchOpen, 'hidden': searchOpen }"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <button aria-label="Search Close" @click="searchOpen = !searchOpen" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> </g> </svg> </button> <div class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <input x-show="searchOpen" type="search" id="edit-keys" name="keys" placeholder="Search here..." class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" /> </form> </div> </li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> </header> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="px-5 lg:px-0 lg:container"> <div class="region region-highlighted"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="region region-content-above"> </div> </div> <div class="content relative"> <div class="breadcrumb-wrapper w-full z-20"> <div class="lg:container mx-auto"> <div class="region region-breadcrumb"> <div id="block-ala-breadcrumbs" class="block block-system block-system-breadcrumb-block relative z-10"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol class="flex items-center"> <li> <a href="/">ALA</a> </li> </ol> </nav> </div> </div> </div> </div> <div class="page-content-wrapper"> <div class="region region-content"> <div id="block-ala-content" class="block block-system block-system-main-block relative z-10 lg:z-10" data-filter-on-class="z-30" data-filter-off-class="z-10"> <article data-history-node-id="19486" class="node node--type-webform node--view-mode-full"> <div class="bg-secondaryColor20"> <div class="flex flex-col lg:flex-row gap-[4.875rem]"> <div class="container lg:py-16 relative lg:mb-8 lg:items-center"> <div class="px-5 pt-20 mb-14 xl:mb-0 xl:pt-0 2xl:px-0 text-center"> <h1>ALA Website Feedback Form</h1> </div> </div> </div> </div> <div class="node__content mt-[5.625rem] px-5 xl:px-0"> <div class="layout lg:flex"> <div class="lg:max-w-940 w-full lg:mx-auto"> <div class="text-[1.188em]"> <div class="field field--name-webform field--type-webform field--label-hidden field__item"><form class="webform-submission-form webform-submission-add-form webform-submission-wf-ala-20053-form webform-submission-wf-ala-20053-add-form webform-submission-wf-ala-20053-node-19486-form webform-submission-wf-ala-20053-node-19486-add-form js-webform-disable-autosubmit js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-wf-ala-20053-node-19486-add-form" action="/footer-feedback" method="post" id="webform-submission-wf-ala-20053-node-19486-add-form" accept-charset="UTF-8"> <div class="webform-progress"> <ul class="webform-progress-tracker progress-tracker progress-tracker--center" data-webform-progress-steps> <li data-webform-page="first_page" title="Start" class="progress-step is-active" aria-current="step"> <div class="progress-marker" data-webform-progress-step data-webform-progress-link data-text="1"></div> <div class="progress-text"> <div class="progress-title" data-webform-progress-link> <span class="visually-hidden" data-webform-progress-state>Current</span> Start </div> </div> </li> <li data-webform-page="break" title="Page 2" class="progress-step"> <div class="progress-marker" data-webform-progress-step data-webform-progress-link data-text="2"></div> <div class="progress-text"> <div class="progress-title" data-webform-progress-link> <span class="visually-hidden" data-webform-progress-state></span> Page 2 </div> </div> </li> <li data-webform-page="webform_confirmation" title="Complete" class="progress-step"> <div class="progress-marker" data-webform-progress-step data-webform-progress-link data-text="3"></div> <div class="progress-text"> <div class="progress-title" data-webform-progress-link> <span class="visually-hidden" data-webform-progress-state></span> Complete </div> </div> </li> </ul> </div> <div data-webform-key="first_page" data-drupal-selector="edit-first-page" id="edit-first-page" class="js-form-wrapper form-wrapper"><fieldset data-drupal-selector="edit-fieldset-foundset" id="edit-fieldset-foundset" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper"> <legend> <span class="visually-hidden fieldset-legend">found</span> </legend> <div class="fieldset-wrapper"> <fieldset data-drupal-selector="edit-found" class="webform-element--title-inline radios--wrapper fieldgroup form-composite webform-composite-visible-title webform-fieldset--title-inline js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper" id="edit-found--wrapper"> <legend id="edit-found--wrapper-legend"> <span class="fieldset-legend">Did you find what you needed?</span> </legend> <div class="fieldset-wrapper"> <div id="edit-found" class="webform-element--title-inline js-webform-radios webform-options-display-one-column form-radios"><div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-found form-item-found"> <input data-drupal-selector="edit-found-na" type="radio" id="edit-found-na" name="found" value="na" checked="checked" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-found-na" class="option">N/A</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-found form-item-found"> <input data-drupal-selector="edit-found-no" type="radio" id="edit-found-no" name="found" value="no" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-found-no" class="option">No</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-found form-item-found"> <input data-drupal-selector="edit-found-mostly" type="radio" id="edit-found-mostly" name="found" value="mostly" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-found-mostly" class="option">Mostly</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-found form-item-found"> <input data-drupal-selector="edit-found-yes" type="radio" id="edit-found-yes" name="found" value="yes" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-found-yes" class="option">Yes</label> </div> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-would" id="edit-would--wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title required js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper"> <legend id="edit-would--wrapper-legend"> <span class="fieldset-legend js-form-required form-required">I would like to</span> </legend> <div class="fieldset-wrapper"> <div id="edit-would" class="js-webform-radios webform-options-display-one-column form-radios"><div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-renew" type="radio" id="edit-would-renew" name="would" value="renew" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-renew" class="option">Report a problem encountered while joining or renewing my membership.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-donate" type="radio" id="edit-would-donate" name="would" value="donate" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-donate" class="option">Report a problem encountered while making a donation.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-link" type="radio" id="edit-would-link" name="would" value="link" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-link" class="option">Report a broken link.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-form" type="radio" id="edit-would-form" name="would" value="form" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-form" class="option">Report a form with problems.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-need" type="radio" id="edit-would-need" name="would" value="need" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-need" class="option">Report a page that should have more information added.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-find" type="radio" id="edit-would-find" name="would" value="find" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-find" class="option">Locate a missing page.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-pdf" type="radio" id="edit-would-pdf" name="would" value="pdf" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-pdf" class="option">Report a PDF or other file not available.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-compliment" type="radio" id="edit-would-compliment" name="would" value="compliment" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-compliment" class="option">Leave a compliment.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-idea" type="radio" id="edit-would-idea" name="would" value="idea" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-idea" class="option">Suggest an idea.</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-would form-item-would"> <input data-drupal-selector="edit-would-other" type="radio" id="edit-would-other" name="would" value="other" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-would-other" class="option">Other</label> </div> </div> </div> </fieldset> </div> </fieldset> </div> <input data-drupal-selector="edit-recaptcha" data-recaptcha-element="" data-recaptcha-element-action="default" data-recaptcha-element-site-key="6LdLL58pAAAAAG99yg2WyPJa6axYKe-Gphhr2ynY" type="hidden" name="recaptcha" value="" class="bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <input data-drupal-selector="form-azr687qjp5ulpw-mncgdmksg53yndpmcv-rc6bub3o" type="hidden" name="form_build_id" value="form-Azr687qJP5ulPw-mncgdmKsG53yndPmcV-_rc6buB3o" class="bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <input data-drupal-selector="edit-webform-submission-wf-ala-20053-node-19486-add-form" type="hidden" name="form_id" value="webform_submission_wf_ala_20053_node_19486_add_form" class="bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input class="webform-button--next button js-form-submit form-submit inline-flex bg-gray-800 block rounded border-2 py-3 px-9 text-white" data-drupal-selector="edit-wizard-next" type="submit" id="edit-wizard-next" name="op" value="Next >" /> </div> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"><div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-url form-item-url"> <label for="edit-url">Leave this field blank</label> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url" name="url" value="" size="20" maxlength="128" class="form-text bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" /> </div> </div> </form> </div> </div> </div> </div> </div> <div class="share flex my-12 lg:my-12 mr-auto ml-auto"> <ul class="flex flex-col md:flex-row flex-nowrap items-center ml-auto mr-auto gap-1 lg:gap-[2rem]"> <li> <a class="flex flex-nowrap items-end" href="mailto:?subject=ALA Website Feedback Form&body=https://www.ala.org/footer-feedback"> <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> <img class="max-w-[24px]" src="/themes/custom/ala/assets/images/svg/email-2.svg" alt="Email icon"> </span> <p data-history-node-id="19486" class="node node--type-webform node--view-mode-full mx-[17px] uppercase text-[14px]">Email</p> </a> </li> <li x-data="{print}"> <a class="flex flex-nowrap items-end cursor-pointer" href="#" x-on:click.prevent="window.print()"> <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> <img src="/themes/custom/ala/assets/images/svg/print.svg" alt="Print icon"> </span> <p data-history-node-id="19486" class="node node--type-webform node--view-mode-full mx-[17px] uppercase text-[14px]">Print</p> </a> </li> <li><a class="flex flex-nowrap items-end" href="https://www.ala.org/cite?query=node/19486&title=ALA%20Website%20Feedback%20Form&url=https%3A//www.ala.org/footer-feedback"> <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> <img src="/themes/custom/ala/assets/images/svg/cite.svg" alt="Cite icon"> </span> <p data-history-node-id="19486" class="node node--type-webform node--view-mode-full mx-[17px] uppercase text-[14px]">Cite</p> </a> </li> <li class="relative" x-data="{ open: false }"> <a class="flex flex-nowrap items-end cursor-pointer" href="#" x-on:click.prevent="open = ! open"> <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> <img src="/themes/custom/ala/assets/images/svg/share.svg" alt="Share icon"> </span> <p data-history-node-id="19486" class="node node--type-webform node--view-mode-full mx-[17px] uppercase text-[14px]">Share This Page</p> </a> <div x-show="open"> </div> </li> </ul> </div><!-- /.share --> </article> </div> </div> </div> </div> </main> <footer role="contentinfo"> <div class="region region-footer"> <nav id="block-footer-2" class="block block-system block-system-menu-blockfooter border-t pt-14 xl:py-14" aria-labelledby="block-footer-2" role="navigation"> <div class="flex xl:container flex-col xl:flex-row items-center xl:items-start text-center xl:text-left pb-12 xl:pb-0"> <div class="mb-12 xl:mb-0"> <a href="/" rel="home" class="inline-block pl-5 xl:pl-0" aria-label="ALA logo"> <img src="/themes/custom/ala/assets/images/svg/ala-footer-logo.svg" alt=" site logo"> </a> <p class="m-0 mt-9 text-base font-normal text-offBlack opacity-80">225 N Michigan Ave., Ste 1300</p> <p class="m-0 text-base font-normal text-offBlack opacity-80">Chicago, IL 60601</p> <p class="m-0 text-base font-normal text-offBlack opacity-80">1.800.545.2433</p> </div> <div class="xl:ml-auto"> <ul class="relative xl:grid xl:grid-cols-2 xl:gap-4 xl:gap-x-28 xl:gap-y-8 menu--footer xl:border-r xl:pr-24"> <li class="mb-12 xl:mb-0"> <a href="/aboutala/offices/home" class="text-sm font-bold uppercase tracking-widest" title="Offices" data-drupal-link-system-path="node/17266">Offices</a> </li> <li class="mb-12 xl:mb-0"> <a href="/news" class="text-sm font-bold uppercase tracking-widest" title="News & Press" data-drupal-link-system-path="node/59884">News & Press</a> </li> <li class="mb-12 xl:mb-0"> <a href="/aboutala/divs" class="text-sm font-bold uppercase tracking-widest" title="Divisions" data-drupal-link-system-path="node/59964">Divisions</a> </li> <li class="mb-12 xl:mb-0"> <a href="/aboutala/contactus/workatala" class="text-sm font-bold uppercase tracking-widest" title="Work at ALA" data-drupal-link-system-path="node/14392">Work at ALA</a> </li> <li class="mb-12 xl:mb-0"> <a href="/aboutala/rts" class="text-sm font-bold uppercase tracking-widest" title="Round Tables" data-drupal-link-system-path="node/59965">Round Tables</a> </li> <li class="mb-12 xl:mb-0"> <a href="https://www.alastore.ala.org/" class="text-sm font-bold uppercase tracking-widest" title="Shop">Shop</a> </li> <li class="mb-12 xl:mb-0"> <a href="/aboutala/committees" class="text-sm font-bold uppercase tracking-widest" title="Committees" data-drupal-link-system-path="node/16494">Committees</a> </li> </ul> </div> <div class="xl:ml-32"> <div class="hidden xl:block"> <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> <div class="social-media-list mb-6"> <ul class="flex"> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.facebook.com/AmericanLibraryAssociation" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.instagram.com/americanlibraryassociation/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://x.com/ALALibrary" class="twitter-logo inline-block indent-96" target="_blank">twitter</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://youtube.com/user/AmLibraryAssociation" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.threads.net/@americanlibraryassociation" class="threads-logo inline-block indent-96" target="_blank">threads</a></li> </ul> </div> </div> </div> </div> <a href="/donate" class="font-medium text-lg text-white py-1.5 px-10 bg-mainRed font-bitter hover:opacity-50">Donate</a> </div> </div> </nav> <nav id="block-footerutility-2" class="block block-menu navigation menu--footer-utility static xl:relative sidebar-menu" aria-labelledby="block-footerutility-2-menu" role="navigation"> <h2 class="visually-hidden" id="block-footerutility-2-menu" class="hidden">Footer Utility</h2> <div class="flex xl:container py-6 xl:py-8 border-t flex-col xl:flex-row items-center xl:items-start"> <div class="xl:hidden"> <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> <div class="social-media-list mb-6"> <ul class="flex"> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.facebook.com/AmericanLibraryAssociation" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.instagram.com/americanlibraryassociation/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://x.com/ALALibrary" class="twitter-logo inline-block indent-96" target="_blank">twitter</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://youtube.com/user/AmLibraryAssociation" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.threads.net/@americanlibraryassociation" class="threads-logo inline-block indent-96" target="_blank">threads</a></li> </ul> </div> </div> </div> </div> <ul class="flex menu--footer_utility flex-wrap xl:flex-nowrap justify-center xl:justify-normal"> <li class="text-footerGrey"> <a href="/aboutala/sitesdirectory" class="text-base font-normal text-footerGrey align-sub" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="text-footerGrey"> <a href="/accessibility-commitment" class="text-base font-normal text-footerGrey align-sub" title="Accessibility" data-drupal-link-system-path="node/60569">Accessibility</a> </li> <li class="text-footerGrey"> <a href="/privacypolicy" class="text-base font-normal text-footerGrey align-sub" title="Privacy Policy" data-drupal-link-system-path="node/15423">Privacy Policy</a> </li> <li class="text-footerGrey"> <a href="/user-guidelines" class="text-base font-normal text-footerGrey align-sub" title="User Guidelines" data-drupal-link-system-path="node/15398">User Guidelines</a> </li> <li class="text-footerGrey"> <a href="/sitemap.xml" class="text-base font-normal text-footerGrey align-sub" title="Site Index" data-drupal-link-system-path="sitemap.xml">Site Index</a> </li> <li class="text-footerGrey"> <a href="/footer-feedback" class="text-base font-normal text-footerGrey align-sub is-active" title="Feedback" data-drupal-link-system-path="node/19486" aria-current="page">Feedback</a> </li> <li class="text-footerGrey"> <a href="/aboutala/contactus/workatala" class="text-base font-normal text-footerGrey align-sub" title="Work at ALA" data-drupal-link-system-path="node/14392">Work at ALA</a> </li> </ul> <p class="text-base font-normal text-footerGrey xl:ml-auto align-sub mt-4 xl:mt-0">© 1996–2024 American Library Association</p> </div> </nav> </div> </footer> </div> </div> <script src="https://www.google.com/recaptcha/api.js?render=6LdLL58pAAAAAG99yg2WyPJa6axYKe-Gphhr2ynY" defer async></script> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/default/files/js/js_q1wZIy31XFJsPRwch_EkNKvTiE0Q2GNHGfyHioohImY.js?scope=footer&delta=2&language=en&theme=ala&include=eJyFjVkOwyAMRC9E4UjRBBw3kcEI3O32baP8tFGUH8_ikR5SMkV5BWzGT02LOQgCi46Q1ULqXOiydMeqLDQYOLDl3wj-zx4Lnu5B46Qth0399-xKEspUzCcyzNJ9x51OR6b8wR3OMvUOJtcoolq8Ytg-YdecoVzURiG1W4X4qCKo_Ris1WYt_Q0I34co"></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <script src="/sites/default/files/js/js_EUlsSLPNiw2D-GSQARYErf3iGQRp41nLGulL3sHiXjU.js?scope=footer&delta=4&language=en&theme=ala&include=eJyFjVkOwyAMRC9E4UjRBBw3kcEI3O32baP8tFGUH8_ikR5SMkV5BWzGT02LOQgCi46Q1ULqXOiydMeqLDQYOLDl3wj-zx4Lnu5B46Qth0399-xKEspUzCcyzNJ9x51OR6b8wR3OMvUOJtcoolq8Ytg-YdecoVzURiG1W4X4qCKo_Ris1WYt_Q0I34co"></script> </body> </html>