CINXE.COM
Literacy | ALA
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta name="description" content="Literacy is one of ALA's Key Action Areas. As noted in the Strategic Plan (2017 Update) ALA assists and promotes libraries in helping children and adults develop the skills they need, including the ability to read and use technology, understanding that the ability to seek and effectively utilize information resources is essential in a global information society. The Office for Diversity, Literacy and Outreach Services supports lifelong literacy through a variety of resources and initiatives supporting family literacy, adult literacy, English language learners, and more." /> <link rel="canonical" href="https://www.ala.org/advocacy/literacy" /> <meta property="og:title" content="Literacy" /> <meta property="og:description" content="Supporting lifelong literacy through a variety of resources and initiatives supporting family literacy, adult literacy, English language learners, and more" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="Supporting lifelong literacy through a variety of resources and initiatives supporting family literacy, adult literacy, English language learners, and more" /> <meta name="twitter:title" content="Literacy" /> <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/advocacy/literacy" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>Literacy | ALA</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_76cW_8F7gjlyOKwp0MgdfyO1HJe_NYdrum2aviylI6A.css?delta=0&language=en&theme=ala&include=eJxdjFEOwyAMQy-E4EiTGRmlCgQloK47_bSu1aT9PT9bRkpD0PaAE_xDpQ1nuw2qIcLIgXH7wF-qZIZM5u6iFJpoBZfXMQiZJYK_TdLZwR4rnq5DkRV9sUv_jJ-tz8jFFkrHiW2lk672BkJpPyQ" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css__Lpywwckja8Wr-v6JE-ty93To4GEh_gugzmrBICrn0s.css?delta=1&language=en&theme=ala&include=eJxdjFEOwyAMQy-E4EiTGRmlCgQloK47_bSu1aT9PT9bRkpD0PaAE_xDpQ1nuw2qIcLIgXH7wF-qZIZM5u6iFJpoBZfXMQiZJYK_TdLZwR4rnq5DkRV9sUv_jJ-tz8jFFkrHiW2lk672BkJpPyQ" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/15265","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":"eJxdjlsKwzAMBC_k2EcKm1hVHOQHkg1NT98mFEL7M-zM1yLGXlGOgO_wD62lOwgCpKVC026XrdBok0mKpFdgqQvknPMCo3DitkxmYDK3VqVQqmZIepHjWllo7uDAH_y7x47nb8yuQcGKtlmIOhrE38WP0sYiyTaKzg7rlK8nb_UxUtE","theme":"ala","theme_token":null},"ajaxTrustedUrl":[],"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=eJxdzDkOgDAMBdELZTkS-uBgJTI2SlzA7ZEiGujmNQMiN-id8Ubau6kHCDKLrZCZkLNqiW0ENmMpi4Mz-_El-O-EhmseNnQacUil0h886Cw0"></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=eJxdzDkOgDAMBdELZTkS-uBgJTI2SlzA7ZEiGujmNQMiN-id8Ubau6kHCDKLrZCZkLNqiW0ENmMpi4Mz-_El-O-EhmseNnQacUil0h886Cw0"></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-flex-page"> <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=/advocacy/literacy" 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=/advocacy/literacy" 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 is-active" title="Advocacy & Issues" data-drupal-link-system-path="node/15265" aria-current="page">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> <li> <svg role="img" width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g opacity="0.4"> <path d="M12.8128 11.3244L7.81283 5.70654L6.91699 6.71307L11.042 11.3244L6.93783 15.9356L7.83366 16.9422L12.8128 11.3244Z" fill="#101828"/> </g> </svg> </li> <li> <a href="/advocacy">Advocacy & Issues</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="15265" class="node node--type-flex-page node--view-mode-full node--hide-sidebar"> <div class="bg-secondaryColor20"> <div class="lg:container lg:py-16 relative lg:items-center"> <div class="px-5 py-12 lg:pt-20 lg:pb-0 xl:mb-0 xl:pt-0 2xl:px-0 text-center"> <h1 class="mx-0 my-2">Literacy</h1> <div class="text-[22px] text-mainBlack opacity-80 font-bitter max-w-[800px] mx-auto pb-8 lg:pb-0"> Supporting lifelong literacy through a variety of resources and initiatives supporting family literacy, adult literacy, English language learners, and more </div> </div> </div> </div> <div class="node__content px-5 xl:px-0"> <div class="layout xl:flex"> <div class="node__main w-full"> <!-- @components_start --> <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="paragraph paragraph--type--image-w-text paragraph--view-mode--default"> <div class="image_w_text breakout py-8 lg:py-[4.688rem] flex content-center min-h-[638px] mb-0 text-mainBlack bg-white"> <div class="image_w_text__content relative flex flex-col items-center lg:flex-row-reverse justify-center lg:flex-nowrap gap-6 lg:gap-[140px] mx-auto px-[1.25rem] xl:px-0 max-w-[1180px] w-full"> <div class="image_w_text__content__image image-column crop lg:flex lg:flex-1 justify-center lg:flex-grow image-cover relative lg:basis-[580px] lg:max-w-[580px]"> <img alt="Young person in red hoodie studying computer screen" src="/sites/default/files/styles/text_with_image_fp/public/2024-04/compare-fibre-Y8TiLvKnLeg-unsplash_0.jpg.webp?itok=YIMImo4e" width="581" height="403" loading="lazy" class="image-style-text-with-image-fp" /> </div> <div class="text-column lg:flex-1 lg:flex-grow lg:basis-[460px] lg:max-w-[460px]"> <div class="text-container"> <h3 class="image_w_text-title">Our Mission</h3> <div class="image_w_text-body pb-4"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>We assist and promote libraries in helping children and adults develop the skills they need, including the ability to read and use technology, understanding that the ability to seek and effectively utilize information resources is essential in a global information society.</p> </body></html> </div> </div> </div> <div class="image_w_text-footer"> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--info-card paragraph--view-mode--default"> <div class="breakout px-5 py-[50px] bg-white overflow-hidden"> <div class="info_card mx-auto max-w-[1200px]"> <div class="info_card__header text-inherit flex justify-between sm:items-end flex-row gap-2 border-b-4 py-4"$> <h4 class="info_card__header_title section-header !border-b-0 !py-0 !mb-0"> Get Involved </h4> </div> <div class="info_card__cards m-auto relative"> <div class="wrapper relative grid items-stretch md:grid-cols-3 sm:grid-cols-2 gap-x-12"> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-6"> <a href="/aboutala/committees/ala/ala-literacy" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-04/guzel-maksutova-B30XL_m3fso-unsplash.jpg.webp?itok=e6_ujQPV" width="330" height="220" alt="Person's hand searching stacks for a specific book" class="image-style-card-image-330x220" /> </a> </div> <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> <a class="text-mainBlack" href="/aboutala/committees/ala/ala-literacy">Join the Committee on Literacy</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Join us in promoting literacy! Shape policies, develop programs, and raise awareness within our association. Collaborate with us and other ALA units to empower libraries and communities. Let's partner with national organizations to make a difference!</p> </body></html> </div> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-6"> <a href="/aboutala/literacy-assembly" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-04/priscilla-du-preez-XkKCui44iM0-unsplash.jpg.webp?itok=IUZN3OQn" width="330" height="220" alt="Three people crowded around a laptop in a library, smiling at the image on the screen" class="image-style-card-image-330x220" /> </a> </div> <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> <a class="text-mainBlack" href="/aboutala/literacy-assembly">Join the Literacy Assembly</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Join us in ALA's literacy hub! Amplify our commitment beyond committees. Exchange ideas, address concerns, and coordinate impactful programming. Let's boost literacy activities association-wide. Join the movement today.</p> </body></html> </div> </div> </div> </div> <div class="card flex flex-col gap-4 font-bitter my-8 bg-white relative lg:min-h-[435px] swiper-slide"> <div class="card__image full-width-image mb-6"> <a href="/advocacy/diversity/continuing-education/webinars" aria-label="view more"> <img loading="lazy" src="/sites/default/files/styles/card_image_330x220/public/2024-04/christin-hume-Hcfwew744z4-unsplash.jpg.webp?itok=7hyBBieL" width="330" height="220" alt="Hands typing on a laptop computer" class="image-style-card-image-330x220" /> </a> </div> <div class="card__content flex flex-col gap-4 px-0 lg:pb-[14px]"> <div class="card__content_title flex-1 text-mainBlack font-medium text-xl border-l-4 border-secondaryColor px-2"> <a class="text-mainBlack" href="/advocacy/diversity/continuing-education/webinars">Join a Webinar</a> </div> <div class="card__content_body font-urw md:min-h-[6rem]"> <div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><!DOCTYPE html> <html><body><p>Don't miss out! Join our upcoming webinar or catch recordings on increasing literacy in your community. Learn strategies to make a difference. Let's empower communities through knowledge together!</p> </body></html> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--custom-links paragraph--view-mode--default"> <div class="taxonomy-list max-w-[960px] mx-auto py-6 lg:py-10 px-5 lg:px-0 w-full"> <h2 class="h2 taxonomy-list__title border-b-4">Key Resources</h2> <div class="taxonomy-list__items flex flex-col gap-10 mb-4 lg:mb-8"> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/SpanishST1-1small-1-1140x430.jpg.webp?itok=uQjyV-FB 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/SpanishST1-1small-1-1140x430.jpg.webp?itok=TwAonmhY" width="300" height="170" alt="A group of young people sitting in a circle enjoying a book" /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://literacy.ala.org/">ALA Literacy Clearinghouse</a> </h3> <div class="content-list-item__summary"> A website bringing together literacy efforts from across ALA </div> </div> </div> </div> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/ProLiteracy_Logo_Secondary_RGB-ezgif.com-webp-to-jpg-converter.jpg.webp?itok=AlKKDXZN 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/ProLiteracy_Logo_Secondary_RGB-ezgif.com-webp-to-jpg-converter.jpg.webp?itok=ta-23pe2" width="300" height="170" alt="ProLiteracy logo" /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://www.proliteracy.org/resources/adult-literacy-through-libraries-all/">Adult Literacy through Libraries</a> </h3> <div class="content-list-item__summary"> An initiative by ProLiteracy and the Office for Diversity, Literacy and Outreach Services. You will need to make a free account on ProLiteracy's LMS in order to access the resources. </div> </div> </div> </div> <div class="paragraph paragraph--type--content-reference paragraph--view-mode--list-item"> <article data-history-node-id="14418" class="node node--type-flex-page node--view-mode-list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__content-wrapper grow w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="/advocacy/literacy/americandream"><span class="field field--name-title field--type-string field--label-hidden">The American Dream Literacy Initiative</span> </a> </h3> <div class="content-list-item__summary"> <!DOCTYPE html> <html><body><p>Introduction to the American Dream Starts @ your library project. For more than a century public libraries have been a cornerstone of the American Dream. Since January 2007, the American Library Association has funded 100 libraries in 28 states. This initiative is generously funded by the Dollar General Literacy Foundation.</p> </body></html> </div> </div> </div> </article> </div> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/engaging%20multicultural%20communities2.png.webp?itok=wcVA9nW_ 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/engaging%20multicultural%20communities2.png.webp?itok=73vIg3Jp" width="300" height="170" alt="Two people discussing a paper" /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://www.ala.org/advocacy/sites/ala.org.advocacy/files/content/Engaging%20Multilingual%20Communities%20and%20English%20Language%20Learners%20in%20U.S.%20Libraries%20%20Toolkit_1.pdf">Engaging Multilingual Communities and English Language Learners in U.S. Librari…</a> </h3> <div class="content-list-item__summary"> A toolkit for public and academic libraries on how to best address the needs of multilingual communities and those who wish to improve their English language skills </div> </div> </div> </div> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/literacy%20for%20all.png.webp?itok=o-T871C7 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/literacy%20for%20all.png.webp?itok=KdqgIu_l" width="300" height="170" alt="Two people lightheartedly discussing a paper" /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://www.ala.org/aboutala/sites/ala.org.aboutala/files/content/Literacy%20for%20All_Toolkit_Online.pdf">Literacy for All: Adult Literacy through Libraries</a> </h3> <div class="content-list-item__summary"> A toolkit to help libraries add, expand, and advocate for adult literacy services. </div> </div> </div> </div> <div class="paragraph paragraph--type--custom-reference paragraph--view-mode--list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__image-wrapper self-start max-w-[150px] lg:max-w-[214px] w-full"> <picture> <source srcset="/sites/default/files/styles/tab_group_main_image_lg/public/2024-04/Frame-25.png.webp?itok=hjVNz1P- 1x" media="all and (min-width: 992px)" type="image/webp" width="580" height="420"/> <img loading="lazy" src="/sites/default/files/styles/tab_group_main_image_sm_300x170_fp/public/2024-04/Frame-25.png.webp?itok=ZMGRXizg" width="300" height="170" alt="DigitalLearn.org" /> </picture> </div> <div class="content-list-item__content-wrapper grow max-w-[50%] lg:max-w-[74%] w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="https://www.digitallearn.org/">DigitalLearning.org</a> </h3> <div class="content-list-item__summary"> An initiative from the Institute of Museum and Library Services and the Public Library Association </div> </div> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--custom-links paragraph--view-mode--default"> <div class="taxonomy-list max-w-[960px] mx-auto py-6 lg:py-10 px-5 lg:px-0 w-full"> <h2 class="h2 taxonomy-list__title border-b-4">Policy Manual</h2> <div class="taxonomy-list__items flex flex-col gap-10 mb-4 lg:mb-8"> <div class="paragraph paragraph--type--content-reference paragraph--view-mode--list-item"> <article data-history-node-id="13839" class="node node--type-flex-page node--view-mode-list-item"> <div class="content-list-item items-center flex gap-4 lg:gap-10"> <div class="content-list-item__content-wrapper grow w-full"> <h3 class="content-list-item__title hover:underline normal-case mb-2 text-xl"> <a class="content-list-item__link text-inherit" href="/aboutala/governance/policymanual/updatedpolicymanual/section2/52libsvcsandrespon"><span class="field field--name-title field--type-string field--label-hidden">B.8 Services and Responsibilities of Libraries (Old Number 52)</span> </a> </h3> <div class="content-list-item__summary"> <!DOCTYPE html> <html><body><p>B.8.1 Literacy (Old Number 50.6) B.8.1.1 Literacy and State Library Agencies (Old Number 50.6.1) B.8.1.2 Literacy and the Role of Libraries (Old Number 50.6.2) B.8.2</p> </body></html> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> <!-- @components_end --> </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=Literacy&body=https://www.ala.org/advocacy/literacy"> <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="15265" class="node node--type-flex-page node--view-mode-full node--hide-sidebar 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="15265" class="node node--type-flex-page node--view-mode-full node--hide-sidebar 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/15265&title=Literacy&url=https%3A//www.ala.org/advocacy/literacy"> <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="15265" class="node node--type-flex-page node--view-mode-full node--hide-sidebar 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="15265" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Share This Page</p> </a> <div x-show="open"> <div class="region region-sharing share--buttons absolute bottom-[-3rem] left-[2rem]"> <div id="block-addtoanysharebuttons" class="block block-addtoany block-addtoany-block relative z-10"> <span class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://www.ala.org/advocacy/literacy" data-a2a-title="Literacy"><a class="a2a_dd addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fwww.ala.org%2Fadvocacy%2Fliteracy&title=Literacy"></a><a class="a2a_button_facebook"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" /></svg></a><a class="a2a_button_twitter"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></svg></a><a class="a2a_button_linkedin"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 448 512" fill="#636770"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></svg></a><a class="a2a_button_email"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z" /></svg></a></span> </div> </div> </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" title="Feedback" data-drupal-link-system-path="node/19486">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://static.addtoany.com/menu/page.js" async></script> <script src="/sites/default/files/js/js_q1wZIy31XFJsPRwch_EkNKvTiE0Q2GNHGfyHioohImY.js?scope=footer&delta=1&language=en&theme=ala&include=eJxdzDkOgDAMBdELZTkS-uBgJTI2SlzA7ZEiGujmNQMiN-id8Ubau6kHCDKLrZCZkLNqiW0ENmMpi4Mz-_El-O-EhmseNnQacUil0h886Cw0"></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js" defer></script> <script src="/sites/default/files/js/js_9ZtAidh-IjQP6FgpYoVl0Q45zsiMH_ch73n7YsyoKYU.js?scope=footer&delta=4&language=en&theme=ala&include=eJxdzDkOgDAMBdELZTkS-uBgJTI2SlzA7ZEiGujmNQMiN-id8Ubau6kHCDKLrZCZkLNqiW0ENmMpi4Mz-_El-O-EhmseNnQacUil0h886Cw0"></script> </body> </html>