{"id":2793582,"date":"2025-05-14T17:34:33","date_gmt":"2025-05-15T00:34:33","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2793582"},"modified":"2026-03-18T09:39:10","modified_gmt":"2026-03-18T16:39:10","slug":"advanced-workflows-for-building-accessible-instant-apps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps","title":{"rendered":"Advanced Workflows for Building Accessible Instant Apps"},"author":68331,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[28911,773252,759832,677501,706381],"industry":[],"product":[760042,36551],"class_list":["post-2793582","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-accessibility","tag-accessible","tag-arcgis-instant-apps","tag-instant-apps","tag-web-accessibility","product-instant-apps","product-arcgis-online"],"acf":{"authors":[{"ID":68331,"user_firstname":"Krista","user_lastname":"McPherson","nickname":"Krista McPherson","user_nicename":"kmcpherson","display_name":"Krista McPherson","user_email":"kMcPherson@esri.com","user_url":"","user_registered":"2020-07-21 22:41:26","user_description":"Krista is a Product Engineer on ArcGIS Instant Apps team.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/ProfilePhotoNew-213x200.jpeg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"short_description":"Use HTML and CSS customizations to enhance accessibility with Instant Apps","flexible_content":[{"acf_fc_layout":"content","content":"<p><a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-instant-apps\/overview\">ArcGIS Instant Apps<\/a> allows app authors to quickly create interactive mapping applications that strive to be accessible to all audiences with a no-code configuration. For more information about Instant Apps accessibility features, see <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/enhance-web-app-accessibility-with-instant-apps\">Enhance web app accessibility with Instant Apps<\/a> on ArcGIS Blog.<\/p>\n<p>This article introduces workflows for building accessible web apps with Instant Apps that utilize HTML and CSS customization available within the app configuration.<\/p>\n"},{"acf_fc_layout":"content","content":"<p><strong>Add alt text to images using HTML in rich text editors <\/strong><\/p>\n<p>Adding alternative (alt) text to images is an important step towards making your app accessible to screen reader users. When authoring alt text, provide both descriptive information about and the purpose of the image. When authoring supplemental information for your app using a rich text editor, for instance when setting up an <strong>Introduction window<\/strong>, you can access the HTML for the text box by clicking on the <strong>Source<\/strong> button. After the image source information, add the \u2018alt\u2019 tag with the alternative text for the image:<\/p>\n<pre>&lt;p style=\"text-align:center\"&gt;\r\n\r\n&lt;img src=\"https:\/\/images.unsplash.com\/photo-1625179893310-8e419f979608?q=80&amp;amp;w=3540&amp;amp;auto=format&amp;amp;fit=crop&amp;amp;ixlib=rb-4.1.0&amp;amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Image of a plant sprouting from dirt\" width=\"500\" height=\"400\"&gt;\r\n\r\n&lt;\/p&gt;<\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2793702,"id":2793702,"title":"ImageAltText","filename":"ImageAltText.png","filesize":361204,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\/imagealttext","alt":"Image showing alternative text in browser developer tools","author":"68331","description":"","caption":"","name":"imagealttext","status":"inherit","uploaded_to":2793582,"date":"2025-05-14 17:01:10","modified":"2025-05-14 17:01:57","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1328,"height":597,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText.png","medium-width":464,"medium-height":209,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText.png","medium_large-width":768,"medium_large-height":345,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText.png","large-width":1328,"large-height":597,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText.png","1536x1536-width":1328,"1536x1536-height":597,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText.png","2048x2048-width":1328,"2048x2048-height":597,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText-826x371.png","card_image-width":826,"card_image-height":371,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/ImageAltText.png","wide_image-width":1328,"wide_image-height":597}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p><strong>Change keyboard focus indicator color with custom CSS<\/strong><\/p>\n<p>Instant Apps includes preset theme color options and the ability to set custom theme colors with a built-in color contrast checker to ensure legible text for users with visual impairments. You may want to change the focus indicator color to more effectively contrast with your custom theme.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2793712,"id":2793712,"title":"FocusColorYellow","filename":"FocusColorYellow.png","filesize":312612,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\/focuscoloryellow","alt":"Image showing keyboard focus indicator in alternative color","author":"68331","description":"","caption":"","name":"focuscoloryellow","status":"inherit","uploaded_to":2793582,"date":"2025-05-14 17:02:10","modified":"2025-05-14 17:02:29","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":828,"height":419,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow.png","medium-width":464,"medium-height":235,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow.png","medium_large-width":768,"medium_large-height":389,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow.png","large-width":828,"large-height":419,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow.png","1536x1536-width":828,"1536x1536-height":419,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow.png","2048x2048-width":828,"2048x2048-height":419,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow-826x418.png","card_image-width":826,"card_image-height":418,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/FocusColorYellow.png","wide_image-width":828,"wide_image-height":419}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Using the custom CSS option in the theme settings of your app, you can add the following code to change the focus color for interactive elements in the app and the map view:<\/p>\n<pre>.calcite-mode-dark{\r\n--calcite-color-focus:yellow;\r\n}\r\n\r\n.esri-view{\r\n--esri-view-outline-color:yellow;\r\n}<\/pre>\n"},{"acf_fc_layout":"content","content":"<p>Remember to verify the color contrast of your focus color with other graphic elements in the app, see this <a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-living-atlas\/mapping\/red-green-what\">blog on designing to support users with color vision deficiency<\/a> for more tips and tricks. For more information on theming Calcite components, see the <a href=\"https:\/\/developers.arcgis.com\/calcite-design-system\/foundations\/colors\/\">Calcite Design System Colors and theming<\/a> documentation.<\/p>\n"},{"acf_fc_layout":"content","content":"<p><strong>Add title attribute to app embed code<\/strong><\/p>\n<p>Instant Apps are ready to be embedded in any website or other app in ArcGIS Online. To ensure that the embedded app has an accessible name, you can add a title attribute to the embed code copied from the app configuration, as seen in the code below:<\/p>\n<pre>&lt;iframe src=\"https:\/\/webapps.maps.arcgis.com\/apps\/instant\/sidebar\/index.html?appid=1d683029c4af4665a664339c7526dbd2\" width=\"400\" height=\"600\" frameborder=\"0\" style=\"border:0\" <strong>title=\"Improving heat health in Los Angeles with tree planting\"<\/strong> allowfullscreen&gt;iFrames are not supported on this page.&lt;\/iframe&gt;<\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2960683,"id":2960683,"title":"StoryMaps Embed","filename":"StoryMaps-Embed.png","filesize":573688,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\/storymaps-embed","alt":"Image of an Instant Apps app embedded in a StoryMap","author":"68331","description":"","caption":"","name":"storymaps-embed","status":"inherit","uploaded_to":2793582,"date":"2026-03-18 16:32:20","modified":"2026-03-18 16:32:55","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1430,"height":817,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed.png","medium-width":457,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed.png","medium_large-width":768,"medium_large-height":439,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed.png","large-width":1430,"large-height":817,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed.png","1536x1536-width":1430,"1536x1536-height":817,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed.png","2048x2048-width":1430,"2048x2048-height":817,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed-814x465.png","card_image-width":814,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/StoryMaps-Embed.png","wide_image-width":1430,"wide_image-height":817}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Check out the <a href=\"https:\/\/storymaps.arcgis.com\/stories\/ba14447540a14730a52da65413f92571\">sample StoryMap with an app embedded using this code<\/a>. Find more information about publishing and sharing Instant Apps in our <a href=\"https:\/\/doc.arcgis.com\/en\/instant-apps\/latest\/create-apps\/preview-and-publish.htm#ESRI_SECTION1_671DCC2B3152472D98AD204215566DE4\">documentation about sharing your app<\/a>.<\/p>\n"},{"acf_fc_layout":"content","content":"<p><strong>Resources<\/strong><\/p>\n<p>You can try out the <a href=\"https:\/\/www.arcgis.com\/apps\/instant\/sidebar\/index.html?appid=1d683029c4af4665a664339c7526dbd2\">sample Sidebar app<\/a> referenced throughout this blog. For more information about Instant Apps, please see the <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-instant-apps\/resources\">Instant Apps resources page<\/a>.<\/p>\n<p>Esri is\u00a0committed to creating accessible products and services compatible with the latest assistive technologies that conform to current software accessibility standards and guidelines.\u00a0See\u00a0<a href=\"https:\/\/www.esri.com\/en-us\/accessibility\/overview\">Esri\u2019s\u00a0Accessibility site<\/a> for more information on our accessibility efforts, links to product conformance reports, and other accessibility resources.<\/p>\n"}],"related_articles":[{"ID":1779692,"post_author":"68331","post_date":"2022-11-22 09:44:59","post_date_gmt":"2022-11-22 17:44:59","post_content":"","post_title":"Enhance web app accessibility with Instant Apps","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"enhance-web-app-accessibility-with-instant-apps","to_ping":"","pinged":"","post_modified":"2023-01-19 12:49:23","post_modified_gmt":"2023-01-19 20:49:23","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1779692","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":1066281,"post_author":"4491","post_date":"2020-11-25 08:55:29","post_date_gmt":"2020-11-25 16:55:29","post_content":"","post_title":"Red \u2026 Green \u2026 What?","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"red-green-what","to_ping":"","pinged":"","post_modified":"2020-11-25 12:41:12","post_modified_gmt":"2020-11-25 20:41:12","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=1066281","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"show_article_image":false,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/Accessibility-May-2025_thumbnail.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/Accessibility-May-2025.png"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Advanced Workflows for Building Accessible Instant Apps<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advanced Workflows for Building Accessible Instant Apps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-18T16:39:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\"},\"author\":{\"name\":\"Krista McPherson\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/d3b3c47ca0b4c2a0bb98903a0c94d9b2\"},\"headline\":\"Advanced Workflows for Building Accessible Instant Apps\",\"datePublished\":\"2025-05-15T00:34:33+00:00\",\"dateModified\":\"2026-03-18T16:39:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\"},\"wordCount\":7,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"accessibility\",\"accessible\",\"ArcGIS Instant Apps\",\"instant apps\",\"web accessibility\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\",\"name\":\"Advanced Workflows for Building Accessible Instant Apps\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2025-05-15T00:34:33+00:00\",\"dateModified\":\"2026-03-18T16:39:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Workflows for Building Accessible Instant Apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/d3b3c47ca0b4c2a0bb98903a0c94d9b2\",\"name\":\"Krista McPherson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/ProfilePhotoNew-213x200.jpeg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/ProfilePhotoNew-213x200.jpeg\",\"caption\":\"Krista McPherson\"},\"description\":\"Krista is a Product Engineer on ArcGIS Instant Apps team.\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/kmcpherson\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Advanced Workflows for Building Accessible Instant Apps","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps","og_locale":"en_US","og_type":"article","og_title":"Advanced Workflows for Building Accessible Instant Apps","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2026-03-18T16:39:10+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps"},"author":{"name":"Krista McPherson","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/d3b3c47ca0b4c2a0bb98903a0c94d9b2"},"headline":"Advanced Workflows for Building Accessible Instant Apps","datePublished":"2025-05-15T00:34:33+00:00","dateModified":"2026-03-18T16:39:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps"},"wordCount":7,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["accessibility","accessible","ArcGIS Instant Apps","instant apps","web accessibility"],"articleSection":["Mapping"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps","name":"Advanced Workflows for Building Accessible Instant Apps","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2025-05-15T00:34:33+00:00","dateModified":"2026-03-18T16:39:10+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/instant-apps\/mapping\/advanced-workflows-for-building-accessible-instant-apps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Advanced Workflows for Building Accessible Instant Apps"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/d3b3c47ca0b4c2a0bb98903a0c94d9b2","name":"Krista McPherson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/ProfilePhotoNew-213x200.jpeg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/ProfilePhotoNew-213x200.jpeg","caption":"Krista McPherson"},"description":"Krista is a Product Engineer on ArcGIS Instant Apps team.","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/kmcpherson"}]}},"text_date":"May 14, 2025","author_name":"Krista McPherson","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/kmcpherson","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/05\/Accessibility-May-2025.png","primary_product":"ArcGIS Instant Apps","tag_data":[{"term_id":28911,"name":"accessibility","slug":"accessibility","term_group":0,"term_taxonomy_id":28911,"taxonomy":"post_tag","description":"","parent":0,"count":71,"filter":"raw"},{"term_id":773252,"name":"accessible","slug":"accessible","term_group":0,"term_taxonomy_id":773252,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"},{"term_id":759832,"name":"ArcGIS Instant Apps","slug":"arcgis-instant-apps","term_group":0,"term_taxonomy_id":759832,"taxonomy":"post_tag","description":"","parent":0,"count":51,"filter":"raw"},{"term_id":677501,"name":"instant apps","slug":"instant-apps","term_group":0,"term_taxonomy_id":677501,"taxonomy":"post_tag","description":"","parent":0,"count":36,"filter":"raw"},{"term_id":706381,"name":"web accessibility","slug":"web-accessibility","term_group":0,"term_taxonomy_id":706381,"taxonomy":"post_tag","description":"","parent":0,"count":13,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2689,"filter":"raw"}],"product_data":[{"term_id":760042,"name":"ArcGIS Instant Apps","slug":"instant-apps","term_group":0,"term_taxonomy_id":760042,"taxonomy":"product","description":"","parent":36591,"count":111,"filter":"raw"},{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2425,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=instant-apps","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2793582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/68331"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2793582"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2793582\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2793582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2793582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2793582"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2793582"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2793582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}