Latest Contributions by KlaraSchmitt

Today we've released a highly requested site capability that can help you improve your site for visitors who may have a visual impairment and cannot perceive color differences. The WCAG 2.1 criterion 1.4.1 Use of Color  emphasizes that color alone should not be used as the only visual method of signaling an action, conveying information, or prompting a response.    In the section relating to the failures of this success criterion, F73 states, "Link underlines or some other non-color visual distinction are required (when the links are discernible to those with color vision). While some links may be visually evident from page design and context, such as navigational links, links within text are often visually understood only from their own display attributes." Prior to this release, ArcGIS Hub has only underlined text on links during hover or focus. However, thanks to input from our customers and further review of the guidelines, we acknowledge that was insufficient. There is now an option under  Site > Settings > Interactions  that allows you to toggle on text underlining for all body links on the site’s layout and on any pages attached to the site.    However, not every link on your site will have an underline and here's why. According to G182, an application should ensure that additional visual cues are available when text color differences are used to convey information, but this is primarily important in the body content of a webpage wherein you have links mixed into plain text.     We use text underlining for any inline links that would rely on color alone; however, some of our body links already have other indicators, like icons or border-outlines. Links in some sections of the layout, such as our header and global navbar, do not have underlines because the sections are not mixed content. Everything within navigation is clickable, regardless of color.   The link underline capability will be turned on by default for all newly created sites, but if you are the author of an existing site, you will have to manually enable it if it's functionality you desire. ... View more

With the release of our new content views, you may be taking a fresh look at your content and wondering how certain theme elements get applied.   In both the Full Details and Explore views of your content, we use Body Background Color, Body Text Color, Body Link Color, Button Background Color, and Button Text Color from your theme for the main portion of your content.   Buttons   Buttons that are considered primary actions will use your Button Background and Button Text colors from your theme and will display with a solid fill.   Buttons that are considered secondary actions will be outlined using your Body Link Color, contain text using Body Link Color, and will use your site Body Background Color as the button background. We use link color and background color for secondary buttons in order to give you a different visual style, while still maintaining legibility and contrast.   Tertiary actions are downplayed by using Body Text Color with Body Background Color to offer a more neutral effect. Most do have a border that changes to link color on mouse hover or when displaying keyboard focus.   Tabs We have two styles of tabs: vertical, as seen with our In-Page Actions Menu and horizontal, as seen in Filters on the Explore content view.   Vertical tabs use Body Link Color for their background fill and Body Background Color for icons or text, and then display the inverse for active selection. Panels opened through In-Page Actions use the same background, text, and link colors as the site, except for Downloads, which uses a different style of card that presently cannot be themed (but we're working on changing that!)   Horizontal tabs use Body Link Color for text and a thick bottom border to indicate active selection, and the same set of colors four mouse hover state and keyboard focus state for non-active selections.   Where Theme is Not Applied Historically, we've had difficulties trying to apply theme to tables, since there are two colors need for the alternating rows. It's difficult to ensure proper contrast will be met when opacity is involved on non-disabled content. This is the reason tables are grayscale and do not theme.   We also do not theme map controls or tooltips, since both overlay content. Basemaps can be customized in site settings and can be very vibrant. Sticking with simple colors on these controls makes them more likely to stand-out and less likely to clash with your theme.   Checkboxes and radios use white as the background color for their shape, but use Body Link Color to indicate active selection or keyboard focus. However, if your site uses a dark background, we recognize your link color may be lighter in nature and less legible on white, so we darken it a smidge to improve contrast. ... View more

Today we released a redesign to how ArcGIS Hub displays content for individual items. As part of this redesign, we've implemented full-screen displays that have only a very simple header. This allows visitors interacting with your content the maximum amount of space to explore.   Standard/Prominent headers If your site uses one of our dynamic header options, the simple header will use: the logo and/or name you've provided within the Branding section of your site's Header settings theming inherited from the Header Background Color and Header Text Color within your site's Theme a link to the search catalog And if you have Global Nav turned on, we've made sure that Sign In is also available.   Custom headers For those using Custom Headers, you will now see a Branding section between your radio selection of Custom HTML/CSS and the code editors within the site's Header section. This can be used to set the logo or name that you wish to see in the simple header on the full-screen layout. You will also likely need to set colors for the Header in your site using the Theme panel, as unfortunately, we cannot auto-detect what colors you are currently using in your custom code for your Custom Header. ... View more