CINXE.COM
Web Accessibility - Web Accessibility | Salt Lake County
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Salt Lake County is committed to providing information to residents and visitors with a website experience that is accessible to everyone" /> <meta property="og:description" content=" Salt Lake County is committed to providing information to residents and visitors with a website experience that is accessible to everyone" /> <meta property="og:title" content="Web Accessibility" /> <meta property="og:url" content="https://www.saltlakecounty.gov/accessibility/" /> <meta property="article:published_time" content="2022-04-11T13:14:33.0000000-06:00" /> <meta propery="idio:saved_time" content="2024-10-30T14:00:03.0000000-06:00" /> <meta propery="idio:page_type" content="Niftic_Page" /> <meta propery="idio:page_lang" content="en" /> <meta propery="idio:page_disable" content="False" /> <meta property="og:image" content="https://www.saltlakecounty.gov/globalassets/1-site-files/front-page/defaultfbshare.jpg" /> <!-- Begin Google Analytics --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-79HTXVPC2S"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-79HTXVPC2S'); </script> <!--End Google Analytics --> <!--Begin MSClarity--> <script type="text/javascript"> (function (c, l, a, r, i, t, y) { c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); })(window, document, "clarity", "script", "nh6kzssq39"); </script> <!--End MSClarity--> <link href="https://www.saltlakecounty.gov/accessibility/" rel="canonical" /> <link href="https://slco.org/accessibility/" hreflang="en" rel="alternate"/> <link href="https://slco.org/es/accesibilidad/" hreflang="es" rel="alternate"/> <Title>Web Accessibility - Web Accessibility | Salt Lake County</Title> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#b91d47"> <meta name="theme-color" content="#ffffff"> <link rel='stylesheet' type='text/css' data-f-resource='EPiServerForms.css' href='/Util/EPiServer.Forms/EPiServerForms.css' /> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A="> !function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{src: "https://js.monitor.azure.com/scripts/b/ai.2.gbl.min.js", crossOrigin: "anonymous", cfg: { instrumentationKey:'0acf2678-74e3-4dd6-86e8-fca3359f5830', disableCookiesUsage: false }}); </script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A="> var epi = epi||{}; epi.EPiServer = epi.EPiServer||{}; epi.EPiServer.Forms = epi.EPiServer.Forms||{}; epi.EPiServer.Forms.InjectFormOwnJQuery = true;epi.EPiServer.Forms.OriginalJQuery = typeof jQuery !== 'undefined' ? jQuery : undefined; </script> <link href="/scss/styles.min.css" rel="stylesheet"> </head> <body> <a href="#skipto" class="visually-hidden-focusable">Skip to main content</a> <header class="sticky-top"> <div class="container"> <nav class="navbar navbar-expand-lg " role="navigation" id="MainNavigation" aria-label="Main Navigation"> <div class="container"> <a class="navbar-brand" href="/"> <img src="/svg/slcoHozLogoColor.svg" alt="Salt Lake County Home Page" class="Logo d-inline-block align-text-top" /> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main-nav" aria-label="Open Navigation"> <i class="fa-solid fa-bars"></i> </button> <div class="collapse navbar-collapse" id="main-nav"> <ul class="navbar-nav w-100" role="menubar" id="mainMenuBar"> <li class="nav-item dropdown has-megamenu" role="menuitem"> <a class="nav-link dropdown-toggle" id="ResMenuLink" href="#ResMenu" data-parent="#MainNavigation" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" aria-controls="ResMenu ">Residents & Services</a> <div class="dropdown-menu megamenu mainMenuItem accessiblePanel" role="menu" id="ResMenu"> <div class="container"> <div class="row"> <div class="col-12 col-sm-6 col-lg-3 panel-group"> <ul> <li><a href="/parks-fitness-recreation/">Parks, Fitness, & Recreation</a></li> <li><a href="/arts-culture-science/">Arts, Culture & Science</a></li> <li><a href="/reservation-rentals/">Reservation & Rentals</a></li> <li><a href="/landfill-recycling/">Landfill & Recycling</a></li> <li><a href="https://www.slcolibrary.org/">Libraries</a></li> <li><a href="/aging-adult-services/">Older Adults</a></li> <li><a href="/report-something/">Report Something</a></li> </ul> </div> <div class="col-12 col-sm-6 col-lg-3 panel-group"> <ul> <li><a href="/animals-pets/">Animals & Pets</a></li> <li><a href="/clerk/marriage/">Marriage</a></li> <li><a href="/clerk/elections/">Voting</a></li> <li><a href="/people-with-disabilities/">People with Disabilities</a></li> <li><a href="/get-involved/">Get Involved</a></li> <li><a href="/assistance-programs-services/">Assistance Programs & Services</a></li> </ul> </div> </div> </div> </div> </li> <li class="nav-item dropdown has-megamenu" role="menuitem"> <a class="nav-link dropdown-toggle" id="GovMenuLink" data-parent="#MainNavigation" data-bs-toggle="dropdown" href="#GovMenu" role="button" aria-expanded="false" aria-haspopup="true" aria-controls="GovMenu">Government</a> <div class="dropdown-menu megamenu mainMenuItem accessiblePanel" role="menu" id="GovMenu"> <div class="container"> <div class="row"> <div class="col-12 col-sm-6 col-lg-3 panel-group "> <ul> <li><a href="/mayor/">Mayor's Office</a></li> <li><a href="/council/">County Council and Legislation</a></li> <li><a href="/elected-officials/">Elected Officials</a></li> <li><a href="/finance/">Finance, Budgets & Accounting</a></li> <li><a href="/county-government-overview/">County Government Overview</a></li> <li><a href="/legal-justice/">Legal & Justice</a></li> <li><a href="/public-health/">Public Health</a></li> </ul> </div> <div class="col-12 col-sm-6 col-lg-3 panel-group "> <ul> <li><a href="/treasurer/property-taxes/">Pay Property Taxes</a></li> <li><a href="/property-information-taxes/">Property Information & Taxes</a></li> <li><a href="/public-meetings/">Public Meetings and Notices</a></li> <li><a href="/air-water-and-the-environment/">Air, Water, and the Environment</a></li> <li><a href="/clerk/passport/">Passport Applications</a></li> <li><a href="/policies/">Policies/Ordinances</a></li> <li><a href="https://saltlakecountyut.nextrequest.com/">Submit a GRAMA request</a></li> <li><a href="https://careers-slco.icims.com/">Find a Job</a></li> </ul> </div> </div> </div> </div> </li> <li class="nav-item dropdown has-megamenu" role="menuitem"> <a class="nav-link dropdown-toggle" id="BusMenuLink" data-parent="#MainNavigation" data-bs-toggle="dropdown" href="#BusMenu" role="button" aria-expanded="false" aria-haspopup="true" aria-controls="BusMenu">Business</a> <div class="dropdown-menu megamenu mainMenuItem accessiblePanel" role="menu" id="BusMenu"> <div class="container"> <div class="row"> <div class="col-12 col-sm-6 panel-group "> <ul class="colMenu"> <li><a href="/doing-business-with-salt-lake-county/">Doing Business with Salt Lake County</a></li> <li><a href="/business-resources/">Business Resources</a></li> <li><a href="/business-taxes-regulations/">Business Taxes & Regulations</a></li> <li><a href="/business-licenses-permitting/">Business Licenses & Permitting</a></li> <li><a href="/zoning-construction-permits/">Zoning, Construction & Permits</a></li> <li><a href="/report-something/">Report Something</a></li> </ul> </div> </div> </div> </div> </li> <li role="menuitem"> <a class="nav-link dropdown-toggle" id="NewsMenuLink" data-parent="#MainNavigation" href="/newsroom/">News & Events</a> </li> <li class="nav-item dropdown has-megamenu" role="menuitem"> <a class="nav-link dropdown-toggle" id="ContactMenuLink" data-parent="#MainNavigation" data-bs-toggle="dropdown" href="#ContactMenu" role="button" aria-expanded="false" aria-haspopup="true" aria-controls="ContactMenu">Contact</a> <div class="dropdown-menu megamenu mainMenuItem accessiblePanel" role="menu" id="ContactMenu"> <div class="container"> <div class="row"> <div class="col-12 col-sm-6 panel-group "> <ul> <li><a href="/contact-directory/">Contact Directory</a></li> <li><a href="/emergency-help-lines/">Emergency Help Lines</a></li> <li><a href="/get-involved/">Get Involved</a></li> <li><a href="/report-something/">Report Something</a></li> </ul> </div> </div> </div> </div> </li> <li class="nav-item dropdown has-megamenu" role="menuitem"> <a class="nav-link dropdown-toggle" id="SearchMenuLink" href="/search-discover/"><span class="fa-solid fa-magnifying-glass d-none d-lg-inline"></span> Search & Discover</a> </li> <li class="nav-item dropdown has-megamenu ms-left ms-md-auto" role="menuitem"> <a class="nav-link dropdown-toggle " data-bs-toggle="dropdown" href="#" aria-label="Accessiblity Options" id="accessiblityLink" aria-expanded="false"><span class="d-inline d-lg-none">Accessibility</span><span class="fak fa-slco-accessibility d-none d-lg-inline"> </span> <span class="d-none d-lg-inline"><i class="fa-solid fa-chevron-down"></i></span> </a> <div class="mIgnore dropdown-menu megamenu mainMenuItem accessiblePanel" role="menu" id="AcessiblityMenu"> <div class="container"> <div class="row justify-content-between"> <div class="col-12 col-sm-4 panel-group"> <p class="fakeHeader"> Text Size </p> <div class="d-flex justify-content-between"> <div class="form-check"> <label class="form-check-label" for="textsize16" style="font-size:16px" aria-label="font size 16"> A </label> <input class="form-check-input" type="radio" value="16" name="TextSizeRadio" id="textsize16" checked> </div> <div class="form-check"> <label class="form-check-label" for="textsize18" style="font-size:18px" aria-label="font size 18"> A </label> <input class="form-check-input" type="radio" value="18" name="TextSizeRadio" id="textsize18"> </div> <div class="form-check"> <label class="form-check-label" for="textsize20" style="font-size:20px" aria-label="font size 20"> A </label> <input class="form-check-input" type="radio" value="20" name="TextSizeRadio" id="textsize20"> </div> <div class="form-check"> <label class="form-check-label" for="textsize22" style="font-size:22px" aria-label="font size 22"> A </label> <input class="form-check-input" type="radio" value="22" name="TextSizeRadio" id="textsize22"> </div> <div class="form-check"> <label class="form-check-label" for="textsize24" style="font-size:24px" aria-label="font size 24"> A </label> <input class="form-check-input" type="radio" value="24" name="TextSizeRadio" id="textsize24"> </div> </div> </div> <div class="col-12 col-sm-6 panel-group"> <p class="fakeHeader"> Language</p> <ul id="Lang" class="mIgnore"> <li id="es" class="hasLang"><a href="/es/accesibilidad/" hreflang="es" rel="alternate"/>espa帽ol</a></li> </ul> </div> </div> </div> </div><!-- end acessiblity menu --> </li> </ul><!-- end left hand menu --> </div> </div> </nav> </div> </header><!-- end header + main nav--><section class="banner" aria-label="Banner"> <div class="container"> <div class="alert-container"> </div> <div class="d-flex flex-column flex-md-row align-items-start align-items-md-center"> <h1 class="PageHeader">Web Accessibility</h1> </div> </div> </section><!-- end Banner --> <section class="py-2" role="navigation"> <div class="container"> <nav aria-label="breadcrumb" class="accMenu"> <ol class="breadcrumb am" id="Breadcrumb" aria-label="breadcrumbs"> <li class="breadcrumb-item am-item"><a href="/">SLCo</a></li> <li class="breadcrumb-item active" aria-current="page"> Web Accessibility </li> </ol> </nav> </div> </section> <section class="main mb-5"> <div class="container"> <div id="skipto" class="visually-hidden"></div> <div class="row align-items-start"> <main class="col-12 col-lg-8"> <div id="AddressM" class="d-flex d-lg-none row row-cols-1 row-cols-md-2"> </div> <section class="quickLinks" aria-labelledby="FrontQuicklinksTitle"> <h2 id="FrontQuicklinksTitle">Links</h2> <div id="FrontResourcesMenu"> <div class="row row-cols-1 row-cols-md-2 g-4 mb-5 resources"><div class="col"> <a href="/accessibility/#Reporting" aria-describedby="Quicklink-44918" class="card quicklink"> <div class="card-body wFlex"> <div class="content"> <span class="card-text" id="Quicklink-44918">Report Problems</span> </div> <div class="icon d-flex align-items-center"> <div class="align-self-center"> <span class="fak fa-slco-arrow" aria-hidden="true"> </span> </div> </div> </div> </a> </div><div class="col"> <a href="/accessibility/#Expanded" aria-describedby="Quicklink-44919" class="card quicklink"> <div class="card-body wFlex"> <div class="content"> <span class="card-text" id="Quicklink-44919">Expanded Version</span> </div> <div class="icon d-flex align-items-center"> <div class="align-self-center"> <span class="fak fa-slco-arrow" aria-hidden="true"> </span> </div> </div> </div> </a> </div><div class="col"> <a href="/non-discrimination/" aria-describedby="Quicklink-44921" class="card quicklink"> <div class="card-body wFlex"> <div class="content"> <span class="card-text" id="Quicklink-44921">Non-Discrimination / ADA</span> </div> <div class="icon d-flex align-items-center"> <div class="align-self-center"> <span class="fak fa-slco-arrow" aria-hidden="true"> </span> </div> </div> </div> </a> </div><div class="col"> <a href="/non-discrimination/ada-section-504/" aria-describedby="Quicklink-44922" class="card quicklink"> <div class="card-body wFlex"> <div class="content"> <span class="card-text" id="Quicklink-44922">ADA & Section 504</span> </div> <div class="icon d-flex align-items-center"> <div class="align-self-center"> <span class="fak fa-slco-arrow" aria-hidden="true"> </span> </div> </div> </div> </a> </div></div> </div> </section> </main> <aside class="d-none d-lg-flex col-lg-4 flex-column align-items-center align-items-md-start align-items-lg-end"> </aside> <div class="col-12 col-lg-8"> </div> </div> <!-- end main row--> </div> </section> <div> <section class="stack" aria-labelledBy=StackHeader-459> <div class="stackHead bg-color"> <div class="container"> <div class="row"> <div class="col-12 col-md-8"> <h2 id="StackHeader-459">Web Accessibility - The short version</h2> <div class="tXl stackText"> <p>Some people have challenges with seeing, moving, hearing or thinking. Some people do not have good computers, phones or fast internet. Some people might have other kinds of challenges too. But everyone should be able to use Salt Lake County's website.To help make sure everyone can use our website, we will follow these guidelines:</p> <h3>Design </h3> <p>Our website will have features that make it easier to read and understand. We know that some people have challenges with seeing or hearing. Other people have challenges with moving their body, or with thinking. We will use colors so that people will be able to see our site better. We will let people change the text, so it can be bigger or smaller. If we find out about other things that could help people, we will try to use them. </p> <h3>Computer Tools </h3> <p>We will use computer programs and tools to help as many people as we can. We want everyone to get information from our website. We will show file sizes to help people with issues like slow internet.</p> <h3>Understanding </h3> <p>We will try to make our website easy for most people to read and understand. We will try to make the words as easy as we can. When we use links, we want you to know what it will take you to. Links to information will be easy to understand. Audio and video files will have a readable version, if we have it. People who cannot see or hear can use their tools on our website. Most people who speak other languages will be able to read our website in their language.</p> <h3>Guidelines </h3> <p>There are some guidelines that keep our website easy to use and understand. We test our website to check that we are following these guidelines called <a href="https://www.w3.org/TR/WCAG20/">WCAG 2.0</a> and <a href="https://www.w3.org/TR/WCAG21/">2.1</a>. </p> <h3>Problems </h3> <p>If you or someone you know has trouble with our website, please let us know. You can <a href="/accessibility/#Reporting">fill out the form below,</a> call 385-468-0570, or email accessibility@slco.org.</p> <p>To help us fix a problem, please tell us as much as you can about it. Tell us the page name, department name, and where on the page the problem is. </p> <p>Let us know what the problem is, too. Tell us if the colors or text are hard to see. Or if you can't use the keyboard to move around. If you want to know when we fix a problem, tell us your name and give us your phone number or email. </p> <p>Please don't report things like broken links or other web preblems here. Use the special link at the bottom of the page called "Comments about this page". You can search our site to find what you need by clicking "Search" at the top of the page. Please don't send us comments about general things or political opinions. The web team can't help with things like paying taxes or pool hours.</p> <p>We are here to help if there is a problem using our website. You can find the right place to send other kinds of comments on the <a href="/contact-directory/">Contact SLCo</a> page.</p></div> </div> </div> </div> </div> </section> </div><div> <section id=Expanded class="stack" aria-labelledBy=StackHeader-460> <div class="stackHead bg-color"> <div class="container"> <div class="row"> <div class="col-12 col-md-8"> <h2 id="StackHeader-460">Accessibility Statement - Expanded</h2> <div class="tXl stackText"> <p>Salt Lake County is committed to providing information to residents and visitors with a website experience that is accessible to everyone, including users who experience any disability, including those of sight, hearing, neurological, motor or other challenges that affects their capacity to access and understand the information presented on our website. This can also mean users who experience other barriers such as technological, economic, or other challenges not covered by this statement.</p> <p>To the best of our ability, we will adhere to the following guideline areas:</p> <h3>Design</h3> <p>Websites will be presented with design standards that allow for visual, motor, neurological, or other barriers to access information. In general, this means that our sites will be presented with a design that considers color standards (contrast), screen size (responsiveness), the ability to adjust font size as needed, and other design methods that increase readability and understanding.</p> <h3>Technology</h3> <p>We will use technological platforms that adhere to the highest levels of accessibility as reasonable and provide the broadest audience of users the ability to obtain information from our websites. We will do our best to ensure that downloads are marked with the file size to allow users with a metered connection to avoid downloading large files.</p> <h3>Comprehension</h3> <p>Information will be displayed in a way that allows the most users to read and understand it to the best of their ability. We commit to using natural, non-technical language and to avoid confusing jargon or acronyms where we can. Links to information will be displayed using simple, relevant text, and where they are available, audio and video files will have attached transcripts. Where available, translation into other languages will be provided.</p> <h3>Accessibility</h3> <p>In general, the guidelines we follow are established by the WC3 and are known as <a title="WCAG 2.0 " href="https://www.w3.org/TR/WCAG20/">WCAG 2.0</a> and <a title="WCAG 2.1" href="https://www.w3.org/TR/WCAG21/">2.1</a>. We will perform frequent testing of our websites and content to ensure that these guidelines are followed.</p> <h3>Reporting</h3> <p>If you or someone you know is having problems accessing information, please tell us about it – either using the form below, or by calling 385-468-0570.</p> <p>When reporting issues, please include as much information as possible, so that we can locate the problem and correct it. This includes the page name, department name, approximate location on the page, or other identifying information including the nature of the issue (color, contrast, keyboard browsing, for example) .</p> <p>If you would like to be notified about the resolution to your problem, if any, please include your name and preferred method of contact.</p> <p> </p></div> </div> </div> </div> </div> </section> </div><div> <section id=Reporting class="stack" > <div class="stackHead bg-color"> <div class="container"> <div class="row"> <div class="col-12 col-md-8"> </div> <div class="col-12"> <div class="pb-5"><div> <div method="post" data-f-metadata="" class="EPiServerForms ValidationSuccess" data-f-type="form" role="form" aria-labelledby="d94ffa01-5740-45e0-9a46-ce6475234a3e_label" id="d94ffa01-5740-45e0-9a46-ce6475234a3e"> <script type="text/javascript"> // This view acts as a rendering template to render InitScript(and server-side Form's descriptor) in FormContainerBlock's client-side for Form[d94ffa01-5740-45e0-9a46-ce6475234a3e]. // TECHNOTE: all serverside (paths, dynamic values) of EPiServerForms will be transfered to client side here in this section. (function initializeOnRenderingFormDescriptor() { // each workingFormInfo is store inside epi.EPiServer.Forms, lookup by its FormGuid var workingFormInfo = epi.EPiServer.Forms["d94ffa01-5740-45e0-9a46-ce6475234a3e"] = { Id: "d94ffa01-5740-45e0-9a46-ce6475234a3e", Name: "Accessibility", // whether this Form can be submitted which relates to the visitor's data (cookie, identity) and Form's settings (AllowAnonymous, AllowXXX) SubmittableStatus: {"submittable":true,"message":""}, ConfirmMessage: "", ResetConfirmMessage: "", ShowNavigationBar: false, FocusOnForm: false, ShowSummarizedData: false, // serialize the dependency configuration of this form to clientside DependenciesInfo: JSON.parse("[{\"fieldName\":\"__field_36401\",\"action\":{\"displayName\":\"Shown\",\"name\":\"EPiServer.Forms.Core.Internal.Dependency.ShowAction\",\"order\":1,\"clientsideAction\":\"show\"},\"conditionCombination\":\"All\",\"conditions\":[{\"fieldName\":\"__field_36399\",\"operator\":\"Equals\",\"fieldValue\":\"Other\"}]}]"), // keep all fieldName which are not satisfied the field dependency conditions DependencyInactiveElements: [], // Validation info, for executing validating on client side ValidationInfo: JSON.parse("[{\"targetElementName\":\"__field_36398\",\"targetElementId\":\"9f4477d7-ad1f-4ace-9172-dc5e78aa95b4\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.UrlValidator\",\"description\":null,\"model\":{\"jsPattern\":\"^(http:\\\\/\\\\/www\\\\.|https:\\\\/\\\\/www\\\\.|http:\\\\/\\\\/|https:\\\\/\\\\/)?[a-z0-9]+([\\\\-\\\\.]{1}[a-z0-9]+)*\\\\.[a-z]{2,5}(:[0-9]{1,5})?(\\\\/.*)?$\",\"dotNetPattern\":\"^(http:\\\\/\\\\/www\\\\.|https:\\\\/\\\\/www\\\\.|http:\\\\/\\\\/|https:\\\\/\\\\/)?[a-z0-9]+([\\\\-\\\\.]{1}[a-z0-9]+)*\\\\.[a-z]{2,5}(:[0-9]{1,5})?(\\\\/.*)?$\",\"message\":\"Enter a valid URL.\",\"validationCssClass\":null,\"additionalAttributes\":null}},{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"This field is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_36399\",\"targetElementId\":\"e5fee6f3-0313-4553-b21d-2756bc903a06\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"This field is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_36401\",\"targetElementId\":\"d296a64d-37b0-40a7-bd2c-6a3566c489f9\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"This field is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_463\",\"targetElementId\":\"4239bbc7-dca1-43c0-9a4a-ea7edb55e5b2\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.RequiredValidator\",\"description\":null,\"model\":{\"message\":\"The Problem Area field above is required.\",\"validationCssClass\":\"ValidationRequired\",\"additionalAttributes\":{\"required\":\"\",\"aria-required\":\"true\"}}}]},{\"targetElementName\":\"__field_465\",\"targetElementId\":\"63fd4f6f-5d63-40e2-ba3e-61bc59942655\",\"validators\":[{\"type\":\"EPiServer.Forms.Implementation.Validation.EmailValidator\",\"description\":null,\"model\":{\"jsPattern\":\"^((([a-zA-Z]|\\\\d|[!#\\\\$%\u0026\u0027\\\\*\\\\+\\\\-\\\\/=\\\\?\\\\^_`{\\\\|}~]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])+(\\\\.([a-zA-Z]|\\\\d|[!#\\\\$%\u0026\u0027\\\\*\\\\+\\\\-\\\\/=\\\\?\\\\^_`{\\\\|}~]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])+)*)|((\\\\x22)((((\\\\x20|\\\\x09)*(\\\\x0d\\\\x0a))?(\\\\x20|\\\\x09)+)?(([\\\\x01-\\\\x08\\\\x0b\\\\x0c\\\\x0e-\\\\x1f\\\\x7f]|\\\\x21|[\\\\x23-\\\\x5b]|[\\\\x5d-\\\\x7e]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(\\\\\\\\([\\\\x01-\\\\x09\\\\x0b\\\\x0c\\\\x0d-\\\\x7f]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF]))))*(((\\\\x20|\\\\x09)*(\\\\x0d\\\\x0a))?(\\\\x20|\\\\x09)+)?(\\\\x22)))@((([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])([a-zA-Z]|\\\\d|-|\\\\.|_|~|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])*([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])))\\\\.)+(([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])([a-zA-Z]|\\\\d|-|\\\\.|_|~|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])*([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])))$\",\"dotNetPattern\":\"^((([a-zA-Z]|\\\\d|[!#\\\\$%\u0026\u0027\\\\*\\\\+\\\\-\\\\/=\\\\?\\\\^_`{\\\\|}~]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])+(\\\\.([a-zA-Z]|\\\\d|[!#\\\\$%\u0026\u0027\\\\*\\\\+\\\\-\\\\/=\\\\?\\\\^_`{\\\\|}~]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])+)*)|((\\\\x22)((((\\\\x20|\\\\x09)*(\\\\x0d\\\\x0a))?(\\\\x20|\\\\x09)+)?(([\\\\x01-\\\\x08\\\\x0b\\\\x0c\\\\x0e-\\\\x1f\\\\x7f]|\\\\x21|[\\\\x23-\\\\x5b]|[\\\\x5d-\\\\x7e]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(\\\\\\\\([\\\\x01-\\\\x09\\\\x0b\\\\x0c\\\\x0d-\\\\x7f]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF]))))*(((\\\\x20|\\\\x09)*(\\\\x0d\\\\x0a))?(\\\\x20|\\\\x09)+)?(\\\\x22)))@((([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])([a-zA-Z]|\\\\d|-|\\\\.|_|~|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])*([a-zA-Z]|\\\\d|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])))\\\\.)+(([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])|(([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])([a-zA-Z]|\\\\d|-|\\\\.|_|~|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])*([a-zA-Z]|[\\\\u00A0-\\\\uD7FF\\\\uF900-\\\\uFDCF\\\\uFDF0-\\\\uFFEF])))$\",\"message\":\"Enter a valid email address aboce.\",\"validationCssClass\":null,\"additionalAttributes\":null}}]},{\"targetElementName\":\"__field_470\",\"targetElementId\":\"258df468-2015-4b7b-9942-a7c7fe830e42\",\"validators\":[{\"type\":\"SlcoOpti.Features.Forms.ElementBlocks.RecaptchaValidator\",\"description\":null,\"model\":{\"message\":\"Failed captcha validation\",\"validationCssClass\":null,\"additionalAttributes\":null}}]}]"), // Steps information for driving multiple-step Forms. StepsInfo: { Steps: [{"index":0,"attachedUrl":"","dependField":null,"dependCondition":null,"isActive":true,"attachedContentLink":"","dependValue":"","elementName":"__field_","guid":"00000000-0000-0000-0000-000000000000"}] }, FieldsExcludedInSubmissionSummary: [], ElementsInfo: JSON.parse("{\"__field_471\":{\"type\":\"EPiServer.Forms.Implementation.Elements.ParagraphTextElementBlock\",\"friendlyName\":\"Web Accessibility Form - text\",\"customBinding\":false},\"__field_36398\":{\"type\":\"EPiServer.Forms.Implementation.Elements.UrlElementBlock\",\"friendlyName\":\"Webpage with issue\",\"customBinding\":false},\"__field_36399\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SelectionElementBlock\",\"friendlyName\":\"Accessibility Issue\",\"customBinding\":false},\"__field_36401\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Other Issue\",\"customBinding\":false},\"__field_463\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextareaElementBlock\",\"friendlyName\":\"Problem Area\",\"customBinding\":false},\"__field_464\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Name\",\"customBinding\":false},\"__field_465\":{\"type\":\"EPiServer.Forms.Implementation.Elements.TextboxElementBlock\",\"friendlyName\":\"Email\",\"customBinding\":false},\"__field_469\":{\"type\":\"SlcoOpti.Features.Forms.ElementBlocks.PhoneNumberElementBlock\",\"friendlyName\":\"Phone Number (optional)\",\"customBinding\":false},\"__field_470\":{\"type\":\"SlcoOpti.Features.Forms.ElementBlocks.Nifitic_Recaptcha\",\"friendlyName\":\"Niftic Recaptcha\",\"customBinding\":false},\"__field_468\":{\"type\":\"EPiServer.Forms.Implementation.Elements.SubmitButtonElementBlock\",\"friendlyName\":\"Submit\",\"customBinding\":false}}"), DataSubmitController: "/EPiServer.Forms/DataSubmit", }; /// TECHNOTE: Calculation at FormInfo level, and these values will be static input for later processing. workingFormInfo.StepsInfo.FormHasNoStep_VirtualStepCreated = true; // this FLAG will be true, if Editor does not put any FormStep. Engine will create a virtual step, with empty GUID workingFormInfo.StepsInfo.FormHasNothing = false; // this FLAG will be true if FormContainer has no element at all workingFormInfo.StepsInfo.AllStepsAreNotLinked = true; // this FLAG will be true, if all steps all have contentLink= ="" (emptyString) epi.EPiServer.SystemSettings = { RequestVerification: { FormFieldName: "__RequestVerificationToken", HeaderName: "RequestVerificationToken" } }; })(); </script> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormGuid" value="d94ffa01-5740-45e0-9a46-ce6475234a3e" data-f-type="hidden" /> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormHostedPage" value="456" data-f-type="hidden" /> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormLanguage" value="en" data-f-type="hidden" /> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormCurrentStepIndex" value="0" data-f-type="hidden" /> <input type="hidden" class="Form__Element Form__SystemElement FormHidden FormHideInSummarized" name="__FormSubmissionId" value="" data-f-type="hidden" /> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8CVNsZZOGk1KuZqlFTPtrT2v-kP3QBhc25BDwUTwNjAMJ2go2DqMz_JhElYQCBQq-exnxi25q2vpWKyaJHPjSH5HmsgT8wdpW1Flt39HFNrh5u9qQZQF6O2ygzOzTLt_BBy5VW11SQ8AtoSh75ZFUZM" /> <h3 class="Form__Title pt-3 pb-3" id="d94ffa01-5740-45e0-9a46-ce6475234a3e_label">Web Accessibility Reporting</h3> <div class="Form__Status"> <div role="status" class="Form__Status__Message hide" data-f-form-statusmessage> </div> </div> <div data-f-mainbody class="Form__MainBody"> <section id="__field_" data-f-type="step" data-f-element-name="__field_" class="Form__Element FormStep Form__Element--NonData " data-f-stepindex="0" data-f-element-nondata> <!-- Each FormStep groups the elements below it til the next FormStep --> <div class="Form__Element FormParagraphText Form__Element--NonData col-12" data-f-element-name="__field_471" data-f-element-nondata=""> <div id="cfc505ff-d044-40aa-93ff-4f3c15912f79" > <p><strong>Do not report general web issues such as broken links or other errors here. </strong></p> <p>Use the "Comments about this page" links on the bottom of the page with the issue.</p> <p><strong>Do not send unrelated comments, political opinions or general questions to this form.</strong></p> <p>Please visit the contact page to find who to contact with your issue.</p> </div> <div id="cfc505ff-d044-40aa-93ff-4f3c15912f79__OriginalText" class="Form__Original__ParagraphText"> <p><strong>Do not report general web issues such as broken links or other errors here. </strong></p> <p>Use the "Comments about this page" links on the bottom of the page with the issue.</p> <p><strong>Do not send unrelated comments, political opinions or general questions to this form.</strong></p> <p>Please visit the contact page to find who to contact with your issue.</p> </div> </div> <div class="Form__Element FormTextbox FormTextbox--Url col-md-3 col-12 ValidationRequired" data-f-element-name="__field_36398" data-f-modifier="url" data-f-type="textbox"> <label for="9f4477d7-ad1f-4ace-9172-dc5e78aa95b4" class="Form__Element__Caption h5">Webpage with the issue</label> <input name="__field_36398" id="9f4477d7-ad1f-4ace-9172-dc5e78aa95b4" type="url" class="form-control FormTextbox__Input FormUrl__Input" placeholder="" title="Which county webpage did you find the issue on?" required aria-required="true" data-f-datainput aria-describedby="__field_36398_desc" aria-invalid="false" /> <span class="Form__Element__ValidationError" data-f-linked-name="__field_36398" data-f-validationerror="" id="__field_36398_desc" role="alert" style="display:none"></span></div> <div class="Form__Element FormSelection col-md-3 col-12 ValidationRequired" data-f-element-name="__field_36399" data-f-type="selection"> <label for="e5fee6f3-0313-4553-b21d-2756bc903a06" class="Form__Element__Caption h5">Accessibility Issue </label> <select class="form-select" name="__field_36399" id="e5fee6f3-0313-4553-b21d-2756bc903a06" required aria-required="true" data-f-datainput aria-describedby="__field_36399_desc" aria-invalid="false" autocomplete="off"> <option disabled="disabled" selected="selected" value=""> Type of issue </option> <option value="Low Color Contrast - Hard to See" data-f-datainput>Low Color Contrast - Hard to See</option> <option value="Difficult to read text" data-f-datainput>Difficult to read text</option> <option value="Unclear Link Text" data-f-datainput>Unclear Link Text</option> <option value="Unable to understand image" data-f-datainput>Unable to understand image</option> <option value="Keyboard Navigation stuck" data-f-datainput>Keyboard Navigation stuck</option> <option value="Hard to Navigate Form" data-f-datainput>Hard to Navigate Form</option> <option value="Unable to access something" data-f-datainput>Unable to access something</option> <option value="Other" data-f-datainput>Other</option> </select> <span class="Form__Element__ValidationError" data-f-linked-name="__field_36399" data-f-validationerror="" id="__field_36399_desc" role="alert" style="display:none"></span></div> <div class="Form__Element FormTextbox col-md-3 col-12 ValidationRequired hide" data-f-element-name="__field_36401" data-f-type="textbox"> <label for="d296a64d-37b0-40a7-bd2c-6a3566c489f9" class="Form__Element__Caption h5">Which issue did you find?</label> <input name="__field_36401" id="d296a64d-37b0-40a7-bd2c-6a3566c489f9" type="text" class="form-control FormTextbox__Input" aria-describedby="__field_36401_desc" placeholder="Please explain which other issue" required aria-required="true" data-f-datainput autocomplete="off" /> <span class="Form__Element__ValidationError" data-f-linked-name="__field_36401" data-f-validationerror="" id="__field_36401_desc" role="alert" style="display:none"></span></div> <div class="Form__Element col-md-6 col-12 FormTextbox FormTextbox--Textarea ValidationRequired" data-f-element-name="__field_463" data-f-modifier="textarea" data-f-type="textbox"> <label for="4239bbc7-dca1-43c0-9a4a-ea7edb55e5b2" class="Form__Element__Caption h5">Problem Area (required)</label> <textarea name="__field_463" id="4239bbc7-dca1-43c0-9a4a-ea7edb55e5b2" class="form-control FormTextbox__Input" placeholder="Please tell us as much as you can about the problem. Tell us where it is - like a link, a page name or a department. And let us know what kind of issue it is. It could be something like color, contrast, or keyboard navigation." data-f-label="Problem Area (required)" data-f-datainput title="What is the problem?" required aria-required="true" aria-describedby="__field_463_desc" aria-invalid="false" autocomplete="off"></textarea> <span class="Form__Element__ValidationError" data-f-linked-name="__field_463" data-f-validationerror="" id="__field_463_desc" role="alert" style="display:none"></span></div> <div class="Form__Element FormTextbox col-md-3 col-12" data-f-element-name="__field_464" data-f-type="textbox"> <label for="26a3dbb3-e9ce-471d-8503-4596555ae02d" class="Form__Element__Caption h5">Name (optional)</label> <input name="__field_464" id="26a3dbb3-e9ce-471d-8503-4596555ae02d" type="text" class="form-control FormTextbox__Input" aria-describedby="__field_464_desc" placeholder="Name" title="What is your name? " data-f-datainput autocomplete="off" /> <span class="Form__Element__ValidationError" data-f-linked-name="__field_464" data-f-validationerror="" id="__field_464_desc" role="alert" style="display:none"></span></div> <div class="Form__Element FormTextbox col-md-3 col-12" data-f-element-name="__field_465" data-f-type="textbox"> <label for="63fd4f6f-5d63-40e2-ba3e-61bc59942655" class="Form__Element__Caption h5">Email address (optional)</label> <input name="__field_465" id="63fd4f6f-5d63-40e2-ba3e-61bc59942655" type="text" class="form-control FormTextbox__Input" aria-describedby="__field_465_desc" placeholder="username@domain.com" title="What is your email address?" data-f-datainput autocomplete="off" /> <span class="Form__Element__ValidationError" data-f-linked-name="__field_465" data-f-validationerror="" id="__field_465_desc" role="alert" style="display:none"></span></div> <div class="Form__Element FormTextbox formPhoneNumber col-md-3 col-12" data-f-element-name="__field_469" data-f-type="textbox"> <label for="3de36fe5-bad2-4b8a-806c-e6ce067930fa" class="Form__Element__Caption h5">Phone Number (optional)</label> <input name="__field_469" id="3de36fe5-bad2-4b8a-806c-e6ce067930fa" type="text" class="FormTextbox__Input form-control hi" placeholder="000-000-0000" title="What is your phone number?" data-f-datainput > <span class="Form__Element__ValidationError" data-f-linked-name="__field_469" data-f-validationerror="" id="__field_469_desc" role="alert" style="display:none"></span></div> <div id="myWidget" data-cdata="eb5f151a"></div> <div class="Form__Element FormHidden" data-f-element-name="__field_470" data-f-type="hidden"> <input class="Form__Element TSCaptcha" type="hidden" id="258df468-2015-4b7b-9942-a7c7fe830e42" name="__field_470" data-f-type="hidden" /> <span class="Form__Element__ValidationError" data-f-linked-name="__field_470" data-f-validationerror="" id="__field_470_desc" role="alert" style="display:none"></span><div class="Form__Element d-none" id="HasCaptcha"> </div> </div> <div> <button id="378abc16-3958-4ec8-89cb-d2bed94afccc" name="submit" type="submit" value="378abc16-3958-4ec8-89cb-d2bed94afccc" data-f-is-finalized="true" data-f-is-progressive-submit="true" data-f-type="submitbutton" data-f-element-name="__field_468" title="Submit form" class="Form__Element FormExcludeDataRebind FormSubmitButton btn btn-slco"> Submit</button> </div> </section> </div> </div> </div></div> </div> </div> </div> </div> </section> </div> <footer class="footer mt-auto" aria-label="Footer"> <nav class="container" aria-label="Footer Navigation"> <div class="row"> <div class="col-12"> <ul> <li><a href="/tty/">TTY</a></li> <li><a href="/disclaimer/">Disclaimer</a></li> <li><a href="/non-discrimination/">Non-Discrimination / ADA</a></li> <li><a href="https://saltlakecountyut.nextrequest.com/">GRAMA</a></li> <li><a href="/privacy-policy/">Privacy Policy</a></li> <li><a href="/accessibility/">Web Accessibility</a></li> <li><a href="/contact-directory/">County Directory</a></li> <li><a href="/econnect/">Employee Connect</a></li> </ul> </div> </div> <p class="copyright"><a href="/copyright/">© Salt Lake County—All rights reserved</a><br /><a href="/comment-on/?id=fe4a4ff1-bbaf-4109-9b25-9009b73de21b" class="mIgnore" id="CommentAboutLink">Comment about this page? </a></p> </nav> </footer> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/247f03a612.js" crossorigin="anonymous"></script> <script src="/js/jqueryExt.js" type="text/javascript"></script> <script src="/js/cookie.min.js" type="text/javascript"></script> <script src="/js/BootstrapBreakpoint.js" type="text/javascript"></script> <script src="/js/jquery-accessibleMegaMenu.js" type="text/javascript"></script> <script src="/js/Niftic-Main.js" type="text/javascript"></script> <script defer="defer" nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A=" src="/Util/Find/epi-util/find.js"></script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A=" src="/js/jquery.mask.min.js"></script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A=" src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=_turnstileCb"></script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A=" src="/js/Niftic/Niftic-TurnstileCapcha.js"></script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A=" src="/Util/EPiServer.Forms/jquery-3.5.1.min.js"></script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A="> /* This EPiServerForms_prerequisite.js TEMPLATE will be compiled with serverside values and injected into ViewMode page We reuse the existed global var epi from EPiServer CMS, if any. It will init/grab the epi object, and init epi.EPiServer.Forms object */ // (by default) Forms's jQuery will be injected right before this file. From now on, we refer Forms own jQuery as $$epiforms. // after this code, the object $ and jQuery will revert back to its original meaning in original library (Alloy jQuery or other lib). // Our clients' sites may include their own Jquery version (e.g. a higher version for some special functionalities), which leads to unexpected conflicts with ours. // To avoid this, we use jQuery.noConflict() to set up $$epiforms as an allias for our jquery and then, revert Jquery allias to clients' by using // epi.EPiServer.Forms.OriginalJQuery whose value is set up as Jquery at the beginning in FormBlockController. // This also allows us to extend our own Jquery's functionalities without causing further conflicts. var $$epiforms = epi.EPiServer.Forms.InjectFormOwnJQuery ? jQuery.noConflict() : jQuery; if (epi.EPiServer.Forms.OriginalJQuery) { jQuery = epi.EPiServer.Forms.OriginalJQuery; delete epi.EPiServer.Forms.OriginalJQuery; } (function () { var externalScript = [], externalCss = []; if (epi.EPiServer.Forms.ExternalScriptSources) { externalScript = epi.EPiServer.Forms.ExternalScriptSources.concat(externalScript); // Remove duplicate items externalScript = externalScript.filter(function (value, index, self) { return self.indexOf(value) === index; }); } if (epi.EPiServer.Forms.ExternalCssSources) { externalCss = epi.EPiServer.Forms.ExternalCssSources.concat(externalCss); // Remove duplicate items externalCss = externalCss.filter(function (value, index, self) { return self.indexOf(value) === index; }); } $$epiforms.extend(true, epi.EPiServer, { CurrentPageLink: "456", CurrentPageLanguage: "en", CurrentFormLanguage: "en", Forms: { Utils: {}, Data: {}, Extension: {}, Validation: {}, Navigation: {}, Dependency: {}, $: $$epiforms, // save our own link to our own jQuery ThrottleTimeout: 500, // miliseconds ExternalScriptSources: externalScript, ExternalCssSources: externalCss, UploadExtensionBlackList: "asp,aspx,asa,ashx,asmx,bat,chm,class,cmd,com,config,dll,exe,hta,htr,htw,jse,json,lnk,mda,mdb,msc,msh,pif,printer,ps1,ps2,reg,rem,scf,scr,sct,shtm,shtml,soap,stm,svc,url,vb,vbe,vbs,vsix,ws,wsc,wsf,wsh,xamlx,htm,html,js,jar", Messages: {"viewMode":{"malformStepConfiguration":"Improperly formed FormStep configuration. Some steps are attached to pages, while some steps are not attached, or attached to content with no public URL.","commonValidationFail":"This element value is not valid."},"fileUpload":{"overFileSize":"The upload file size should be less than {0} MB.","invalidFileType":"The upload file format is not allowed or not supported.","postedFile":"(Previous posted file(s): {0})"}}, LocalizedResources: {"conditioncombination":{"all":"All","any":"Any"},"satisfiedaction":{"hide":"Hidden","show":"Shown"},"contenttypescomponent":{"title":"Form Elements","description":"Show all content types of Optimizely Forms"},"formscomponent":{"title":"Forms","description":"Manage forms for the website","command":{"create":{"label":"New form"},"viewdata":{"label":"Form submissions"}},"messages":{"nocontent":"This folder does not contain any forms."}},"formdataview":{"name":"Form submissions","description":"View form submissions","heading":"Form submissions","begindate":"From date","enddate":"To date","search":"Search","nodata":"There is no data","export":"Export as ...","exportasxml":"XML","exportasxmldesc":"Export form data in XML format","exportascsv":"CSV","exportascsvdesc":"Export form data in CSV format","exportasjson":"JSON","exportasjsondesc":"Export form data in JSON format","finalizedonly":"Finalized Only","deleteselecteditems":"Delete","exportasxlsx":"XLSX","exportasxlsxdesc":"Export form data in XLSX format","selectalltooltip":"Select All","deselectalltooltip":"Deselect All","deleteconfirmation":"Do you want to delete the selected items? This action cannot be undone.","nopostid":"No post Id for deleting.","couldnotgetassociateform":"Could not get associate Form.","deletesuccessful":"Successfully deleted post data.","accessdenied":"You do not have permission to view this data.","submittime":"Time","submituser":"By user","hostedpage":"Submitted from","finalizedsubmission":"Finalized","selectioninfo":"All <b>${0}</b> record(s) are selected. ","extraselectionlink":"Select all <b>${0}</b> records","clearselectionlink":"Clear selection","filterdata":"Filter","searchallcolumns":"All columns","exportasdecryptedcsv":"Decrypted CSV","exportasdecryptedcsvdesc":"Decrypt and export form data in CSV format"},"formscontentarea":{"emptyactions":{"actions":{"createnewformselement":"create a new element"},"template":"You can drop form elements here or ","templatewithoutcreate":"You can drop content here."}},"fieldselector":{"title":"Select dependent field"},"submissionactors":{"episerver.forms.implementation.actors.callwebhookaftersubmissionactor":{"displayname":"Trigger webhook after form submission"},"episerver.forms.implementation.actors.sendemailaftersubmissionactor":{"displayname":"Send email after form submission"}},"validators":{"episerver.forms.implementation.validation.requiredvalidator":{"displayname":"Required","message":"This field is required."},"episerver.forms.implementation.validation.regularexpressionvalidator":{"displayname":"Regular expression","message":"This field should be in \"{0}\" format."},"episerver.forms.implementation.validation.captchavalidator":{"displayname":"Captcha","message":"Enter the characters you see in the picture."},"episerver.forms.implementation.validation.allowedextensionsvalidator":{"displayname":"Allowed extensions","message":"The upload file format is not allowed or not supported.","allowedextensionsmessage":"The upload file format is not allowed or not supported. File format should be: {0}."},"episerver.forms.implementation.validation.maxfilesizevalidator":{"displayname":"Max file size","message":"The upload file size should be less than {0} MB."},"episerver.forms.implementation.validation.emailvalidator":{"displayname":"Email","message":"Enter a valid email address."},"episerver.forms.implementation.validation.urlvalidator":{"displayname":"Url","message":"Enter a valid URL."},"episerver.forms.implementation.validation.dateddmmyyyyvalidator":{"displayname":"Date (DD/MM/YYYY)","message":"Enter a date in the DD/MM/YYYY format."},"episerver.forms.implementation.validation.datemmddyyyyvalidator":{"displayname":"Date (MM/DD/YYYY)","message":"Enter a date in the MM/DD/YYYY format."},"episerver.forms.implementation.validation.dateyyyymmddvalidator":{"displayname":"Date (YYYY-MM-DD)","message":"Enter a date in the YYYY-MM-DD format."},"episerver.forms.implementation.validation.numericvalidator":{"displayname":"Numeric","message":"Enter a valid number."},"episerver.forms.implementation.validation.integervalidator":{"displayname":"Integer","message":"Enter a valid integer."},"episerver.forms.implementation.validation.positiveintegervalidator":{"displayname":"Positive integer","message":"Enter a valid positive integer."},"elementselfvalidator":{"unexpectedvalueisnotaccepted":"Unexpected value is not accepted."},"custommessage":{"resetbuttonlabel":"Reset to default","errormessagelabel":"Error message "},"fileuploadelementselfvalidator":{"multiplefilenotallowed":"Not allowed to upload multiple files."},"rangeelementblockselfvalidator":{"rangeinputinvalidnumber":"Range value must be in range of [{0}-{1}]'s value with Step = {2}"},"selectionelementseflvalidator":{"notallowmultiselection":"Multiple choices are not accepted."}},"visitordatasources":{"episerver.forms.implementation.visitordata.ipaddressvisitordatasource":{"displayname":"IP Address"},"episerver.forms.implementation.visitordata.geovisitordatasource":{"displayname":"Geo","properties":{"city":"City","country_code":"Country code","country_name":"Country name","ip":"IP","latitude":"Latitude","longitude":"Longitude","region_code":"Region code","region_name":"Region name","time_zone":"Time zone","zip_code":"Zip code"}},"episerver.forms.implementation.visitordata.profilevisitordatasource":{"displayname":"Profile","properties":{"address":"Address","zipcode":"Zip code","locality":"Locality","email":"Email","firstname":"First name","lastname":"Last name","language":"Language","country":"Country","company":"Company","title":"Title","phonenumber":"Phone number"}},"episerver.forms.implementation.visitordata.useragentvisitordatasource":{"displayname":"User agent","properties":{"ismobiledevice":"Is mobile","useragent":"User agent"}},"episerver.forms.implementation.visitordata.visitorgroupvisitordatasource":{"displayname":"Audiences","properties":{"id":"Id","name":"Name"}},"youmustselectvalueforhiddenvisitor":"You must select a value for the type of visitor data you choose."},"messages":{"fileupload":{"overfilesize":"The upload file size should be less than {0} MB.","invalidfiletype":"The upload file format is not allowed or not supported.","postedfile":"(Previous posted file(s): {0})"},"formsubmission":{"outdatedforminit":"Your current session for viewing the form is expired. Refresh your page to continue.","requirelogin":"You must be logged in to submit this form. If you are logged in and still cannot post, make sure \"Do not track\" in your browser settings is disabled.","denymultisubmit":"You already submitted this form.","submitsuccess":"The form has been submitted successfully.","validationfailformat":"Validation failed on \"{0}\" field: {1}","thereisnoformguid":"Submit data FAILED: there is no Form's Guid.","couldnotgetform":"Submit data FAILED: could not get Form with Id = {0} in language {1}.","submitcancelled":"TECHNICAL INFO: Submitting process is cancelled. Reason: ","formisrestricted":"Could not submit form. You do not have sufficient privileges.","formexpired":"Could not submit form. Form has been expired.","formdeleted":"Could not submit form. Form has been deleted.","submitnotsuccess":"Failed to submit.","sessionoff":"You cannot submit this form because an administrator has turned off data storage.","noelementstep":"Submit data FAILED: there is no element data exist on submitted step.","submissionfinalized":"Could not submit form. Submission has been finalized."}},"dependcondition":{"notapplicable":"Not applicable","matchregularexpression":"Match with regular expression","equals":"Equals","notequals":"Not equals","contains":"Contains","notcontains":"Not contains"},"imagechoiceitems":{"emptyactions":{"actions":{"createnewitem":"Create a link to an image"},"template":"Drop image content here.<br/>You also can {createnewitem}."},"menutooltip":"Display menu"},"editview":{"elementdependant":"This field depends on other field(s)","retentionperiod":{"partial":"partial","finalized":"finalized","default":"Default","keepforsomedays":"{0} days","customization":"Custom (days):","keepforever":"Forever","validation":{"errormessage":{"long":"The {0} submission retention period field must be an integer between {1} and {2}","short":"Input must be an integer between {0} and {1}"}},"revision":{"warningmessage":"At least {0} submission(s) are affected by your retention policy change"}},"notconfigured":"Not configured yet","insertplaceholder":"Insert placeholder","selectanitem":"Select an item","externalsystems":"External system field mapping","connecteddatasource":"Connect to Datasource","createemailtemplate":"Create email template","editemailtemplate":"Edit email template","addwebhook":"Add webhook","editwebhook":"Edit webhook","selectpage":"Select Page","editpage":"Edit page link","usemanualinput":"Use manual input","errorconditionalstepcannotcontainrequiredelement":"This Form step should not depend on other elements because it contains mandatory element [{0}].","cannotbuildformmodel":"Cannot build the form. You cannot use FormContainerBlock as a property. You can render a form in a ContentArea only.","placeholderwarning":{"subject":"Form element is used as a placeholder changed name","message":"Name of element <b>{0}</b> in form <b>{1}</b> which is used as a placeholder has been changed, you should also update the placeholder in the form under the \"Settings\" tab."},"resetconnecteddatasource":"Reset"},"viewmode":{"stepnavigation":{"previous":"Previous step","next":"Next step","page":"Step"},"untitled":"Untitled","selection":{"selectanoption":"-- Select an option --","selectoptions":"-- Select options --"},"reset":"Reset form","submit":"Submit","refreshcaptcha":"Refresh captcha","captchalabel":"Word verification","malformstepconfigruation":"Improperly formed FormStep configuration. Some steps are attached to pages, while some steps are not attached, or attached to content with no public URL.","commonvalidationfail":"This element value is not valid.","readonlymode":"Read-only mode. Submitted data is not saved.","submissionactors":{"savedatatostorage":{"error":"Something went wrong. Please contact the administrator for more information."}},"errorformusingdivinnonjsmode":"Form render using div element required js enabled to be able to work properly","error":"Something went wrong. Please contact the administrator for more information."},"contentediting":{"fielddependency":{"condition":{"field":"Field","operator":"Operator","value":"Value"},"invalidcondition":"The condition is no longer valid","conditiondialog":{"title":"Condition Details"}},"optionitem":{"caption":"Choice","value":"Value","checked":"Checked by default","containsinvalidcharacter":"Comma (,) character is not allowed."},"emailtemplateactor":{"fromemail":"From","fromemaildescription":"Email address to send from","toemails":"To","toemailsdescription":"Email address to send to, or name of a form field with the email address (for confirmation emails)","subject":"Subject","subjectdescription":"Subject line for the email. You can use #FIELDNAME# to insert values from the form.","body":"Message","bodydescription":"The body of the email. You can insert values from the form with #FIELDNAME#, or show a summary listing of the form fields with #SUMMARY.","fromemailplaceholder":"someone@example.com","toemailsplaceholder":"address@example.com,...","subjectplaceholder":"Enter email subject","replyto":"Reply To","replytoplaceholder":"replytoaddress@example.com,...","replytodescription":"Email address that the reply email is sent when you want the reply to go to an email address that is different than the From"},"webhookactor":{"url":"Webhook URL","urldescription":"Webhook URL to send data payload to (http or https protocol).","jsonformat":"POST data in JSON format"},"validation":{"circulardependency":"Circular dependency configuration is not allowed","greaterthanequaltoerrorformat":"The {0} must be >= {1}'s value.","lessthanequaltoerrorformat":"The {0} must be <= {1}'s value.","inrangeerrorformat":"\"{0}\" is not a valid value for {1}. Only number is allowed and {1} must be in range of [{2} - {3}]'s value.","stepinrangeerrorformat":"The {0} must be >= 1 and <= {2} - {1} value.","positiveinteger":"Only a positive number is allowed."}},"rangeelementblock":{"increment":"Increment","decrement":"Decrement"}} } }); })(); </script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A=" src="/Util/EPiServer.Forms/EPiServerForms.min.js"></script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A="> if (typeof $$epiforms !== 'undefined') { $$epiforms(document).ready(function () { $$epiforms('.EPiServerForms, [data-f-type="form"]').on("formsNavigationNextStep formsSetupCompleted", function (event) { (function ($) { var originalText = $("#cfc505ff-d044-40aa-93ff-4f3c15912f79" + "__OriginalText", $workingForm).html(), workingFormInfo = event.workingFormInfo, searchPattern = null, $workingForm = workingFormInfo.$workingForm, $currentElement = $("#cfc505ff-d044-40aa-93ff-4f3c15912f79", $workingForm); // if cannot find the element in form, do nothing if (!$currentElement || $currentElement.length == 0) { return; } var data = epi.EPiServer.Forms.Data.loadFormDataFromStorage(workingFormInfo.Id); // In case the element is not under the form folder, Model.HasPlaceHolder() will return false because of cannot find the owner form. // So when Model.FindOwnerForm() is null, we allow to replace the placeholder in JS mode. if (false) { // replace placeholder with real field value for (var fieldName in workingFormInfo.ElementsInfo) { if (workingFormInfo.FieldsExcludedInSubmissionSummary.indexOf(fieldName) != -1) { continue; } var elementInfo = workingFormInfo.ElementsInfo[fieldName], friendlyName = elementInfo.friendlyName; if (!friendlyName) { continue; } var value = elementInfo && elementInfo.customBinding == true ? epi.EPiServer.Forms.CustomBindingElements[elementInfo.type](elementInfo, data[fieldName]) : data[fieldName]; if (value == null || value === undefined) { value = ""; } // If the element is inactive (hidden due to dependency rules), set its value to empty if (epi.EPiServer.Forms.Dependency._isInactiveElement(fieldName, workingFormInfo)) { value = ""; } //We have to encode the friendlyName before replacing it with placeholders in the paragraph text because the paragraph text is already encoded. var encodedFriendlyName = $('<div></div>').text(friendlyName).html(); //https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace //https://msdn.microsoft.com/en-us/library/ewy2t5e0.aspx var escapeSpecialCharacterFromEncodedFriendlyName = encodedFriendlyName.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'); // Add backward compatible for old placeholder key searchPattern = new RegExp("(?:#|::)" + escapeSpecialCharacterFromEncodedFriendlyName + "(?:#|::)", 'gi'); originalText = originalText.replace(searchPattern, $('<div></div>').text(value).html()); } } $currentElement.html(originalText); })($$epiforms); }); }); } </script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A="> $(document).ready(function(){ $('#3de36fe5-bad2-4b8a-806c-e6ce067930fa' ).mask('(000) 000-0000')}); </script> <script nonce="gUjNTAvYejX/X7MVtGQxXmnsibLL2B3Ml5gtujk7O1A="> document.addEventListener('DOMContentLoaded',function(){if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}}) </script> </body> </html>