Accessibility Health Check
https://fairfaxcounty.gov
Excellent
https://daylight.sonde.life/usgov/fairfaxcounty-gov/
Excellent
Executive Summary
Top Findings
criticalInteractive element with role="link" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="link" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
criticalInsufficient color contrast: 1.96:1 (required: 4.5:1 for normal text). Foreground: rgb(7, 82, 112), background: rgb(9, 31, 48). Text: "Who We Are"WCAG 1.4.3
<a href="/animalservices/about" class="submenu-link">Who We Are</a>
Current ratio: 1.96:1 (need 4.5:1). Change foreground from #075270 to #4c8cac (ratio: 4.5:1).
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Guide to Dogs"WCAG 1.4.3
<h1 class="titleoverlay light">Guide to Dogs</h1>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.33:1 (required: 3:1 for large text). Foreground: rgb(51, 51, 51), background: rgb(9, 31, 48). Text: "FFX Global Navigation"WCAG 1.4.3
<h2 class="visually-hidden" id="block-ffxglobalnavigation-menu">FFX Global Navigation</h2>
Current ratio: 1.33:1 (need 3:1). Change foreground from #333333 to #686867 (ratio: 3.0:1). Or change background from #091f30 to #000000.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.17 (foreground color: #a6acb0, background color: #f7f9fa, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input type="email" name="email" id="email" aria-label="Email Address" value="" class="searchtextbox" required="required" placeholder="Email Address">
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highInsufficient color contrast: 2.30:1 (required: 3:1 for large text). Foreground: rgb(166, 172, 176), background: rgb(255, 255, 255). Text: "Close"WCAG 1.4.3
<span class="visuallyhidden">Close</span>
Current ratio: 2.30:1 (need 3:1). Change foreground from #a6acb0 to #909599 (ratio: 3.0:1).
highInsufficient color contrast: 2.30:1 (required: 3:1 for large text). Foreground: rgb(166, 172, 176), background: rgb(255, 255, 255). Text: "Close"WCAG 1.4.3
<span class="visuallyhidden">Close</span>
Current ratio: 2.30:1 (need 3:1). Change foreground from #a6acb0 to #909599 (ratio: 3.0:1).
highConsole warning: postmessage data invalid json: SyntaxError: Unexpected token '#', "#Widget Ready" is not valid JSON at JSON.parse (<anonymous>) at _dispatch (<anonymous>:1:2309) (4 occurrences)
Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highConsole error: TypeError: Cannot read properties of undefined (reading 'addEventListener') at https://www.fairfaxcounty.gov/animalservices/adopt:2585:31 at https://www.fairfaxcounty.gov/animalservices/adopt:2590:15
https://www.fairfaxcounty.gov/animalservices/adopt:2584mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highConsole warning: postmessage data invalid json: SyntaxError: Unexpected token '#', "#Widget Ready" is not valid JSON at JSON.parse (<anonymous>) at _dispatch (<anonymous>:1:2309) (4 occurrences)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highConsole warning: postmessage data invalid json: SyntaxError: Unexpected token '#', "#Widget Ready" is not valid JSON at JSON.parse (<anonymous>) at _dispatch (<anonymous>:1:2309) (4 occurrences)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highConsole warning: postmessage data invalid json: SyntaxError: Unexpected token '#', "#Widget Ready" is not valid JSON at JSON.parse (<anonymous>) at _dispatch (<anonymous>:1:2309) (4 occurrences)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highFocus jumps backward from "MESSENGER" to "#chatFrame" (visual distance: 406px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "MORE "FIND" SERVICES" to "PAY" (visual distance: 687px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>PAY</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "MORE "REGISTER/APPLY" SERVICES" to "REPORT" (visual distance: 687px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>REPORT</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Meet Recently Adopted Pets" to "#chatFrame" (visual distance: 1293px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "instagram" to "ADOPT A DOG" (visual distance: 605px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>ADOPT A DOG</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "How can I stay updated?" to "#chatFrame" (visual distance: 1420px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "Learn More" to "#chatFrame" (visual distance: 663px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "LEARN MORE ABOUT FAIRFAX COUNTY WILDLIFE" to "#chatFrame" (visual distance: 1287px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "county's social media sites" to "#chatFrame" (visual distance: 1951px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
highVideo element has no caption track. Deaf and hard-of-hearing users cannot access the audio content.WCAG 1.2.2
<video class="focalpoint video_background" id="video_background" style="display:none;" autoplay="" muted=""></video>
Add a <track kind="captions" src="captions.vtt" srclang="en" label="English"> element inside the <video> tag.
highMissing Strict-Transport-Security header (HSTS)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 banner landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 3 "banner" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 banner landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 3 "banner" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 banner landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 3 "banner" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 banner landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 banner landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 banner landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="toast" style=""> <div class="title"> <h3>Fairfax Virtual Assistant</h3> </div> <div class="content_1612525332"> How can I help? </div> <div class="button"> <a href="#" c...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumPage should contain a level-one heading: Fix all of the following: Page must have a level-one heading
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6>Public Meetings</h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h4><a class="icon-link" href="/contact">703-FAIRFAX (703-324-7329)</a></h4>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>Reasa Currier<br>Director</div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ul class="form">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="tel:703-830-1100">703-830-1100</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div><address><a href="http://maps.google.com/maps?q=4500%20West%20Ox%20Road%20Fairfax%2C%20VA%2022030" target="_blank">4500 West Ox Road<br> Fairfax, VA 22030</a></address></div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="https://www.facebook.com/fairfaxcountyanimalservices" target="_blank">fairfaxcountyanimalservices</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="col-xs-12 col-md-10">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="page-title"> <h1>Adopt</h1> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<p>To sign up for updates or to access your subscriber preferences, please enter your contact information below.</p>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ul class="social-links">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="mailto:AnimalServices@fairfaxcounty.gov">AnimalServices@fairfaxcounty.gov</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img alt="sharethis sharing button" src="https://platform-cdn.sharethis.com/img/sharethis.svg">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2>STAY CONNECTED</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="row">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<article data-history-node-id="161" about="/animalservices/adopt" class="page full clearfix">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>Reasa Currier<br>Director</div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img alt="sharethis sharing button" src="https://platform-cdn.sharethis.com/img/sharethis.svg">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div><address><a href="http://maps.google.com/maps?q=4500%20West%20Ox%20Road%20Fairfax%2C%20VA%2022030" target="_blank">4500 West Ox Road<br> Fairfax, VA 22030</a></address></div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2 class="widget-title">
<div class="field field--name-field-title field--type-string field--label-hidden field--item">Frequently Asked Questions</div>
</h2>Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="mailto:AnimalServices@fairfaxcounty.gov">AnimalServices@fairfaxcounty.gov</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="https://www.facebook.com/fairfaxcountyanimalservices" target="_blank">fairfaxcountyanimalservices</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="page-title"> <h1>Animal Control Transition</h1> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget genericfullwidth">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="tel:703-830-1100">703-830-1100</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="col-xs-12 col-md-10">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="col-lg-3 sidenavigation">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="tel:703-830-1100">703-830-1100</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="col-lg-3 sidenavigation">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div><address><a href="http://maps.google.com/maps?q=4500%20West%20Ox%20Road%20Fairfax%2C%20VA%2022030" target="_blank">4500 West Ox Road<br> Fairfax, VA 22030</a></address></div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="page-title"> <h1>Lost and Found Pets</h1> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="mailto:AnimalServices@fairfaxcounty.gov">AnimalServices@fairfaxcounty.gov</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="https://www.facebook.com/fairfaxcountyanimalservices" target="_blank">fairfaxcountyanimalservices</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<article data-history-node-id="173" about="/animalservices/lostandfoundpets" class="page full clearfix">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="col-xs-12 col-md-10">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>Reasa Currier<br>Director</div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img alt="sharethis sharing button" src="https://platform-cdn.sharethis.com/img/sharethis.svg">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tab-content">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="tab-pane fade active show" id="tab-1913427731" role="tabpanel" aria-labelledby="tab-1913427731">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="jumbotron-lightgrey">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="hero-departmentb hero-topic" style="background-image:url(/topics/sites/topics/files/Assets/images/hero-images/animals-pets-1800x400.png);background-position:top;"> <h1 class="title...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img alt="sharethis sharing button" src="https://platform-cdn.sharethis.com/img/sharethis.svg">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="hero-departmentb hero-topic" style="background-image:url(/topics/sites/topics/files/Assets/images/dog-collage.jpg);background-position:top;"> <h1 class="titleoverlay light">Guide t...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="fairfax-anchor-tags">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img alt="sharethis sharing button" src="https://platform-cdn.sharethis.com/img/sharethis.svg">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="jumbotron-lightgrey">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/property-and-housing" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Property & Housing</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/courts-and-legal" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Courts & Legal</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/recreation-and-parks" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Parks & Recreation </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/library-and-education" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Library & Education</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/environment" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Environment & Energy</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/land-use-and-planning" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Land Use & Planning</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/individuals-and-families" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Individuals & Families</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/permits-and-licenses" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Permits & Licenses</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/health-humanservices" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Health & Human Services</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/youth-programs" class="submenu-link">Youth Programs</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/donate" class="submenu-link">Donate</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/volunteer" class="submenu-link">Volunteer Program</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/about" class="submenu-link">Who We Are</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/spay-and-neuter-voucher-program" class="submenu-link">Spay/Neuter Voucher Program</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/locations" class="submenu-link">Locations</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/petresources/vaccine-and-microchip-clinic" class="submenu-link">Vaccine and Microchip Clinics</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/petresources" class="submenu-link">Community Services and Resources</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/foster" class="submenu-link">Foster Program</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/petresources" class="submenu-link">Community Services and Resources</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/about" class="submenu-link">Who We Are</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/donate" class="submenu-link">Donate</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/petresources" class="submenu-link">Community Services and Resources</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/donate" class="submenu-link">Donate</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/about" class="submenu-link">Who We Are</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/recreation-and-parks" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Parks & Recreation </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/health-humanservices" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Health & Human Services</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/courts-and-legal" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Courts & Legal</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/property-and-housing" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Property & Housing</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/permits-and-licenses" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Permits & Licenses</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/land-use-and-planning" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Land Use & Planning</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/environment" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Environment & Energy</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/library-and-education" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Library & Education</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/individuals-and-families" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Individuals & Families</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumInsufficient color contrast: 3.59:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(0, 152, 137). Text: "Add to my Calendar"WCAG 1.4.3
<button class="btn btn-primary green-tabs-override" id="dialog_event_ics" type="button">Add to my Calendar</button>
Current ratio: 3.59:1 (need 4.5:1). Change foreground from #ffffff to #212020 (ratio: 4.5:1).
mediumInsufficient color contrast: 3.68:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(188, 49, 74). Text: "search"WCAG 1.4.3
<title>search</title>
Current ratio: 3.68:1 (need 4.5:1). Change foreground from #000000 to #e5e5e5 (ratio: 4.5:1).
mediumInsufficient color contrast: 3.68:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(188, 49, 74). Text: "search"WCAG 1.4.3
<title>search</title>
Current ratio: 3.68:1 (need 4.5:1). Change foreground from #000000 to #e5e5e5 (ratio: 4.5:1).
mediumVideo element has no audio description track. Blind users cannot perceive visual-only content in the video.WCAG 1.2.5
<video class="focalpoint video_background" id="video_background" style="display:none;" autoplay="" muted=""></video>
Add a <track kind="descriptions" src="descriptions.vtt" srclang="en" label="Audio Descriptions"> element inside the <video> tag.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<div class="chatHeader"> </div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<div class="chatFrame"> <div class="toolbar"> <div class="leftbuttons"> <a href="javascript:void(0)" class="far fa-chevron-circle-right fa-2x" id="closeChat" title="Close Chat" tabindex="-1"
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<iframe src="/themes/bootstrap-8.x-3.0-rc2/bootstrap/html/blank.htm" id="chatFrame" allowtransparency="true" title="Fairfax County ChatBot" alt="Fairfax ChatBot"></iframe>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 18px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#main-content" class="visually-hidden focusable skip-link" alt="Skip to main content">
Skip to main content
</a>Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 22px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sr-only">Close Chat</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 35px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<h2 class="visually-hidden" id="block-ffxglobalnavigation-menu">FFX Global Navigation</h2>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 47px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="visuallyhidden">Close</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 32px at 320px width.WCAG 1.4.10
<div class="title"> Fairfax Virtual Assistant </div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 108px at 320px width.WCAG 1.4.10
<img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_offline_0.PNG?1706293456" border="0" alt="Send Message" title="Send Message">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<div class="chatbot printNone" style="display: block;"> <div class="toast hidden"> <div class="title"> <h3>Fairfax Virtual Assistant</h3> </div> <div class="content_369972091"> How can I
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<h1 aria-label="dept-banner-header" role="banner">Animal Services</h1>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<h1 aria-label="dept-banner-header" role="banner">Animal Services</h1>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<h1 aria-label="dept-banner-header" role="banner">Animal Services</h1>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
lowLink timeout: https://www.fairfaxcounty.gov/policefalsealarm/ did not respond within 5000ms after 2 attempts
<a href="https://www.fairfaxcounty.gov/policefalsealarm/">False Alarm Fees</a>
lowLink timeout: https://www.fairfaxcounty.gov/policefalsealarm/ did not respond within 5000ms after 2 attempts
<a href="https://www.fairfaxcounty.gov/policefalsealarm/">False Alarm Fees</a>
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
lowLink timeout: https://www.fairfaxcounty.gov/policefalsealarm/ did not respond within 5000ms after 2 attempts
<a href="https://www.fairfaxcounty.gov/policefalsealarm/">False Alarm Fees</a>
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
lowLink timeout: https://www.fairfaxcounty.gov/policefalsealarm/ did not respond within 5000ms after 2 attempts
<a href="https://www.fairfaxcounty.gov/policefalsealarm/">False Alarm Fees</a>
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
lowLink timeout: https://www.fairfaxcounty.gov/policefalsealarm/ did not respond within 5000ms after 2 attempts
<a href="https://www.fairfaxcounty.gov/policefalsealarm/">False Alarm Fees</a>
Best Page Fix Opportunities
/topics/guides/dogs50findings
criticalInsufficient color contrast: 1.00:1 (required: 3:1 for large text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Guide to Dogs"WCAG 1.4.3
<h1 class="titleoverlay light">Guide to Dogs</h1>
Current ratio: 1.00:1 (need 3:1). Change foreground from #ffffff to #959494 (ratio: 3.0:1).
criticalInsufficient color contrast: 1.33:1 (required: 3:1 for large text). Foreground: rgb(51, 51, 51), background: rgb(9, 31, 48). Text: "FFX Global Navigation"WCAG 1.4.3
<h2 class="visually-hidden" id="block-ffxglobalnavigation-menu">FFX Global Navigation</h2>
Current ratio: 1.33:1 (need 3:1). Change foreground from #333333 to #686867 (ratio: 3.0:1). Or change background from #091f30 to #000000.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highInsufficient color contrast: 2.30:1 (required: 3:1 for large text). Foreground: rgb(166, 172, 176), background: rgb(255, 255, 255). Text: "Close"WCAG 1.4.3
<span class="visuallyhidden">Close</span>
Current ratio: 2.30:1 (need 3:1). Change foreground from #a6acb0 to #909599 (ratio: 3.0:1).
highConsole warning: postmessage data invalid json: SyntaxError: Unexpected token '#', "#Widget Ready" is not valid JSON at JSON.parse (<anonymous>) at _dispatch (<anonymous>:1:2309) (4 occurrences)
Add Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highFocus jumps backward from "county's social media sites" to "#chatFrame" (visual distance: 1951px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
mediumPage has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 banner landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="hero-departmentb hero-topic" style="background-image:url(/topics/sites/topics/files/Assets/images/dog-collage.jpg);background-position:top;"> <h1 class="titleoverlay light">Guide t...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="fairfax-anchor-tags">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img alt="sharethis sharing button" src="https://platform-cdn.sharethis.com/img/sharethis.svg">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="jumbotron-lightgrey">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="field--item">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/recreation-and-parks" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Parks & Recreation </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/health-humanservices" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Health & Human Services</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/courts-and-legal" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Courts & Legal</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/property-and-housing" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Property & Housing</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/permits-and-licenses" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Permits & Licenses</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/land-use-and-planning" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Land Use & Planning</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/environment" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Environment & Energy</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/library-and-education" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Library & Education</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/individuals-and-families" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Individuals & Families</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumInsufficient color contrast: 3.68:1 (required: 4.5:1 for normal text). Foreground: rgb(0, 0, 0), background: rgb(188, 49, 74). Text: "search"WCAG 1.4.3
<title>search</title>
Current ratio: 3.68:1 (need 4.5:1). Change foreground from #000000 to #e5e5e5 (ratio: 4.5:1).
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<div class="chatHeader"> </div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<div class="chatFrame"> <div class="toolbar"> <div class="leftbuttons"> <a href="javascript:void(0)" class="far fa-chevron-circle-right fa-2x" id="closeChat" title="Close Chat" tabindex="-1"
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<iframe src="/themes/bootstrap-8.x-3.0-rc2/bootstrap/html/blank.htm" id="chatFrame" allowtransparency="true" title="Fairfax County ChatBot" alt="Fairfax ChatBot"></iframe>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 18px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<a href="#main-content" class="visually-hidden focusable skip-link" alt="Skip to main content">
Skip to main content
</a>Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 22px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="sr-only">Close Chat</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumContent clipped by 35px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<h2 class="visually-hidden" id="block-ffxglobalnavigation-menu">FFX Global Navigation</h2>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 47px when text spacing is applied per WCAG 1.4.12. Text may be hidden when users adjust spacing for readability.WCAG 1.4.12
<span class="visuallyhidden">Close</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumElement overflows viewport by 32px at 320px width.WCAG 1.4.10
<div class="title"> Fairfax Virtual Assistant </div>
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 108px at 320px width.WCAG 1.4.10
<img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_offline_0.PNG?1706293456" border="0" alt="Send Message" title="Send Message">
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
mediumElement overflows viewport by 111px at 320px width.WCAG 1.4.10
<div class="chatbot printNone" style="display: block;"> <div class="toast hidden"> <div class="title"> <h3>Fairfax Virtual Assistant</h3> </div> <div class="content_369972091"> How can I
Set max-width: 100% or use overflow-wrap to prevent horizontal overflow.
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
lowLink timeout: https://www.fairfaxcounty.gov/policefalsealarm/ did not respond within 5000ms after 2 attempts
<a href="https://www.fairfaxcounty.gov/policefalsealarm/">False Alarm Fees</a>
/animalservices/adopt46findings
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highElements must meet minimum color contrast ratio thresholds: Fix any of the following: Element has insufficient color contrast of 2.17 (foreground color: #a6acb0, background color: #f7f9fa, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1WCAG 1.4.3
<input type="email" name="email" id="email" aria-label="Email Address" value="" class="searchtextbox" required="required" placeholder="Email Address">
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. See: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
highConsole error: TypeError: Cannot read properties of undefined (reading 'addEventListener') at https://www.fairfaxcounty.gov/animalservices/adopt:2585:31 at https://www.fairfaxcounty.gov/animalservices/adopt:2590:15
https://www.fairfaxcounty.gov/animalservices/adopt:2584mediumAdd Strict-Transport-Security header with max-age of at least 31536000 Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highFocus jumps backward from "Meet Recently Adopted Pets" to "#chatFrame" (visual distance: 1293px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "instagram" to "ADOPT A DOG" (visual distance: 605px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>ADOPT A DOG</a>
Reorder elements in the DOM to match the visual layout.
mediumPage has 3 "banner" landmarks but only 1 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 3 banner landmarks, 1 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div>Reasa Currier<br>Director</div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ul class="form">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="tel:703-830-1100">703-830-1100</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div><address><a href="http://maps.google.com/maps?q=4500%20West%20Ox%20Road%20Fairfax%2C%20VA%2022030" target="_blank">4500 West Ox Road<br> Fairfax, VA 22030</a></address></div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="https://www.facebook.com/fairfaxcountyanimalservices" target="_blank">fairfaxcountyanimalservices</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="col-xs-12 col-md-10">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="page-title"> <h1>Adopt</h1> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<p>To sign up for updates or to access your subscriber preferences, please enter your contact information below.</p>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<ul class="social-links">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div> <a href="mailto:AnimalServices@fairfaxcounty.gov">AnimalServices@fairfaxcounty.gov</a> </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should have one main landmark: Fix all of the following: Document does not have a main landmark
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure the document has a main landmark. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<img alt="sharethis sharing button" src="https://platform-cdn.sharethis.com/img/sharethis.svg">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<h2>STAY CONNECTED</h2>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="widget">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="row">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<article data-history-node-id="161" about="/animalservices/adopt" class="page full clearfix">
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/youth-programs" class="submenu-link">Youth Programs</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/donate" class="submenu-link">Donate</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/volunteer" class="submenu-link">Volunteer Program</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/about" class="submenu-link">Who We Are</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/spay-and-neuter-voucher-program" class="submenu-link">Spay/Neuter Voucher Program</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/locations" class="submenu-link">Locations</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/petresources/vaccine-and-microchip-clinic" class="submenu-link">Vaccine and Microchip Clinics</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/petresources" class="submenu-link">Community Services and Resources</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/animalservices/foster" class="submenu-link">Foster Program</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<h1 aria-label="dept-banner-header" role="banner">Animal Services</h1>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowLink timeout: https://www.fairfaxcounty.gov/policefalsealarm/ did not respond within 5000ms after 2 attempts
<a href="https://www.fairfaxcounty.gov/policefalsealarm/">False Alarm Fees</a>
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
www.fairfaxcounty.gov36findings
criticalInteractive element with role="link" has no accessible name. Screen readers cannot identify this control.WCAG 4.1.2
<!-- a11y: role="link" -->
Add an accessible name using aria-label, aria-labelledby, or visible text content. WCAG 4.1.2 requires all interactive elements to have a programmatically determinable name.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highImage has no accessible name in the accessibility tree. Screen readers will skip or announce it generically.WCAG 1.1.1
<!-- a11y: role="image" -->
Add alt text to the image. If decorative, mark with role="presentation" or alt="". WCAG 1.1.1 requires text alternatives for non-text content.
highConsole warning: postmessage data invalid json: SyntaxError: Unexpected token '#', "#Widget Ready" is not valid JSON at JSON.parse (<anonymous>) at _dispatch (<anonymous>:1:2309) (4 occurrences)
Add X-Content-Type-Options: nosniff Add X-Frame-Options: DENY or SAMEORIGIN Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highFocus jumps backward from "MESSENGER" to "#chatFrame" (visual distance: 406px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<iframe></iframe>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "MORE "FIND" SERVICES" to "PAY" (visual distance: 687px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>PAY</a>
Reorder elements in the DOM to match the visual layout.
highFocus jumps backward from "MORE "REGISTER/APPLY" SERVICES" to "REPORT" (visual distance: 687px). No explicit tabIndex — likely a DOM order issue.WCAG 2.4.3
<a>REPORT</a>
Reorder elements in the DOM to match the visual layout.
highVideo element has no caption track. Deaf and hard-of-hearing users cannot access the audio content.WCAG 1.2.2
<video class="focalpoint video_background" id="video_background" style="display:none;" autoplay="" muted=""></video>
Add a <track kind="captions" src="captions.vtt" srclang="en" label="English"> element inside the <video> tag.
mediumPage has 2 "banner" landmarks but only 0 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 2 banner landmarks, 0 labeled -->
Add unique aria-label or aria-labelledby to each "banner" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumARIA role should be appropriate for the element: Fix any of the following: ARIA role banner is not allowed for given element
<nav class="navbar navbar-expand-lg" id="navbar" role="banner">
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure the banner landmark is at top level. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span style="color: #0000FF; text-decoration: underline; line-height: 0px !important; cursor: pointer;" id="phplive_btn_1671029454"><img src="https://t3.phplivesupport.com/fairfax/web/fairfax/icon_off...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="toast" style=""> <div class="title"> <h3>Fairfax Virtual Assistant</h3> </div> <div class="content_1612525332"> How can I help? </div> <div class="button"> <a href="#" c...
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumDocument should not have more than one banner landmark: Fix any of the following: Document has more than one banner landmark
<header id="site-header">
Ensure the document has at most one banner landmark. See: https://www.w3.org/WAI/WCAG22/quickref/ Ensure landmarks are unique. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumPage should contain a level-one heading: Fix all of the following: Page must have a level-one heading
<html lang="en" dir="ltr" prefix="content: http://purl..." class=" js">
Ensure that the page, or at least one of its frames contains a level-one heading. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6>Public Meetings</h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h4><a class="icon-link" href="/contact">703-FAIRFAX (703-324-7329)</a></h4>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumHeading levels should only increase by one: Fix any of the following: Heading order invalid
<h6> <a class="nav-link" href="/topics/languagetranslation"> Translate </a> </h6>
Ensure the order of headings is semantically correct. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<span class="sr-only">Close Chat</span>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumAll page content should be contained by landmarks: Fix any of the following: Some page content is not contained by landmarks
<div class="title"> Fairfax Virtual Assistant </div>
Ensure all page content is contained by landmarks. See: https://www.w3.org/WAI/WCAG22/quickref/
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/property-and-housing" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Property & Housing</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/courts-and-legal" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Courts & Legal</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/recreation-and-parks" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Parks & Recreation </a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/library-and-education" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Library & Education</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/environment" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Environment & Energy</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/land-use-and-planning" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Land Use & Planning</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/individuals-and-families" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Individuals & Families</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/animals-and-pets" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Animals & Pets</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/topics/permits-and-licenses" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Permits & Licenses</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumLink is distinguished from surrounding text only by color (link: rgb(7, 82, 112), text: rgb(255, 255, 255)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/health-humanservices" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Health & Human Services</a>
Add a non-color visual indicator to links: underline (text-decoration: underline), border-bottom, increased font-weight, or a visible icon. The indicator must be present in the default state, not just on hover.
mediumInsufficient color contrast: 3.59:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(0, 152, 137). Text: "Add to my Calendar"WCAG 1.4.3
<button class="btn btn-primary green-tabs-override" id="dialog_event_ics" type="button">Add to my Calendar</button>
Current ratio: 3.59:1 (need 4.5:1). Change foreground from #ffffff to #212020 (ratio: 4.5:1).
mediumVideo element has no audio description track. Blind users cannot perceive visual-only content in the video.WCAG 1.2.5
<video class="focalpoint video_background" id="video_background" style="display:none;" autoplay="" muted=""></video>
Add a <track kind="descriptions" src="descriptions.vtt" srclang="en" label="Audio Descriptions"> element inside the <video> tag.
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer1" role="button" aria-expanded="false" aria-controls="footer1">Site Tools</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer3" role="button" aria-expanded="false" aria-controls="footer3">Additional Resources</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowARIA role should be appropriate for the element: Fix any of the following: ARIA role button is not allowed for given element
<h6 class="menu_item collapsed" data-bs-toggle="collapse" href="#footer2" role="button" aria-expanded="false" aria-controls="footer2">Support</h6>
Ensure role attribute has an appropriate value for the element. See: https://www.w3.org/WAI/WCAG22/quickref/
lowLink timeout: https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing did not respond within 5000ms after 3 attempts
<a href="https://eapps.courts.state.va.us/gdcourts/captchaVerification.do?landing=landing">Case Information</a>
lowLink timeout: https://www.fairfaxcounty.gov/policefalsealarm/ did not respond within 5000ms after 2 attempts
<a href="https://www.fairfaxcounty.gov/policefalsealarm/">False Alarm Fees</a>
Methodology
The Sonde Score is a universal 0–1000 compliance index — think of it like a credit score for accessibility. Each finding is weighted by its impact on human access: a keyboard trap (critical) counts far more than a best-practice suggestion (low). The raw penalty is normalized per page so scores are comparable across sites of any size. A harmonic curve ensures every site gets a meaningful score — no zeros, no false perfection.
where S = sensitivity (750), P = Σ(weight × count), N = pages scanned
| Tier | Weight | Examples |
|---|---|---|
| Critical | 10 | Keyboard traps, missing page language |
| High | 3 | Missing alt text, insufficient contrast |
| Medium | 1 | Heading hierarchy, unclear link purpose |
| Low | 0.25 | Best-practice suggestions |
The Sonde Score is a living standard (v0.1). We’re building it in the open because accessibility is too important for closed-door decisions. Your expertise makes it better.
Enter Mission Control
Review raw findings data, track changes between scans, and contribute to Sonde’s open methodology.
Nominate a Site for the Daylight Index
Know a public website that should be on the accessibility leaderboard? Nominate it — we’ll scan it and publish the results.