{"id":429272,"date":"2025-06-25T10:25:54","date_gmt":"2025-06-25T17:25:54","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=429272"},"modified":"2025-06-26T11:17:16","modified_gmt":"2025-06-26T18:17:16","slug":"arcgis-hub-sites-designing-for-accessibility","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility","title":{"rendered":"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites"},"author":8122,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22781],"tags":[28911,42691,401952,26221,291542],"industry":[],"product":[36811],"class_list":["post-429272","blog","type-blog","status-publish","format-standard","hentry","category-uncategorized","tag-accessibility","tag-hub","tag-inclusion","tag-open-data","tag-sites","product-arcgis-hub"],"acf":{"short_description":"Apply principles of accessibility to ensure that everyone can use and consume your sites and pages.","flexible_content":[{"acf_fc_layout":"content","content":"<p>Web content that is accessible matters for everyone. If your organization uses ArcGIS Hub or ArcGIS Enterprise Sites to create sites and pages, understanding and applying the principles of accessible web design supports you in providing the best experience for everyone. This applies whether or not a person has a situational, permanent, or temporary disability.<\/p>\n"},{"acf_fc_layout":"content","content":"<h2>What is accessibility?<\/h2>\n<p>From sighted individuals to aging generations, easily accessible, usable content is imperative to providing equal access to people everywhere. This is why many countries around the world seek to improve the accessibility of their web content by adhering to the Web Content Accessibility Guidelines (WCAG).<\/p>\n<p>The WCAG is a set of international standards that have been used to inform regulations in Canada, Germany, New Zealand, and many other countries. While regulations may vary slightly by country, the goal of inclusion remains the same.<\/p>\n<p>In this article, we\u2019ll use accessibility as an umbrella term to refer to WCAG 2.2, Section 508, and Title III of the Americans with Disabilities Act (ADA). In the United States, WCAG sets the foundation for Section 508, a federal regulation that applies to all federally produced web content. Section 508 is also the recommended practice for ADA compliance.<\/p>\n"},{"acf_fc_layout":"content","content":"<h2>Accessibility and the layout builder<\/h2>\n<p>Our <a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/site-editing-basics.htm#ESRI_SECTION1_C30D73392D964D51A8B606128A8A6E8F\">layout builder<\/a> and drag-and-drop cards enable you to feature a range of content on your sites and pages, including web maps, images, video, and text. But designing for accessibility is always a partnership. The Hub team strives for WCAG 2.2 AA compliance by putting in work behind the scenes to make the site building experience navigable for sighted keyboard users and those using assistive technologies. However, it is worthwhile to consider several guidelines as you customize your site.<\/p>\n"},{"acf_fc_layout":"content","content":"<h3>Site settings and theme<\/h3>\n<p>If you are using <a href=\"https:\/\/doc.arcgis.com\/en\/arcgis-online\/administer\/configure-general.htm#ESRI_SECTION1_DFCE32DDCDD14C1B972915DD57B7ECD3\">ArcGIS Online\u2019s shared theme<\/a> or <a href=\"https:\/\/enterprise.arcgis.com\/en\/portal\/latest\/administer\/windows\/configure-general.htm#ESRI_SECTION1_DFCE32DDCDD14C1B972915DD57B7ECD3\">Enterprise\u2019s shared theme<\/a>, any sites created through Hub or Enterprise Sites automatically import the shared theme. These themes allow you to compare the contrast between foreground and background colors.\u00a0Contrast helps individuals with varying visual abilities access your information.<\/p>\n<p>According to the WCAG guideline <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/#contrast-minimum\">1.4.3 Contrast (Minimum)<\/a>, color luminance contrast between text and background color should be greater than or equal to 4.5:1 for small text and 3.1 for large text. The guideline <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/#non-text-contrast\">1.4.11 Non-Text Contrast<\/a> extends the 3:1 ratio to icons and graphical elements.<\/p>\n<p>If you <a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/brand-a-site-with-header-and-theme-options.htm#ESRI_SECTION1_D5F12DB0B6E341698B2715386CC7A5C7\">set a theme for the site<\/a>, you may want to verify the contrast of your selected colors with an external tool. Various free color contrast analysis tools are available online. For example, you can use <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">WebAIM\u2019s Color Contrast Checker<\/a> to compare two hexcodecolors, or install <a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\">TPGI\u2019s desktop app<\/a>, which supports comparison of hex, RGB, HSL, and HSV colors, along with eyedropper tools to extract colors from any part of your screen.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2851502,"id":2851502,"title":"text-on-background-image","filename":"text-on-background-image.png","filesize":420292,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\/text-on-background-image","alt":"Various free color contrast analysis tools are available online.","author":"308942","description":"","caption":"Verify the contrast of your colors with an external tool.","name":"text-on-background-image","status":"inherit","uploaded_to":429272,"date":"2025-06-24 18:48:50","modified":"2025-06-24 18:50:54","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":619,"height":700,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image.png","medium-width":231,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image.png","medium_large-width":619,"medium_large-height":700,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image.png","large-width":619,"large-height":700,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image.png","1536x1536-width":619,"1536x1536-height":700,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image.png","2048x2048-width":619,"2048x2048-height":700,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image-411x465.png","card_image-width":411,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image.png","wide_image-width":619,"wide_image-height":700}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/text-on-background-image.png"},{"acf_fc_layout":"content","content":"<p>To ensure that your entire site has an accessible theme, verify that you\u2019ve passed regular text contrast requirements for header text and background, global navigation text and background, body text and background, and body link and background. These pairings are used to generate the theme that is applied to all components.<\/p>\n<h2><strong>Organize an accessible content structure<\/strong><\/h2>\n<p>As you use the cards available in our layout builder, you can utilize the WCAG guidelines <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/#link-purpose-in-context\">2.4.4. Link Purpose (In Context)<\/a> and <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/#headings-and-labels\">2.4.6 Headings and Labels<\/a> to create a structured narrative that\u2019s easy to navigate. On each page you publish, include at least one &lt;h1&gt; heading to provide context to visitors.<\/p>\n"},{"acf_fc_layout":"content","content":"<h3 style=\"margin-top: 20px; margin-bottom: 0px;\">Row card<\/h3>\n<p><a href=\"http:\/\/doc.arcgis.com\/en\/hub\/sites\/design-the-layout-of-your-site.htm#ESRI_SECTION2_A1A3D83EB14E4491B20E9443A2ACF37A\">Row cards<\/a> are the building blocks of your site. They can be filled with any combination of additional cards, such as the web map, video, image, text, and chart cards. When configuring the settings for a row, you can set a background color or upload an image. Whichever you choose, ensure that there is sufficiently high color contrast between the background and any content displayed by other cards, such as the <strong>Text<\/strong> or <strong>Category <\/strong>cards.<\/p>\n<p>Tip: Not sure if your row background image provides enough color contrast? <a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/add-text-and-images.htm#ESRI_SECTION1_70FCCFD4AA79489EB21F66101D4CF4A9\">Add a light or dark background color to your row<\/a> and adjust the color\u2019s transparency.<\/p>\n<p>Automated accessibility testing tools cannot check the legibility of text on background images, so you may want to do this manually. Additionally, if you have a background image and automated tools are reporting failures, check your background and foreground color contrast. These tools compare colors as if the background image does not exist (some people do browse the web with images disabled).<\/p>\n"},{"acf_fc_layout":"content","content":"<h3>Text card<\/h3>\n<p>Narratives connect your audience with the information they need to understand your message and to take necessary action. When using the <strong>Text<\/strong> card, create an accessible content structure by following these recommendations.<\/p>\n<ul>\n<li>Use sections to structure your narratives so that screen readers can more easily navigate text. Use heading levels to provide information hierarchy. Avoid skipping heading levels. Do not use headings decoratively to increase font size.<\/li>\n<li>If you link to additional resources, such as external sites and pages, ensure that your text describes the link\u2019s purpose or destination. Rather than saying, \u201cclick here\u201d, invite people to follow the link with phrasing such as: \u201cto learn more about x\u2026\u201d This helps assistive technologies that may be using shortcuts to rapidly navigate through all links on a page without needing to read the surrounding context.<\/li>\n<li>Provide a notice when a link opens in a new tab or window, as this is a change of context (<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/on-input.html\">On Input 3.2.2<\/a>, <a href=\"https:\/\/www.w3.org\/TR\/WCAG20-TECHS\/G201.html\">G201<\/a>). It\u2019s also helpful when the destination is a different type of file format, such as a PDF. Use text or an icon to provide this warning.<\/li>\n<\/ul>\n<p>When an aria-label is used on a link, the aria-label will overwrite the link text when communicated to assistive technologies. This means that either the launch icon needs to be a stand-alone icon with its own label inside of the link:<\/p>\n<pre>&lt;calcite-link href=\u201d#\u201d target=\u201d_blank\u201d&gt;Get started &amp;nbsp;&lt;calcite-icon icon=\"launch\" text-label=\"opens in new tab\" scale=\u201ds\u201d&gt;&lt;\/calcite-icon&gt;&lt;\/calcite-link&gt;<\/pre>\n<p>Or, if the icon-end slot is used for a visual indicator, then the actual text of the link needs to be included in the aria-label for programmatic context:<\/p>\n<pre>&lt;calcite-link href=\u201d#\u201d target=\u201d_blank\u201d icon-end=\u201dlaunch\u201d aria-label=\u201dGet started, Opens in new tab\u201d&gt;Get started&lt;\/calcite-link&gt;<\/pre>\n"},{"acf_fc_layout":"image","image":{"ID":2851612,"id":2851612,"title":"Link-examples","filename":"Link-examples.png","filesize":14793,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\/link-examples","alt":"Use a stand-alone launch icon with its own label inside the link or include the link text in the aria-label to follow accessibility principles.","author":"308942","description":"","caption":"Provide a notice when a link opens in a new tab or window.","name":"link-examples","status":"inherit","uploaded_to":429272,"date":"2025-06-24 19:03:01","modified":"2025-06-24 21:13:15","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":398,"height":177,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples-213x177.png","thumbnail-width":213,"thumbnail-height":177,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png","medium-width":398,"medium-height":177,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png","medium_large-width":398,"medium_large-height":177,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png","large-width":398,"large-height":177,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png","1536x1536-width":398,"1536x1536-height":177,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png","2048x2048-width":398,"2048x2048-height":177,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png","card_image-width":398,"card_image-height":177,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png","wide_image-width":398,"wide_image-height":177}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/Link-examples.png"},{"acf_fc_layout":"content","content":"<ul>\n<li>Avoid using tables to structure your content in a layout. Tables should be reserved for basic data. Use the Table header toggle (H) option that comes with our <strong>Text<\/strong> card table to structure your tables for an optimal experience for assistive technologies.<\/li>\n<\/ul>\n"},{"acf_fc_layout":"image","image":{"ID":450802,"id":450802,"title":"table-header-option-text-card","filename":"table-header-option-text-card.png","filesize":13715,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\/table-header-option-text-card","alt":"","author":"8122","description":"","caption":"","name":"table-header-option-text-card","status":"inherit","uploaded_to":429272,"date":"2019-03-04 15:37:14","modified":"2019-03-04 15:37:14","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":725,"height":196,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png","medium-width":464,"medium-height":125,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png","medium_large-width":725,"medium_large-height":196,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png","large-width":725,"large-height":196,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png","1536x1536-width":725,"1536x1536-height":196,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png","2048x2048-width":725,"2048x2048-height":196,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png","card_image-width":725,"card_image-height":196,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png","wide_image-width":725,"wide_image-height":196}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/02\/table-header-option-text-card.png"},{"acf_fc_layout":"content","content":"<p>Learn more about adding and formatting text in the <a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/add-text-and-images.htm\">text card documentation<\/a>.<\/p>\n"},{"acf_fc_layout":"content","content":"<h3 style=\"margin-top: 20px; margin-bottom: 0px;\">Category card<\/h3>\n<p><a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/display-apps-data-and-maps.htm\"><strong>Category<\/strong> cards<\/a> can help to visualize groups of similar datasets. Upload your own image for your category card or choose from our library of icons. Our icons are Scalable Vector Graphics (SVGs), an image file format that can be scaled to different sizes without affecting image quality. We automatically mark icons from our library as decorative since the link text provides more context.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2851932,"id":2851932,"title":"category-card-icon","filename":"category-card-icon.jpg","filesize":162420,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\/category-card-icon","alt":"Hub marks icons from our library as decorative as the link text provides more context to follow accessibility principles.","author":"308942","description":"","caption":"Upload your own image for the Category card or choose from our library of icons. ","name":"category-card-icon","status":"inherit","uploaded_to":429272,"date":"2025-06-24 19:43:32","modified":"2025-06-24 21:12:47","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":583,"height":551,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon.jpg","medium-width":276,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon.jpg","medium_large-width":583,"medium_large-height":551,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon.jpg","large-width":583,"large-height":551,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon.jpg","1536x1536-width":583,"1536x1536-height":551,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon.jpg","2048x2048-width":583,"2048x2048-height":551,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon-492x465.jpg","card_image-width":492,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon.jpg","wide_image-width":583,"wide_image-height":551}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/category-card-icon.jpg"},{"acf_fc_layout":"content","content":"<p>Don\u2019t forget about checking color contrast. You can adjust the color of your <strong>Category<\/strong> card\u2019s link text by selecting <strong>Theme<\/strong> on the <strong>Customize<\/strong> panel and adjusting the <strong>Body link color<\/strong>.<\/p>\n<p>If you want to use your own image, provide a URL for an SVG or transparent PNG file. Add alternative (alt) text if the image provides supplemental information or leave it blank to indicate the image is decorative.<\/p>\n<p>All visual content, unless decorative, requires a text equivalent (<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/non-text-content.html\">Non-text Content 1.1.1<\/a>) often referred to as alt text. This is used to describe the image to those using screen-readers.<\/p>\n"},{"acf_fc_layout":"content","content":"<h2>Share accessible visuals and media<\/h2>\n<p>Adding images and media is a common and simple way to enrich your sites and pages. When choosing types of visuals or media to add, prioritize content that provides unique, rather than redundant information.<\/p>\n"},{"acf_fc_layout":"content","content":"<h3>Images<\/h3>\n<p>The <strong>Image<\/strong> card settings provide you with several options for customizing the display of your image, including the option to provide Image alt text.\u00a0When writing alt text, consider these best practices:<\/p>\n<ul>\n<li>Describe the image succinctly.<\/li>\n<li>Do not include the words \u201cpicture \/ image \/ graphic of\u201d in your description. This will be communicated automatically.<\/li>\n<li>Provide details relevant to the context. Don\u2019t copy and paste the image caption as alt text, as it is different than a caption (and the screen reader will read the same thing twice). Alt text is an objective description of a non-decorative image. Captions are more subjective descriptions of what the image conveys.<\/li>\n<li>If using the image as a link, describe the destination or purpose of the link, not the image. Also, having links open in the same tab makes it easier for non-sighted individuals to navigate.<\/li>\n<\/ul>\n<p>Learn more about adding and formatting images in the <a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/add-text-and-images.htm\">documentation<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1444932,"id":1444932,"title":"voiceover-hub-image-card","filename":"voiceover-hub-image-card-1.png","filesize":309463,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\/voiceover-hub-image-card-2","alt":"VoiceOver dialog displaying image alt text about lanternflies","author":"6641","description":"","caption":"VoiceOver (a screen reader) shows a dialog of the alt text being read aloud for an image.","name":"voiceover-hub-image-card-2","status":"inherit","uploaded_to":429272,"date":"2021-12-20 21:42:50","modified":"2021-12-20 21:45:04","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":1188,"height":405,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1.png","medium-width":464,"medium-height":158,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1.png","medium_large-width":768,"medium_large-height":262,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1.png","large-width":1188,"large-height":405,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1.png","1536x1536-width":1188,"1536x1536-height":405,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1.png","2048x2048-width":1188,"2048x2048-height":405,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1-826x282.png","card_image-width":826,"card_image-height":282,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1.png","wide_image-width":1188,"wide_image-height":405}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/voiceover-hub-image-card-1.png"},{"acf_fc_layout":"content","content":"<h3 style=\"margin-top: 20px; margin-bottom: 0px;\">Gallery card<\/h3>\n<p><strong>Gallery<\/strong> cards are used to display a range of content types such as apps, dashboards, webmaps, documents, and additional sites and pages. However, \u00a0returning to content structure (<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/headings-and-labels.html\">Headings and Labels 2.4.6<\/a>), you may want to adjust the <strong>Gallery<\/strong> card\u2019s title headings to improve the information hierarchy of your content. This does\u00a0not change font size but can assist with nested headings.<\/p>\n<p>Learn more about using <strong>Gallery<\/strong> cards in the <a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/display-apps-data-and-maps.htm\">documentation<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2851762,"id":2851762,"title":"headings-shortcut-menu","filename":"headings-shortcut-menu.jpg","filesize":519660,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\/headings-shortcut-menu","alt":"Adjusting the Gallery card\u2019s title headings can improve your content's information hierarchy and assist with nested headings to follow accessibility principles.","author":"308942","description":"","caption":"Adjust the Gallery card\u2019s title headings to improve the information hierarchy. ","name":"headings-shortcut-menu","status":"inherit","uploaded_to":429272,"date":"2025-06-24 19:26:04","modified":"2025-06-24 21:12:27","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1098,"height":746,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu.jpg","medium-width":384,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu.jpg","medium_large-width":768,"medium_large-height":522,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu.jpg","large-width":1098,"large-height":746,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu.jpg","1536x1536-width":1098,"1536x1536-height":746,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu.jpg","2048x2048-width":1098,"2048x2048-height":746,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu-684x465.jpg","card_image-width":684,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu.jpg","wide_image-width":1098,"wide_image-height":746}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/headings-shortcut-menu.jpg"},{"acf_fc_layout":"content","content":"<h3 style=\"margin-top: 20px; margin-bottom: 0px;\">Video card<\/h3>\n<p>WCAG guideline <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/?showtechniques=322#captions-prerecorded\">1.2.2 Captions<\/a> requires that you add captions to any <a href=\"http:\/\/doc.arcgis.com\/en\/hub\/sites\/design-the-layout-of-your-site.htm#ESRI_SECTION2_B5F634CD180544A4A344922BF4D7241A\">videos<\/a> that you include on the <strong>Video<\/strong> card. Hub supports YouTube, Vimeo, and Facebook video. You can find out more <a href=\"https:\/\/support.google.com\/youtube\/answer\/2734796\">about captioning YouTube videos<\/a> on their support page, which offers instructions on how to upload caption files or manually transcribe and sync captions with video.<\/p>\n<p>Embedded content should always contain titles so that people using assistive technologies can decide whether to enter that section of the page. Use the <strong>Title<\/strong> setting on our <strong>Video<\/strong> card to describe the content of your video.<\/p>\n<p>Tip: The same recommendation applies to any content embedded through the <strong>Iframe<\/strong> card. Always add a title describing the content within the iframe as it won\u2019t be read automatically for those using screen-readers. They will have to elect to enter the iframe.<\/p>\n<p>Learn more about \u00a0adding and formatting videos in the <a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/embed-video-social-media-and-iframes.htm\">documentation<\/a>.<\/p>\n"},{"acf_fc_layout":"content","content":"<h3 style=\"margin-top: 20px; margin-bottom: 0px;\">Social media card<\/h3>\n<p>With the <strong>Social media<\/strong> card, you can add Facebook or X posts as inline content in a layout. We cannot affect the content being shown from either of those platforms, so you may observe some color contrast violations. We have included a toggle for the X Dark Theme, which does pass color contrast requirements.<\/p>\n<p>Learn more about using the <strong>Social media<\/strong> card in the <a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/embed-video-social-media-and-iframes.htm\">documentation<\/a>.<\/p>\n"},{"acf_fc_layout":"content","content":"<h2 style=\"margin-top: 20px; margin-bottom: 0px;\">Automated accessibility testing tools<\/h2>\n<p>Several tools that can run automated tests of your entire webpage to check for accessibility violations. The Hub team uses <a href=\"https:\/\/www.deque.com\/axe\/\">aXe by Deque<\/a> as part of our development process. Deque offers an aXe browser plugin that can be used with Chrome, Firefox, or Edge.<\/p>\n"},{"acf_fc_layout":"content","content":"<h2 style=\"margin-top: 20px; margin-bottom: 0px;\">Get started and share feedback<\/h2>\n<p>Create a new site or review existing sites for ways to improve accessibility. If you have any questions or comments, reach out to us on <a href=\"https:\/\/community.esri.com\/community\/gis\/web-gis\/arcgis-hub\">Esri Community<\/a>. We update our <a href=\"https:\/\/hub.arcgis.com\/pages\/changelog\">changelog<\/a> regularly to reflect the changes we make to our product related to accessibility.<\/p>\n<p>For more information, refer to these resources:<\/p>\n<ul>\n<li><a href=\"https:\/\/hub.arcgis.com\/pages\/a11y\">ArcGIS Hub Accessibility Status Report<\/a><\/li>\n<li><a href=\"https:\/\/doc.arcgis.com\/en\/hub\/sites\/create-a-site.htm\">Hub documentation<\/a><\/li>\n<li><a href=\"https:\/\/hub.arcgis.com\/pages\/a11y-enterprise-sites\">ArcGIS Enterprise Sites Accessibility Status Report<\/a><\/li>\n<li><a href=\"https:\/\/enterprise.arcgis.com\/en\/sites\/latest\/sites\/create-a-site.htm\">Enterprise Sites documentation<\/a><\/li>\n<\/ul>\n<p>Interested in learning more about what ArcGIS Hub can do for your community? Take the <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-hub\/hub-self-assessment\">Hub readiness assessment<\/a> and learn more about <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/arcgis-hub\/pricing\">Hub capabilities<\/a>.<\/p>\n<p>Whether you\u2019re new to Hub or have been with us since the beginning of Open data, <a href=\"https:\/\/arcg.is\/145DzX\">let us know what you think<\/a>. We\u2019d be happy to hear from you.<\/p>\n"}],"authors":[{"ID":6641,"user_firstname":"Klara","user_lastname":"Schmitt","nickname":"Klara Schmitt","user_nicename":"klaras","display_name":"Klara Schmitt","user_email":"KSchmitt@esri.com","user_url":"","user_registered":"2018-03-02 00:18:37","user_description":"Klara Schmitt is a Principal Accessibility Engineer on the Centralized Accessibility Team, but previously worked on the ArcGIS Hub and ArcGIS Enterprise Sites team as a Principal Product Designer. With over 15 years experience in design and accessibility, she enjoys the challenges of optimizing visual authoring tools for assistive technologies.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/07\/finger-lakes-smol-213x200.png' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"},{"ID":308942,"user_firstname":"Rhonda","user_lastname":"Houser","nickname":"Rhonda Houser","user_nicename":"rhouser","display_name":"Rhonda Houser","user_email":"rhouser@esri.com","user_url":"","user_registered":"2022-04-25 21:30:23","user_description":"Rhonda is a Product Engineering Writer at Esri.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/rsh_hdshot3-213x200.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"},{"ID":8122,"user_firstname":"Katelyn","user_lastname":"Thompson","nickname":"Katelyn Thompson","user_nicename":"kthompson","display_name":"Katie Thompson","user_email":"KThompson@esri.com","user_url":"","user_registered":"2018-06-26 17:47:19","user_description":"Katie Thompson is a Product Marketing Manager at Esri who got her start with GIS during her undergraduate studies and holds a master's degree in urban and regional planning. Today, she focuses on creating content and messaging to help planners make the most of their GIS, especially through 3D tools like ArcGIS Urban and ArcGIS CityEngine.","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/Profile-150x150.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"related_articles":[{"ID":2704342,"post_author":"335892","post_date":"2025-04-24 08:14:38","post_date_gmt":"2025-04-24 15:14:38","post_content":"","post_title":"Mapping the way to digital accessibility","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"mapping-the-way-to-digital-accessibility","to_ping":"","pinged":"","post_modified":"2025-05-02 14:09:49","post_modified_gmt":"2025-05-02 21:09:49","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2704342","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":2792302,"post_author":"308942","post_date":"2025-06-12 09:02:47","post_date_gmt":"2025-06-12 16:02:47","post_content":"","post_title":"Workspaces: The new ArcGIS Hub management experience","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"workspaces-is-the-new-site-management-experience-in-arcgis-hub","to_ping":"","pinged":"","post_modified":"2026-02-03 15:29:16","post_modified_gmt":"2026-02-03 23:29:16","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2792302","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":2814432,"post_author":"290032","post_date":"2025-06-10 11:03:01","post_date_gmt":"2025-06-10 18:03:01","post_content":"","post_title":"ArcGIS Hub at the 2025 Esri User Conference","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"arcgis-hub-at-the-2025-esri-user-conference","to_ping":"","pinged":"","post_modified":"2025-06-30 14:58:56","post_modified_gmt":"2025-06-30 21:58:56","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2814432","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/12\/AdobeStock-319029864-inclusion-word-concepts-card.jpg","wide_image":false,"show_article_image":false},"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>Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites Accessible design<\/title>\n<meta name=\"description\" content=\"Apply principles of accessibility so that everyone can use your sites and pages. Web content that is accessible matters for everyone.\" \/>\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\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites\" \/>\n<meta property=\"og:description\" content=\"Apply principles of accessibility so that everyone can use your sites and pages. Web content that is accessible matters for everyone.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\" \/>\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=\"2025-06-26T18:17:16+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=\"10 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\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\"},\"author\":{\"name\":\"Katie Thompson\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/81f0c722223c97e59d855a3722a53f74\"},\"headline\":\"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites\",\"datePublished\":\"2025-06-25T17:25:54+00:00\",\"dateModified\":\"2025-06-26T18:17:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"accessibility\",\"Hub\",\"inclusion\",\"open data\",\"sites\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\",\"name\":\"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites Accessible design\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2025-06-25T17:25:54+00:00\",\"dateModified\":\"2025-06-26T18:17:16+00:00\",\"description\":\"Apply principles of accessibility so that everyone can use your sites and pages. Web content that is accessible matters for everyone.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites\"}]},{\"@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\/81f0c722223c97e59d855a3722a53f74\",\"name\":\"Katie Thompson\",\"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\/2019\/03\/Profile-150x150.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/Profile-150x150.jpg\",\"caption\":\"Katie Thompson\"},\"description\":\"Katie Thompson is a Product Marketing Manager at Esri who got her start with GIS during her undergraduate studies and holds a master's degree in urban and regional planning. Today, she focuses on creating content and messaging to help planners make the most of their GIS, especially through 3D tools like ArcGIS Urban and ArcGIS CityEngine.\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/kthompson\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites Accessible design","description":"Apply principles of accessibility so that everyone can use your sites and pages. Web content that is accessible matters for everyone.","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\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility","og_locale":"en_US","og_type":"article","og_title":"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites","og_description":"Apply principles of accessibility so that everyone can use your sites and pages. Web content that is accessible matters for everyone.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2025-06-26T18:17:16+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility"},"author":{"name":"Katie Thompson","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/81f0c722223c97e59d855a3722a53f74"},"headline":"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites","datePublished":"2025-06-25T17:25:54+00:00","dateModified":"2025-06-26T18:17:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility"},"wordCount":10,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["accessibility","Hub","inclusion","open data","sites"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility","name":"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites Accessible design","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2025-06-25T17:25:54+00:00","dateModified":"2025-06-26T18:17:16+00:00","description":"Apply principles of accessibility so that everyone can use your sites and pages. Web content that is accessible matters for everyone.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Design for accessibility in ArcGIS Hub and ArcGIS Enterprise Sites"}]},{"@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\/81f0c722223c97e59d855a3722a53f74","name":"Katie Thompson","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\/2019\/03\/Profile-150x150.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/03\/Profile-150x150.jpg","caption":"Katie Thompson"},"description":"Katie Thompson is a Product Marketing Manager at Esri who got her start with GIS during her undergraduate studies and holds a master's degree in urban and regional planning. Today, she focuses on creating content and messaging to help planners make the most of their GIS, especially through 3D tools like ArcGIS Urban and ArcGIS CityEngine.","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/kthompson"}]}},"text_date":"June 25, 2025","author_name":"Multiple Authors","author_page":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-hub\/uncategorized\/arcgis-hub-sites-designing-for-accessibility","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"ArcGIS Hub","tag_data":[{"term_id":28911,"name":"accessibility","slug":"accessibility","term_group":0,"term_taxonomy_id":28911,"taxonomy":"post_tag","description":"","parent":0,"count":72,"filter":"raw"},{"term_id":42691,"name":"Hub","slug":"hub","term_group":0,"term_taxonomy_id":42691,"taxonomy":"post_tag","description":"","parent":0,"count":28,"filter":"raw"},{"term_id":401952,"name":"inclusion","slug":"inclusion","term_group":0,"term_taxonomy_id":401952,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"},{"term_id":26221,"name":"open data","slug":"open-data","term_group":0,"term_taxonomy_id":26221,"taxonomy":"post_tag","description":"","parent":0,"count":218,"filter":"raw"},{"term_id":291542,"name":"sites","slug":"sites","term_group":0,"term_taxonomy_id":291542,"taxonomy":"post_tag","description":"","parent":0,"count":5,"filter":"raw"}],"category_data":[{"term_id":22781,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":22781,"taxonomy":"category","description":"","parent":0,"count":15,"filter":"raw"}],"product_data":[{"term_id":36811,"name":"ArcGIS Hub","slug":"arcgis-hub","term_group":0,"term_taxonomy_id":36811,"taxonomy":"product","description":"","parent":36591,"count":219,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=arcgis-hub","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/429272","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\/8122"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=429272"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/429272\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=429272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=429272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=429272"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=429272"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=429272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}