{"id":298,"date":"2021-12-14T21:53:15","date_gmt":"2021-12-14T21:53:15","guid":{"rendered":"https:\/\/dlac.grinnell.edu\/arcgisonline\/?page_id=298"},"modified":"2026-02-24T22:36:10","modified_gmt":"2026-02-24T22:36:10","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/dlac.grinnell.edu\/arcgisonline\/accessibility\/","title":{"rendered":"Accessibility"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"298\" class=\"elementor elementor-298\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-401b79f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"401b79f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-92c6938\" data-id=\"92c6938\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-50bc0c6 elementor-widget elementor-widget-text-editor\" data-id=\"50bc0c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>What is web accessibility? \u201cWeb accessibility is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed.\u201d (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_accessibility\">Wikipedia<\/a>). Consideration of web accessibility is important with any digital project, including digital mapping or digital storytelling.<br><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76ea851 elementor-widget elementor-widget-heading\" data-id=\"76ea851\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table of Contents<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b089048 elementor-widget elementor-widget-text-editor\" data-id=\"b089048\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li><a href=\"#accessibility-issues\">Accessibility Issues with Interactive Digital Maps<\/a><\/li><li><a href=\"#should-i-not\">Should I Not Make Interactive Digital Maps?<\/a><\/li><li><a href=\"#what-steps\">What Steps Can I Take to Help My Project Be Accessible?<\/a><\/li><li><a href=\"#web-maps-apps\">Recommendations for Web Maps &amp; Web Apps<\/a><\/li><li><a href=\"#storymaps\">Recommendations for StoryMaps<\/a><\/li><li><a href=\"#check-your-work\">Check Your Work<\/a><\/li><li><a href=\"#more-info\">More Information<\/a><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9661049 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9661049\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-381ad88\" data-id=\"381ad88\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d227bc elementor-widget elementor-widget-menu-anchor\" data-id=\"9d227bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"accessibility-issues\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-757d2cf elementor-widget elementor-widget-heading\" data-id=\"757d2cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Accessibility Issues with Interactive Digital Maps<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90636ed elementor-widget elementor-widget-text-editor\" data-id=\"90636ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As Thomas Logan outlines in his \u201c<a href=\"https:\/\/equalentry.com\/accessible-maps-on-the-web\/\">Accessible Maps on the Web<\/a>\u201d blog post for Equal Entry, interactive digital maps present a number of challenges for accessibility, both in terms of specific compliance regulations and more holistic approaches to inclusive design and UX. There are strategic choices you can make to help make interactive digital maps more accessible. But if an interactive digital map is the only way information is presented or data is communicated in your project, it likely will not be accessible to the widest range of users.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dab3289 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dab3289\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0608cc2\" data-id=\"0608cc2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d69396b elementor-widget elementor-widget-menu-anchor\" data-id=\"d69396b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"should-i-not\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8c9c83 elementor-widget elementor-widget-heading\" data-id=\"d8c9c83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Should I Not Make Interactive Digital Maps?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c14c90 elementor-widget elementor-widget-text-editor\" data-id=\"0c14c90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Alan Leonard\u2019s \u201c<a href=\"https:\/\/sparkgeo.com\/blog\/the-accessibility-of-web-maps\/\">The Accessibility of Web Maps<\/a>\u201d blog post for SparkGeo provides a helpful framework for thinking about accessibility and digital maps:<\/p><p>\u201cDigital accessibility is much more than just making your website or service screen readable. It\u2019s the answer to the question \u201cIs everybody able to use and access your service when they need to?\u201d There\u2019s a wide range of disabilities with different levels of severity. Web maps can be a big source of frustration for users with disabilities because they rely so heavily on visuals, require some precise mouse movement, and can be a lot of information to take in all at once. By keeping web accessibility in mind and making it an intrinsic part of your application, everybody is going to benefit.\u201d<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a671c05 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a671c05\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78fef3d\" data-id=\"78fef3d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30c6408 elementor-widget elementor-widget-menu-anchor\" data-id=\"30c6408\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"what-steps\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adb3d6b elementor-widget elementor-widget-heading\" data-id=\"adb3d6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Steps Can I Take to Help My Project Be Accessible?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c314a elementor-widget elementor-widget-text-editor\" data-id=\"e4c314a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We encourage users to think of a map as one of any number of ways users can interact with your data and project. Even if the interactive digital map is the primary user interface for exploring the data, present the data in other formats for users. AirTable has easily embeddable tables, and WordPress has some handy plugins depending on the size of your dataset. R\/R Studio can also generate public-facing data tables. You can also make your datasets available for users to download.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d0ca726 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d0ca726\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f529868\" data-id=\"f529868\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7192c6c elementor-widget elementor-widget-menu-anchor\" data-id=\"7192c6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"web-maps-apps\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc19993 elementor-widget elementor-widget-heading\" data-id=\"dc19993\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Recommendations for Web Maps &amp; Web Apps<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8839773 elementor-widget elementor-widget-text-editor\" data-id=\"8839773\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As you create maps and web apps, keep the following in mind:<\/p><ul><li>be careful in your use of color and ensure appropriate color contrasts and differentiation (basemap, layer colors\u2026)<ul><li>ensure appropriate color contrasts \u2013 you can check contrast using WebAIM\u2019s <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">Color Contrast Checker<\/a>)<\/li><li>avoid colors that are too bright<\/li><li>be careful when using colors to convey meaning (as color differences may not be perceivable to users with color vision deficiency, for example) \u2013 you can run checks on published maps using Toptal\u2019s <a href=\"https:\/\/www.toptal.com\/designers\/colorfilter\">Colorblind Web Page Filter<\/a>.<\/li><\/ul><\/li><li>consider how you can avoid using color alone to convey meaning: vary labels and color, utilize different shapes, change both size and color value of the same shape (source: <a href=\"https:\/\/www.doi.gov\/ocio\/section508\/video3\">\u201cImproving Accessibility with ArcGIS Online Web Mapping Apps\u201d<\/a> presentation from Esri)<\/li><li>be thoughtful about your text content (pop-ups, map descriptions, and more): break up walls of text, ensure appropriate typeface and font size when you are customizing, provide links that make sense out of context (i.e., no \u201cclick here\u201d)<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9c93ae5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9c93ae5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cedbf9f\" data-id=\"cedbf9f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f9c8cc3 elementor-widget elementor-widget-menu-anchor\" data-id=\"f9c8cc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"storymaps\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-635c893 elementor-widget elementor-widget-heading\" data-id=\"635c893\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Recommendations for StoryMaps<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-968d354 elementor-widget elementor-widget-text-editor\" data-id=\"968d354\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As you create StoryMaps, keep the following in mind:<\/p><ul><li>be thoughtful in your use of color and ensure appropriate color contrasts with text and backgrounds<\/li><li>consider how you can avoid using color alone to convey meaning\u00a0\u2013 you can run checks on published maps using Toptal\u2019s <a href=\"https:\/\/www.toptal.com\/designers\/colorfilter\">Colorblind Web Page Filter<\/a>.<\/li><li>break up walls of text<\/li><li>ensure appropriate typeface and font size when you are customizing<\/li><li>provide links that make sense out of context (i.e., no \u201cclick here\u201d)<\/li><li>provide <a href=\"https:\/\/moz.com\/learn\/seo\/alt-text\">alt text<\/a> for images<\/li><\/ul><p>Check out Esri&#8217;s own <a href=\"https:\/\/storymaps.arcgis.com\/collections\/d34681ac0d1a417894a3a3d955c6913f?item=15\">&#8220;Getting started with accessible storytelling&#8221;<\/a> StoryMap to get more information and additional recommendations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec31946 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec31946\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-315f534\" data-id=\"315f534\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5827fb2 elementor-widget elementor-widget-menu-anchor\" data-id=\"5827fb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"check-your-work\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1f9798 elementor-widget elementor-widget-heading\" data-id=\"f1f9798\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Check Your Work<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24e64d6 elementor-widget elementor-widget-text-editor\" data-id=\"24e64d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can use these resources to check your work:<\/p><ul><li>check color contrasts with WebAIM\u2019s <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">Contrast Checker<\/a><\/li><li>check accessible color selection with Toptal\u2019s <a href=\"https:\/\/www.toptal.com\/designers\/colorfilter\">Colorblind Web Page Filter<\/a>, the <a href=\"https:\/\/colororacle.org\/\">Color Oracle<\/a> software, or the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/colorblindly\/floniaahmccleoclneebhhmnjgdfijgg?hl=en\">Colorblindly<\/a> Chrome extension<\/li><li><a href=\"http:\/\/colorbrewer2.org\">ColorBrewer <\/a>\u00a0is a free online resource that is helpful for developing accessible color schema, for maps or other kinds of data visualizations<\/li><\/ul><h3>Additional Accessibility Resources<\/h3><ul><li>The World Wide Web Consortium (W3C) includes <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/\">a condensed reference guide<\/a> on \u201cHow to Meet Web Content Accessibility Guidelines.\u201d<\/li><li><a href=\"https:\/\/wave.webaim.org\/help\">Web Accessibility Evaluation Tool<\/a> (WAVE) is a free online tool for checking web page and site accessibility.<\/li><li>The College\u2019s <a href=\"https:\/\/www.grinnell.edu\/about\/offices-services\/accessibility-disability\">Accessibility and Disability Resources Office<\/a> is also available to discuss specific accessibility concerns.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6edd795 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6edd795\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b0963e4\" data-id=\"b0963e4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c658d4 elementor-widget elementor-widget-menu-anchor\" data-id=\"3c658d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"more-info\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c7a62 elementor-widget elementor-widget-heading\" data-id=\"f1c7a62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">More Information<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-540a7b3 elementor-widget elementor-widget-text-editor\" data-id=\"540a7b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>ESRI markets ArcGIS products to non-US countries that have more stringent digital accessibility laws.<\/p><p>As detailed in an <a href=\"https:\/\/resources.esri.ca\/news-and-updates\/accessibility-is-part-of-arcgis\">ESRI Canada blog post<\/a>, \u201cscreen readers like ChromeVox or JAWS are currently compatible with ArcGIS web apps and ArcGIS Online\u2026The following Esri blogs also discuss and provide guidance for accessibility with ArcGIS:<\/p><ul><li><a href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2016\/09\/01\/accessibility-guidelines-color-contrast-testing-for-configurable-apps\/\">Accessibility Guidelines: Colour Contrast Testing for Configurable Apps<\/a><\/li><li><a href=\"https:\/\/blogs.esri.com\/esri\/arcgis\/2016\/06\/23\/whats-new-in-configurable-apps-june-2016\/\">What\u2019s New in Configurable Apps<\/a> (Basic Viewer Support for WCAG)\u201d<\/li><\/ul><p>ArcGIS.com also includes <a href=\"https:\/\/doc.arcgis.com\/en\/web-appbuilder\/create-apps\/accessibility-support.htm\">a web page with more general overview information<\/a> about accessibility and ArcGIS WebApps.<\/p><p>The U.S. Department of the Interior hosted a DOI Section 508 Outreach Event on \u201cIntegrating Accessibility into Information and Communication Technology:\u00a0 Improving Accessibility with ArcGIS Online Web Apps\u201d the publicly-available <a href=\"https:\/\/www.doi.gov\/ocio\/section508\/video3\">video <\/a>and <a href=\"https:\/\/www.doi.gov\/sites\/doi.gov\/files\/uploads\/may_2019_section_508_compliance_event_-_doi_improving_accessibility_with_arcgis_online_web_apps_0.pptx\">slide deck<\/a> from that event include useful tips from ESRI engineers about how to approach accessibility when building ArcGIS WebApps.<\/p><p>ESRI also held a \u201cWeb Accessibility Best Practices Webinar\u201d that is <a href=\"https:\/\/youtu.be\/tn2ffp6z9Gw\">archived on YouTube<\/a>. Event description: \u201cThis webinar introduces the basics of web accessibility and its benefits to GIS professionals. We will provide an overview of the Web Content Accessibility Guidelines (WCAG), the target standards for Section 508 compliance. We will highlight important WCAG criteria from the mindset of GIS professionals and how to incorporate them into the daily work. We will demonstrate the web accessibility support in ArcGIS. We will also discuss best practices and the latest development in creating accessible web maps. Finally, we will introduce a structured testing process for identifying and fixing web accessibility issues.\u201d<\/p><p>Less documentation exists for accessibility and ArcGIS StoryMaps, but ArcGIS.com does include a <a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-storymaps\/reference\/accessibility-and-supported-languages.htm\">web page with more general information<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What is web accessibility? \u201cWeb accessibility is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed.\u201d (Wikipedia). Consideration of web accessibility is important with any digital project, including &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/dlac.grinnell.edu\/arcgisonline\/accessibility\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Accessibility&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":30,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/pages\/298\/revisions\/606"}],"wp:attachment":[{"href":"https:\/\/dlac.grinnell.edu\/arcgisonline\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}