Accessibility Health Check
https://multco.us
Excellent
https://daylight.sonde.life/usgov/multco-us/
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.00:1 (required: 4.5:1 for normal text). Foreground: rgb(255, 255, 255), background: rgb(255, 255, 255). Text: "Hogar"WCAG 1.4.3
<a class="group-menu__link nav-link group-menu__link--active active" href="/es/elected/jessica-vega-pederson">Hogar</a>
Current ratio: 1.00:1 (need 4.5:1). Change foreground from #ffffff to #777676 (ratio: 4.5:1).
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 7 "navigation" landmarks but only 6 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 7 navigation landmarks, 6 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumLink is distinguished from surrounding text only by color (link: rgb(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/audit-reports-special-reports-memos" hreflang="en">Audit reports, special reports, & memos</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/county-auditor-and-staff" hreflang="en">County Auditor and Staff</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/audits-progress" hreflang="en">Audits in Progress</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/county-auditors-responsibilities" hreflang="en">County Auditor's Responsibilities</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/salary-commission" hreflang="en">Salary Commission</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/job-volunteer-and-internship-opportunities" hreflang="en">Job, Volunteer and Internship Opportunities</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/current-audit-schedule" hreflang="en">Current Audit Schedule</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/auditors-community-advisory-committee" hreflang="en">Auditor’s Community Advisory Committee</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/board-commissioners-audit-committee" hreflang="en">Board of Commissioners Audit Committee</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/invite-multnomah-county-auditor-jennifer-mcguirk-event" hreflang="en">Invite Multnomah County Auditor Jennifer McGuirk to an event</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/news-headlines-and-media-coverage" hreflang="en">News Headlines and Media Coverage</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/news/board-proclaims-may-2024-asian-asian-american-native-hawaiian-and-pacific-islander-heritage" hreflang="en">Board proclaims May 2024 as Asian, Asian American, Native Hawaiian and Pacific
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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/news/news-release-multnomah-county-chair-jessica-vega-pederson-shares-next-steps-work-open-24-hour" hreflang="en">NEWS RELEASE: Multnomah County Chair Jessica Vega Pederson shares next steps
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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/official-statements" hreflang="en">Official Statements</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/news/news-release-chair-vega-pederson-mayor-wheeler-share-homelessness-response-action-plan" hreflang="en">NEWS RELEASE: Chair Vega Pederson, Mayor Wheeler share Homelessness Response Action
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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/weekly-updates" hreflang="en">Weekly Updates</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/news/silos-substance-use-disorder-service-providers-create-frustration-among-experts-call-creation" hreflang="en">Silos in substance use disorder service providers create frustration among e
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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/important-documents" hreflang="en">Important Documents</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/oportunidades-de-empleo-voluntariado-y-practicas-profesionales" hreflang="es">Oportunidades de empleo, voluntariado y prácticas profesionales</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/comision-de-salarios" hreflang="es">Comisión de Salarios</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/comite-de-auditoria-de-la-junta-de-comisionados" hreflang="es">Comité de Auditoría de la Junta de Comisionados</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/auditor-del-condado-y-personal" hreflang="es">Auditor del condado y personal</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/responsabilidades-del-auditor-del-condado" hreflang="es">Responsabilidades del auditor del condado</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/invita-la-auditora-del-condado-de-multnomah-jennifer-mcguirk-un-evento" hreflang="es">Invita a la auditora del condado de Multnomah, Jennifer McGuirk, a un evento</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/informes-de-auditoria-informes-especiales-y-memorandos" hreflang="es">Informes de auditoría, informes especiales y memorandos</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/comite-asesor-comunitario-del-auditor" hreflang="es">Comité Asesor Comunitario del Auditor</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/auditorias-en-curso" hreflang="es">Auditorías en curso</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/calendario-de-auditoria-actual" hreflang="es">Calendario de auditoría actual</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.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
mediumContent clipped by 29px 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="visually-hidden">con nosotros. Enlaces a redes sociales:</span>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 33px 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 class="link link--text-block" href="/es/info/suscribete-al-boletin-informativo-de-la-presidenta-vega-pederson"> <span class="link__text link__text--text-block">Suscríbete al boletín mensual de JV
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 48px 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-multnomah-gov-theme-mainnavbar-menu">Main navbar</h2>
Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumContent clipped by 23px 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">
Skip to main content
</a>Avoid fixed-height containers with overflow: hidden for text content. Use min-height or allow containers to grow.
mediumPage requires horizontal scrolling at 320px width (20px overflow). Content should reflow without horizontal scrolling at this width.WCAG 1.4.10
<html>
Use responsive CSS (max-width, flex-wrap, media queries) to ensure content reflows at narrow widths.
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowLink timeout: https://multco.us/services/board-documents did not respond within 5000ms after 2 attempts
<a href="https://multco.us/services/board-documents">Search ordinances, board resolutions, orders and proclamations</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowLink timeout: https://multco.us/es/services/documentos-de-la-junta did not respond within 5000ms after 2 attempts
<a href="https://multco.us/es/services/documentos-de-la-junta">Buscar ordenanzas, resoluciones de la junta, órdenes y proclamaciones</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
Best Page Fix Opportunities
/elected/auditors-office18findings
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumLink is distinguished from surrounding text only by color (link: rgb(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/audit-reports-special-reports-memos" hreflang="en">Audit reports, special reports, & memos</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/county-auditor-and-staff" hreflang="en">County Auditor and Staff</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/audits-progress" hreflang="en">Audits in Progress</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/county-auditors-responsibilities" hreflang="en">County Auditor's Responsibilities</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/salary-commission" hreflang="en">Salary Commission</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/job-volunteer-and-internship-opportunities" hreflang="en">Job, Volunteer and Internship Opportunities</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/current-audit-schedule" hreflang="en">Current Audit Schedule</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/auditors-community-advisory-committee" hreflang="en">Auditor’s Community Advisory Committee</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/board-commissioners-audit-committee" hreflang="en">Board of Commissioners Audit Committee</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/invite-multnomah-county-auditor-jennifer-mcguirk-event" hreflang="en">Invite Multnomah County Auditor Jennifer McGuirk to an event</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.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
/es/elected/oficina-del-auditor18findings
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumLink is distinguished from surrounding text only by color (link: rgb(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/oportunidades-de-empleo-voluntariado-y-practicas-profesionales" hreflang="es">Oportunidades de empleo, voluntariado y prácticas profesionales</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/comision-de-salarios" hreflang="es">Comisión de Salarios</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/comite-de-auditoria-de-la-junta-de-comisionados" hreflang="es">Comité de Auditoría de la Junta de Comisionados</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/auditor-del-condado-y-personal" hreflang="es">Auditor del condado y personal</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/responsabilidades-del-auditor-del-condado" hreflang="es">Responsabilidades del auditor del condado</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/invita-la-auditora-del-condado-de-multnomah-jennifer-mcguirk-un-evento" hreflang="es">Invita a la auditora del condado de Multnomah, Jennifer McGuirk, a un evento</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/informes-de-auditoria-informes-especiales-y-memorandos" hreflang="es">Informes de auditoría, informes especiales y memorandos</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/comite-asesor-comunitario-del-auditor" hreflang="es">Comité Asesor Comunitario del Auditor</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/auditorias-en-curso" hreflang="es">Auditorías en curso</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/es/info/calendario-de-auditoria-actual" hreflang="es">Calendario de auditoría actual</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.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</a>
/elected/julia-brim-edwards16findings
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (10px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://facebook.com/MultCo"><span class="fa-brands fa-facebook-f" aria-hidden="true"> </span><span class="visually-hidden">Facebook</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highAll touch targets must be 24px large, or leave sufficient space: Fix any of the following: Target has insufficient size (16px by 18px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22px instead of at least 24px.WCAG 2.5.8
<a class="link-white" href="https://twitter.com/multco"><span class="fa-brands fa-x-twitter" aria-hidden="true"> </span><span class="visually-hidden">X (Twitter)</span></a>
Ensure touch targets have sufficient size and space. See: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
highMissing Content-Security-Policy header
Add a Content-Security-Policy header with appropriate directives Add Referrer-Policy: strict-origin-when-cross-origin or no-referrer
mediumFocusable element has generic role. Keyboard users can reach it but screen readers provide no context about its purpose.WCAG 4.1.2
<!-- a11y: role="generic" -->
Add an explicit ARIA role (e.g., role="button") and an accessible name. WCAG 4.1.2 requires interactive elements to expose their role.
mediumPage has 8 "navigation" landmarks but only 7 have distinct labels. Screen reader users cannot distinguish between them.WCAG 1.3.1
<!-- 8 navigation landmarks, 7 labeled -->
Add unique aria-label or aria-labelledby to each "navigation" landmark so screen readers can differentiate them. Example: <nav aria-label="Primary">, <nav aria-label="Footer">.
mediumLink is distinguished from surrounding text only by color (link: rgb(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/news-headlines-and-media-coverage" hreflang="en">News Headlines and Media Coverage</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/news/board-proclaims-may-2024-asian-asian-american-native-hawaiian-and-pacific-islander-heritage" hreflang="en">Board proclaims May 2024 as Asian, Asian American, Native Hawaiian and Pacific
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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/news/news-release-multnomah-county-chair-jessica-vega-pederson-shares-next-steps-work-open-24-hour" hreflang="en">NEWS RELEASE: Multnomah County Chair Jessica Vega Pederson shares next steps
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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/official-statements" hreflang="en">Official Statements</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/news/news-release-chair-vega-pederson-mayor-wheeler-share-homelessness-response-action-plan" hreflang="en">NEWS RELEASE: Chair Vega Pederson, Mayor Wheeler share Homelessness Response Action
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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/weekly-updates" hreflang="en">Weekly Updates</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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/news/silos-substance-use-disorder-service-providers-create-frustration-among-experts-call-creation" hreflang="en">Silos in substance use disorder service providers create frustration among e
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(52, 96, 148), text: rgb(33, 37, 41)). Users who cannot perceive color differences may not identify this as a link.WCAG 1.4.1
<a href="/info/important-documents" hreflang="en">Important Documents</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.
mediumPage has only one navigation mechanism (navigation). WCAG requires at least two ways to locate a page within a set of pages.WCAG 2.4.5
Add at least two of: site navigation (<nav>), search functionality (input[type="search"] or role="search"), a sitemap link, breadcrumb navigation, or a table of contents.
lowBroken link: https://twitter.com/multco returned status 403 Forbidden after 1 attempts
<a href="https://twitter.com/multco">X (Twitter)</a>
lowBroken link: https://bsky.app/profile/multco.bsky.social returned status 404 Not Found after 1 attempts
<a href="https://bsky.app/profile/multco.bsky.social">Bluesky</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.