Accessibility Scan Report

Title: https://oregon.gov/ Issue: #228 Date: 4/17/2026, 5:17:14 PM Duration: 20.6m URLs: 81 / 81 🌙 Dark Mode: 1 / 81 URLs⚡ Reduced Motion: 22 / 81 URLs🔍 High Contrast: 2 / 81 URLs🖥️ Forced Colors: 2 / 81 URLs

Summary

Issues

  • By Level: A (156), AA (628), AAA (47)
  • By Version (A & AA): WCAG 2.0 (254), WCAG 2.2 (530)
  • By Category: axe-strict (406) & Best Practice (23) & Others (797)
  • Total: 1226 across 51 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below. Numbers in parentheses (+N) indicate findings that cover WCAG criteria already reported by axe.
Oregon Department of Veterans' Affairs : Welcome Page : State of Oregon 63
Oregon Department of Veterans' Affairs : Welcome Page : State of Oregon 63
Oregon Department of Human Services : Oregon Department of Human Services : State of Oregon 21
Oregon Department of Transportation : Titling and Registering Your Vehicle : Oregon Driver & Motor Vehicle Services : State of Oregon 39
Treasury : Sustainable Investing : Invested for Oregon : State of Oregon 25
Treasury : Climate-Positive Investing : Invested for Oregon : State of Oregon 25
Treasury : Administrative Rules : About Treasury : State of Oregon 22
Governor of Oregon : Governor Tina Kotek : State of Oregon 16
Oregon Department of Veterans' Affairs : Careers At ODVA : Connect With ODVA : State of Oregon 28
Oregon Department of Veterans' Affairs : Careers At ODVA : Connect With ODVA : State of Oregon 28

🔧 Most Common Issues (ALFA)

31 rules
530 Serious alfa SC 2.5.8 AA Motor SIA-R111: Interactive elements have a sufficient target size
81 pages affected

Rule Information

Engine: alfa

Roles: UX Designer, Visual Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 2.5.8 AA

Disabilities affected:
Motor

Affected Pages

Who Is Affected

  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans

Examples

Example 1 View on Page
Target has insufficient size
Mode: light
<a class="d-none d-lg-block" href="/Pages/agencies.aspx">...</a>
XPath: /a[@class="d-none d-lg-block"]
Example 2 View on Page
Target has insufficient size
Mode: light
<a href="https://www.oregon.gov">...</a>
XPath: /a
Example 3 View on Page
Target has insufficient size
Mode: light
<a href="#_" class="or-active">...</a>
XPath: /a[@class="or-active"]
Example 4 View on Page
Target has insufficient size
Mode: light
<a href="#_" class=" ">...</a>
XPath: /a[@class=" "]
Example 5 View on Page
Target has insufficient size
Mode: light
<a class="d-none d-lg-block" href="/Pages/agencies.aspx">...</a>
XPath: /a[@class="d-none d-lg-block"]
47 Moderate alfa SC 1.4.6 AAA Visual SIA-R66: Text has enhanced contrast with its background
47 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.6 AAA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The highest possible contrast of the text is 6.81:1 which is below the required contrast of 7:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 3.13:1 which is below the required contrast of 7:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 5.41:1 which is below the required contrast of 7:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 5.41:1 which is below the required contrast of 7:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 5.41:1 which is below the required contrast of 7:1
Mode: light
46 Moderate alfa SIA-R74
39 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The font size is specified using an absolute unit
Mode: light
<p style="text-align: left; font-size: 14px;">...</p>
XPath: /p
Example 2 View on Page
The font size is specified using an absolute unit
Mode: light
<p style="text-align: left; font-size: 14px;">...</p>
XPath: /p
Example 3 View on Page
The font size is specified using an absolute unit
Mode: light
<p style="text-align: left; font-size: 14px;">...</p>
XPath: /p
Example 4 View on Page
The font size is specified using an absolute unit
Mode: light
<p style="text-align: left; font-size: 14px;">...</p>
XPath: /p
Example 5 View on Page
The font size is specified using an absolute unit
Mode: light
<p style="text-align: left; font-size: 14px;">...</p>
XPath: /p
41 Moderate alfa SIA-R3: lang attribute has a valid language code
16 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element does not have a unique ID
Mode: light
<style media="all" id="fa-kit-upload"></style>
XPath: /style[@id="fa-kit-upload"]
Example 2 View on Page
The element does not have a unique ID
Mode: light
<style media="all" id="fa-v4-font-face">/*! * Font Awesome Pro 5.15.4 by @fontawesome - h...</style>
XPath: /style[@id="fa-v4-font-face"]
Example 3 View on Page
The element does not have a unique ID
Mode: light
<style media="all" id="fa-v4-shims">/*! * Font Awesome Pro 5.15.4 by @fontawesome - h...</style>
XPath: /style[@id="fa-v4-shims"]
Example 4 View on Page
The element does not have a unique ID
Mode: light
<style media="all" id="fa-main">/*! * Font Awesome Pro 5.15.4 by @fontawesome - h...</style>
XPath: /style[@id="fa-main"]
Example 5 View on Page
The element does not have a unique ID
Mode: light
<a class="nav-link dropdown-toggle headerDropDownTitle" href="#" id="navbarDropdownMenuLink" role="button" style="color:#3b6440" data-bs-toggle="dropdown" aria-expanded="false">...</a>
XPath: /a[@id="navbarDropdownMenuLink"]
32 Serious alfa SC 1.4.3 AA Visual SIA-R69: Text has sufficient contrast with its background
32 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The highest possible contrast of the text is 3.13:1 which is below the required contrast of 4.5:1
Mode: light
Example 2 View on Page
The highest possible contrast of the text is 3.27:1 which is below the required contrast of 4.5:1
Mode: light
Example 3 View on Page
The highest possible contrast of the text is 3.27:1 which is below the required contrast of 4.5:1
Mode: light
Example 4 View on Page
The highest possible contrast of the text is 3.27:1 which is below the required contrast of 4.5:1
Mode: light
Example 5 View on Page
The highest possible contrast of the text is 3.27:1 which is below the required contrast of 4.5:1
Mode: light
21 Moderate alfa SIA-R73: Text spacing can be adjusted without loss of content
21 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>...</p>
XPath: /p
Example 2 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>We help improve Oregon governments' financial capa...</p>
XPath: /p
Example 3 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p id="prefix-overlay-label">Sign up for the latest news and updates from the O...</p>
XPath: /p[@id="prefix-overlay-label"]
Example 4 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p>At Oregon State Treasury, we prioritize long-term ...</p>
XPath: /p
Example 5 View on Page
The line height of the paragraph is less than 1.5
Mode: light
<p class="rssapp-card-description" style="font-size: 15px; line-height: 20px; -webkit-line-clamp: 4; color: rgb(0, 0, 0); text-align: left;">Attention service members, dependents, and retiree...</p>
XPath: /p[@class="rssapp-card-description"]
19 Moderate alfa Best Practice SIA-R53: Headings follow a logical hierarchy
19 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Affected Pages

Examples

Example 1 View on Page
The heading skips one or more levels
Mode: light
<h3 class="sr-only">Services List</h3>
XPath: /h3[@class="sr-only"]
Example 2 View on Page
The heading skips one or more levels
Mode: light
<h3 class="sr-only">Services List</h3>
XPath: /h3[@class="sr-only"]
Example 3 View on Page
The heading skips one or more levels
Mode: light
<h3>Search Oregon.gov</h3>
XPath: /h3
Example 4 View on Page
The heading skips one or more levels
Mode: light
<h3>...</h3>
XPath: /h3
Example 5 View on Page
The heading skips one or more levels
Mode: light
<h3>...</h3>
XPath: /h3
11 Moderate alfa SIA-R113
7 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Target has insufficient size and spacing
Mode: light
<a href="#_" class="or-active">...</a>
XPath: /a[@class="or-active"]
Example 2 View on Page
Target has insufficient size and spacing
Mode: light
<a href="#_" class=" ">...</a>
XPath: /a[@class=" "]
Example 3 View on Page
Target has insufficient size and spacing
Mode: light
<a href="https://www.oregon.gov/odva/Connect/Documents/PublicRecords/RM4014 - Request for Military Discharge Record.pdf" title="" onclick="DispEx(this, event, 'TRUE', 'FALSE', 'FALSE', 'AdobeAcrobat.OpenDocuments', '1', 'AdobeAcrobat.OpenDocuments', '', '1', '', '', '0', '0', '0x400000300c231061'); return false;">RM4014 - Request for Military Discharge Record.pdf</a>
XPath: /a
Example 4 View on Page
Target has insufficient size and spacing
Mode: light
<a href="/odot/DMV/docs/Cantonese_Oregon_DMV_Offices_Checklist.pdf">Cantonese</a>
XPath: /a
Example 5 View on Page
Target has insufficient size and spacing
Mode: light
<a href="#" class="flex-active">1</a>
XPath: /a[@class="flex-active"]
9 Moderate alfa SIA-R17
3 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div class="feature feature-with-image secondary image-first flex-active-slide" role="group" aria-roledescription="slide" aria-label="Slide 1: Save your own way." aria-hidden="true" data-thumb-alt="" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">...</div>
XPath: /div[@class="feature feature-with-image secondary image-first flex-active-slide"]
Example 2 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div class="feature feature-with-image secondary image-first" role="group" aria-roledescription="slide" aria-label="Slide 2: Available to everyone." aria-hidden="true" data-thumb-alt="" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">...</div>
XPath: /div[@class="feature feature-with-image secondary image-first"]
Example 3 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div class="feature feature-with-image secondary" role="group" aria-roledescription="slide" aria-label="Slide 3: Made for real life." aria-hidden="true" data-thumb-alt="" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">...</div>
XPath: /div[@class="feature feature-with-image secondary"]
Example 4 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div class="feature feature-with-image secondary image-first flex-active-slide" role="group" aria-roledescription="slide" aria-label="Slide 1: Save your own way." aria-hidden="true" data-thumb-alt="" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">...</div>
XPath: /div[@class="feature feature-with-image secondary image-first flex-active-slide"]
Example 5 View on Page
The element is either tabbable or has tabbable descendants
Mode: light
<div class="feature feature-with-image secondary image-first" role="group" aria-roledescription="slide" aria-label="Slide 2: Available to everyone." aria-hidden="true" data-thumb-alt="" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">...</div>
XPath: /div[@class="feature feature-with-image secondary image-first"]
7 Moderate alfa SIA-R57: Landmarks don't repeat the same content
7 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The text is not included in a landmark region
Mode: light
Example 2 View on Page
The text is not included in a landmark region
Mode: light
Example 3 View on Page
The text is not included in a landmark region
Mode: light
Example 4 View on Page
The text is not included in a landmark region
Mode: light
Example 5 View on Page
The text is not included in a landmark region
Mode: light
6 Moderate alfa SIA-R87: First focusable element is a skip link
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
Example 2 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
Example 3 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
Example 4 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
Example 5 View on Page
The first tabbable element in the document is not a semantic link
Mode: light
6 Moderate alfa SIA-R70
6 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The document contains deprecated elements
Mode: light
Example 2 View on Page
The document contains deprecated elements
Mode: light
Example 3 View on Page
The document contains deprecated elements
Mode: light
Example 4 View on Page
The document contains deprecated elements
Mode: light
Example 5 View on Page
The document contains deprecated elements
Mode: light
6 Moderate alfa SIA-R78: Headings of same level have text content between them
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
There is no content between this heading and the next
Mode: light
<h2 class="block-title" id="HelpingOregon">Meet some of our valued partners.</h2>
XPath: /h2[@id="HelpingOregon"]
Example 2 View on Page
There is no content between this heading and the next
Mode: light
<h2 class="block-title">...</h2>
XPath: /h2[@class="block-title"]
Example 3 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="today-stamp">Timeline of Noteworthy Actions</h3>
XPath: /h3[@class="today-stamp"]
Example 4 View on Page
There is no content between this heading and the next
Mode: light
<h3 class="today-stamp">Timeline of Noteworthy Actions</h3>
XPath: /h3[@class="today-stamp"]
Example 5 View on Page
There is no content between this heading and the next
Mode: light
<h2 class="block-title" id="HelpingOregon">Meet some of our valued partners.</h2>
XPath: /h2[@id="HelpingOregon"]
5 Moderate alfa SIA-R90: iframe elements have an accessible name
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element has tabbable descendants
Mode: light
<div class="panel-heading" role="tab" id="heading5">...</div>
XPath: /div[@id="heading5"]
Example 2 View on Page
The element has tabbable descendants
Mode: light
<div class="panel-heading" role="tab" id="heading6">...</div>
XPath: /div[@id="heading6"]
Example 3 View on Page
The element has tabbable descendants
Mode: light
<div class="panel-heading" role="tab" id="heading3">...</div>
XPath: /div[@id="heading3"]
Example 4 View on Page
The element has tabbable descendants
Mode: light
<div class="panel-heading" role="tab" id="heading4">...</div>
XPath: /div[@id="heading4"]
Example 5 View on Page
The element has tabbable descendants
Mode: light
<div class="panel-heading" role="tab" id="heading0">...</div>
XPath: /div[@id="heading0"]
4 Moderate alfa Best Practice SIA-R61: Documents start with a level 1 heading
4 pages affected

Rule Information

Engine: alfa

Roles: Content Author, UX Designer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
The document does not start with a level 1 heading
Mode: light
Example 2 View on Page
The document does not start with a level 1 heading
Mode: light
Example 3 View on Page
The document does not start with a level 1 heading
Mode: light
Example 4 View on Page
The document does not start with a level 1 heading
Mode: light
4 Critical alfa SC 4.1.2 A Visual Motor Cognitive SIA-R11: Button elements have an accessible name
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer, Content Author

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The link does not have an accessible name
Mode: light
<a class="rssapp-card-social-item" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fnews.va.gov%2F146188%2Fvpittsburgh-chaplains-holistic-support-veterans%2F" target="_blank" rel="noopener noreferrer" aria-label="" style="background: rgb(60, 90, 154);">...</a>
XPath: /a[@class="rssapp-card-social-item"]
Example 2 View on Page
The link does not have an accessible name
Mode: light
<a href="https://issuu.com/odva/docs/2026_oregon_veterans_benefits_magazine" target="_blank">...</a>
XPath: /a
Example 3 View on Page
The link does not have an accessible name
Mode: light
<a class="rssapp-card-social-item" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fnews.va.gov%2F146188%2Fvpittsburgh-chaplains-holistic-support-veterans%2F" target="_blank" rel="noopener noreferrer" aria-label="" style="background: rgb(60, 90, 154);">...</a>
XPath: /a[@class="rssapp-card-social-item"]
Example 4 View on Page
The link does not have an accessible name
Mode: light
<a href="https://issuu.com/odva/docs/2026_oregon_veterans_benefits_magazine" target="_blank">...</a>
XPath: /a
4 Moderate alfa SIA-R13
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe src="https://player.vimeo.com/video/1039812871?h=1d3bae2d5a" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="" />
XPath: /iframe
Example 2 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe src="https://player.vimeo.com/video/1039812871?h=1d3bae2d5a" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="" />
XPath: /iframe
Example 3 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe class="iframe-sus-video" src="https://www.youtube.com/embed/jpXxXlE0yrE" alt="Video Ft Treasurer Steiner"> </iframe>
XPath: /iframe[@class="iframe-sus-video"]
Example 4 View on Page
The `<iframe>` does not have an accessible name
Mode: light
<iframe class="iframe-sus-video" src="https://www.youtube.com/embed/jpXxXlE0yrE" alt="Video Ft Treasurer Steiner"> </iframe>
XPath: /iframe[@class="iframe-sus-video"]
4 Moderate alfa SIA-R68: Accessible name contains the visible label text
4 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul> </ul>
XPath: /ul
Example 2 View on Page
The element owns no elements as required by its semantic role
Mode: light
<table class="display table table-reflow-css table-bordered or-table-striped" data-bind="attr: {id: uniqueId}, css: {'table-reflow-css': properties.responsiveMode == 'reflow', 'table-bordered': properties.tableBordered, 'or-table-striped': properties.tableStriped, 'table-condensed': properties.tableCondensed},{role: table}" tabindex="0" id="g_0ccf28fd_f48b_4c2a_a27c_97b3fb2b1199">...</table>
XPath: /table[@id="g_0ccf28fd_f48b_4c2a_a27c_97b3fb2b1199"]
Example 3 View on Page
The element owns no elements as required by its semantic role
Mode: light
<tbody />
XPath: /tbody
Example 4 View on Page
The element owns no elements as required by its semantic role
Mode: light
<ul>...</ul>
XPath: /ul
2 Moderate alfa SIA-R77
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The cell is not assigned to any header cell
Mode: light
<td class="text-center" style="border-top: 1px solid #ddd;">...</td>
XPath: /td[@class="text-center"]
Example 2 View on Page
The cell is not assigned to any header cell
Mode: light
<td class="text-center text-success" style="border-top: 1px solid #ddd;">...</td>
XPath: /td[@class="text-center text-success"]
2 Moderate alfa SIA-R80: ASCII art has a text alternative
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="rssapp-card-description" style="font-size: 15px; line-height: 20px; -webkit-line-clamp: 4; color: rgb(0, 0, 0); text-align: left;">Attention service members, dependents, and retiree...</p>
XPath: /p[@class="rssapp-card-description"]
Example 2 View on Page
The line height is specified using an absolute unit
Mode: light
<p class="rssapp-card-description" style="font-size: 15px; line-height: 20px; -webkit-line-clamp: 4; color: rgb(0, 0, 0); text-align: left;">Attention service members, dependents, and retiree...</p>
XPath: /p[@class="rssapp-card-description"]
2 Moderate alfa SIA-R83: Text can be resized to 200% without loss of content
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text is clipped
Mode: light
Example 2 View on Page
The text is clipped
Mode: light
2 Moderate alfa SIA-R56: Landmarks with the same role are distinguishable
2 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Some `complementary` have the same name.
Mode: light
Example 2 View on Page
Some `complementary` have the same name.
Mode: light
2 Serious alfa SC 1.4.1 A Visual Cognitive SIA-R62: Links are visually distinguishable from surrounding text
2 pages affected

Rule Information

Engine: alfa

Roles: Visual Designer, UX Designer

Blocking: No

WCAG: SC 1.4.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
The link is not distinguishable from the surrounding text
Mode: light
<a href="mailto:human.resources@ODVA.oregon.gov" target="_blank">human.resources@ODVA.oregon.gov</a>
XPath: /a
Example 2 View on Page
The link is not distinguishable from the surrounding text
Mode: light
<a href="mailto:human.resources@ODVA.oregon.gov" target="_blank">human.resources@ODVA.oregon.gov</a>
XPath: /a
1 Moderate alfa SIA-R72
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The text of the paragraph is uppercased
Mode: light
<p class="or-news-article-date">...</p>
XPath: /p[@class="or-news-article-date"]
1 Moderate alfa SIA-R20
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The attribute is not defined
Mode: light
1 Serious alfa SC 3.1.1 A Cognitive SIA-R2: HTML elements have a valid lang attribute
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

WCAG: SC 3.1.1 A

Disabilities affected:
Cognitive

Who Is Affected

  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
The image does not have an accessible name
Mode: light
<img src="/ODVA/SiteAssets/scripts/RSS/FeedEk/loader.gif" />
XPath: /img
1 Moderate alfa SIA-R18: ARIA states are consistent with element semantics
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The attribute is prohibited for the element on which it is specified
Mode: light
1 Moderate alfa SIA-R84
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The scrollable element is not reachable through keyboard navigation
Mode: light
<div id="WebPartWPQ1" class="ms-WPBody " style="width:400px;height:250px;overflow:auto;">...</div>
XPath: /div[@id="WebPartWPQ1"]
1 Moderate alfa SIA-R19
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The attribute does not have a valid value
Mode: light
1 Moderate alfa SIA-R40
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The region does not have an accessible name
Mode: light
<div id="meeting-calendar" class="meeting-calendar__container" role="region" aria-describedby="meeting-calendar-instructions">...</div>
XPath: /div[@id="meeting-calendar"]
1 Moderate alfa SIA-R46
1 pages affected

Rule Information

Engine: alfa

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The header cell is not assigned to any cell
Mode: light
<th class="sorting_disabled" rowspan="1" colspan="1" style="width: 133.172px;">Closing Date</th>
XPath: /th[@class="sorting_disabled"]

🔧 Most Common Issues (axe)

20 rules
68 Moderate axe aria-allowed-role
67 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<button class="sr-only" disabled="" type="submit" role="region" aria-label="Section 508 Hidden Submit">Hidden Submit</button>
XPath: button[aria-label="Section 508 Hidden Submit"]
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<button class="sr-only" disabled="" type="submit" role="region" aria-label="Section 508 Hidden Submit">Hidden Submit</button>
XPath: button[aria-label="Section 508 Hidden Submit"]
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<button class="sr-only" disabled="" type="submit" role="region" aria-label="Section 508 Hidden Submit">Hidden Submit</button>
XPath: button[aria-label="Section 508 Hidden Submit"]
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<button class="sr-only" disabled="" type="submit" role="region" aria-label="Section 508 Hidden Submit">Hidden Submit</button>
XPath: button[aria-label="Section 508 Hidden Submit"]
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<button class="sr-only" disabled="" type="submit" role="region" aria-label="Section 508 Hidden Submit">Hidden Submit</button>
XPath: button[aria-label="Section 508 Hidden Submit"]
66 Serious axe SC 1.4.3 AA Visual color-contrast: Ensures text and interactive elements have sufficient contrast ratio (4.5:1 for normal text, 3:1 for large text) against their background.
30 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<b style="font-weight: bold;"> Recommended <br>Version </b>
XPath: .text-success > b
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="prefix-overlay-action-dismiss" id="prefix-dismissButton">No Thanks</button>
XPath: #prefix-dismissButton
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="prefix-overlay-action-later" id="prefix-laterButton">Remind Me Later</button>
XPath: #prefix-laterButton
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="prefix-overlay-action-dismiss" id="prefix-dismissButton">No Thanks</button>
XPath: #prefix-dismissButton
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="prefix-overlay-action-later" id="prefix-laterButton">Remind Me Later</button>
XPath: #prefix-laterButton
48 Moderate axe aria-dialog-name
48 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1" style="height: 340px;">
XPath: #prefix-overlay-outer
Example 2 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1" style="height: 340px;">
XPath: #prefix-overlay-outer
Example 3 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1" style="height: 340px;">
XPath: #prefix-overlay-outer
Example 4 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1" style="height: 340px;">
XPath: #prefix-overlay-outer
Example 5 View on Page
ARIA dialog and alertdialog nodes should have an accessible name
Mode: light
<div id="prefix-overlay-outer" tabindex="0" role="dialog" aria-modal="true" aria-describedby="prefix-overlay-step1" style="height: 340px;">
XPath: #prefix-overlay-outer
46 Moderate axe region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
38 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<a class="or-navbar-brand" href="http://www.oregon.gov">
XPath: .or-navbar-brand
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<a class="or-navbar-brand" href="http://www.oregon.gov">
XPath: .or-navbar-brand
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<a class="or-navbar-brand" href="http://www.oregon.gov">
XPath: .or-navbar-brand
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<a class="or-navbar-brand" href="http://www.oregon.gov">
XPath: .or-navbar-brand
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<a class="or-navbar-brand" href="http://www.oregon.gov">
XPath: .or-navbar-brand
23 Moderate axe heading-order: Ensures heading levels are not skipped (e.g. h1→h3). Inconsistent heading hierarchy makes page structure difficult to navigate for screen reader users.
22 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="sr-only">Services List</h3>
XPath: .container > h3
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="sr-only">Services List</h3>
XPath: .container > h3
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3>Search Oregon.gov</h3>
XPath: h3:nth-child(2)
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3> <a href="https://or.accessgov.com/treasury/Forms/Page/treasury/invoice-investments-reimbursable" target="_blank">Investment<br>Reimbursable Expenses</a></h3>
XPath: article:nth-child(1) > h3
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h3>
XPath: #panel-4be27a09-0334-4603-9288-e6152ba8f22f > h3
19 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-allowed-attr: Ensures ARIA attributes are only used on elements where they are permitted by the ARIA specification.
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Elements must only use supported ARIA attributes
Mode: light
<div class="panel-group" id="accordion" aria-multiselectable="true">
XPath: .wrapper.center-block:nth-child(2) > .panel-group[aria-multiselectable="true"]
Example 2 View on Page
Elements must only use supported ARIA attributes
Mode: light
<div class="panel-group" id="accordion" aria-multiselectable="true">
XPath: .wrapper.center-block:nth-child(3) > .panel-group[aria-multiselectable="true"]
Example 3 View on Page
Elements must only use supported ARIA attributes
Mode: light
<div class="panel-group" id="accordion" aria-multiselectable="true">
XPath: .wrapper.center-block:nth-child(4) > .panel-group[aria-multiselectable="true"]
Example 4 View on Page
Elements must only use supported ARIA attributes
Mode: light
<div class="panel-group" id="accordion" aria-multiselectable="true">
XPath: .wrapper.center-block:nth-child(5) > .panel-group[aria-multiselectable="true"]
Example 5 View on Page
Elements must only use supported ARIA attributes
Mode: light
<div class="panel-group" id="accordion" aria-multiselectable="true">
XPath: .wrapper.center-block:nth-child(6) > .panel-group[aria-multiselectable="true"]
15 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-valid-attr-value: Ensures all ARIA attributes have valid values as required by the specification. Invalid values break assistive technology behavior.
8 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
ARIA attributes must conform to valid values
Mode: light
<div class="alert alert-warning alert-dismissible" aria-live="alert" role="alert">
XPath: .alert-warning
Example 2 View on Page
ARIA attributes must conform to valid values
Mode: light
<a class="gov-carousel-sr-pause" href="#" data-bind="click: $component.pauseButtonClicked" aria-controls="#gov-carousel-content">
XPath: .gov-carousel-sr-pause
Example 3 View on Page
ARIA attributes must conform to valid values
Mode: light
<button type="button" aria-controls="#gov-carousel-content" data-bind="click: $component.pauseButtonClicked, attr: {tabindex: $index() === $component.currentIndex ? 0 : -1}" tabindex="0">
XPath: .gov-carousel-slide-active > .gov-carousel-pause > button[aria-controls="#gov-carousel-content"][type="button"]
Example 4 View on Page
ARIA attributes must conform to valid values
Mode: light
<a role="button" aria-controls="#gov-carousel-content" href="#" data-bind="css: {active: $component.currentIndex === $index()}, click: function() { $component.jumpToSlide($index()) }" class="active">
XPath: .active
Example 5 View on Page
ARIA attributes must conform to valid values
Mode: light
<a role="button" aria-controls="#gov-carousel-content" href="#" data-bind="css: {active: $component.currentIndex === $index()}, click: function() { $component.jumpToSlide($index()) }">
XPath: a[role="button"][aria-controls="#gov-carousel-content"][href="#"]:nth-child(2)
13 Serious axe SC 1.3.1 A Visual Cognitive list: Ensures <ul> and <ol> contain only <li> elements. Invalid list structure prevents screen readers from announcing list item counts and navigation shortcuts.
8 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul>
XPath: ul:nth-child(5)
Example 2 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ol>
XPath: #ctl00_MainContentPlaceHolder_PageContentPlaceHolder_RichHtmlField11__ControlWrapper_OregonRichHtmlField > ol
Example 3 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul class="list-unstyled">
XPath: .ExternalClassFB637E2E3E9E49DCA8D4C666E2A71E60 > .list-unstyled
Example 4 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul>
XPath: #ctl00_ctl00_MainContentPlaceHolder_PageContentPlaceHolder_PageContentPlaceHolder_RichHtmlField1__ControlWrapper_OregonRichHtmlField > ul:nth-child(6)
Example 5 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul>
XPath: #ctl00_MainContentPlaceHolder_PageContentPlaceHolder_RichHtmlField12__ControlWrapper_OregonRichHtmlField > ul:nth-child(3)
10 Moderate axe SC 1.4.1 A Visual Cognitive link-in-text-block
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.4.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

Examples

Example 1 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="mailto:denisecody@coquilletribe.org">denisecody@coquilletribe.org</a>
XPath: .odd:nth-child(7) > td:nth-child(3) > a:nth-child(4)
Example 2 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="/odva/Benefits/Pages/Healthcare.aspx">Healthcare</a>
XPath: p:nth-child(7) > a
Example 3 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="/odva/Benefits/Pages/Education.aspx">Education</a>
XPath: p:nth-child(10) > a
Example 4 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="/odva/Benefits/Pages/Burial.aspx">Burial</a>
XPath: p:nth-child(13) > a
Example 5 View on Page
Links must be distinguishable without relying on color
Mode: light
<a href="/pers/mem/pages/oregon-savings-growth-plan.aspx?utm_source=pers&amp;utm_medium=egov_redirect&amp;utm_campaign=https%3a//www.oregon.gov/pers/osgp/pages/index.aspx" target="_blank">deferred compensation savings program</a>
XPath: li:nth-child(5) > a[target="_blank"]
5 Moderate axe SC 4.1.2 A Visual Motor Cognitive nested-interactive
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Interactive controls must not be nested
Mode: light
<div class="panel-heading" role="tab" id="heading5">
XPath: #heading5
Example 2 View on Page
Interactive controls must not be nested
Mode: light
<div class="panel-heading" role="tab" id="heading6">
XPath: #heading6
Example 3 View on Page
Interactive controls must not be nested
Mode: light
<div class="panel-heading" role="tab" id="heading3">
XPath: #heading3
Example 4 View on Page
Interactive controls must not be nested
Mode: light
<div class="panel-heading" role="tab" id="heading4">
XPath: #heading4
Example 5 View on Page
Interactive controls must not be nested
Mode: light
<div class="panel-heading" role="tab" id="heading0">
XPath: #heading0
4 Moderate axe page-has-heading-one
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en" class="nr-admin-select-tenant" style="height: 100%;">
XPath: html
Example 2 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en-us" class="js flexbox flexboxle..." style="height: 100%;">
XPath: html
Example 3 View on Page
Page should contain a level-one heading
Mode: dark
<html lang="en-us" class="js flexbox flexboxle..." style="height: 100%;">
XPath: html
Example 4 View on Page
Page should contain a level-one heading
Mode: light
<html lang="af" class=" js flexbox flexboxl..." style="height: 100%;">
XPath: html
4 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-small-mode" tabindex="" id="movie_player" data-version="/s/player/4b0d80ee/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: iframe[width="400"]
Example 2 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-small-mode" tabindex="" id="movie_player" data-version="/s/player/4b0d80ee/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: iframe[width="560"]
Example 3 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode" tabindex="" id="movie_player" data-version="/s/player/4b0d80ee/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: .iframe-sus-video
Example 4 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode" tabindex="" id="movie_player" data-version="/s/player/4b0d80ee/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: .iframe-sus-video
3 Serious axe SC 1.3.1 A Visual Cognitive listitem: Ensures <li> elements are contained within a <ul> or <ol>. List items outside lists lose their structural meaning for screen reader users.
1 pages affected

Rule Information

Engine: axe

Roles: Content Author, Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><a href="https://oregon.gov/osmb/title-registration/Pages/Email-Marine-Board.aspx">General Agency Email</a> </li>
XPath: dl > li:nth-child(4)
Example 2 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><a title="Report a Boater" href="https://oregon.gov/osmb/boater-info/Pages/Report-A-Boater.aspx">Report a Boater</a></li>
XPath: dl > li:nth-child(5)
Example 3 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><a title="Turn In Poachers" href="https://www.protectoregonswildlife.com">Turn In Poachers</a></li>
XPath: dl > li:nth-child(6)
2 Serious axe SC 4.1.2 A Visual Motor Cognitive frame-title: Ensures <iframe> and <frame> elements have a descriptive title attribute so screen reader users understand what the embedded content contains.
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, Content Author

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Frames must have an accessible name
Mode: light
<iframe src="https://player.vimeo.com/video/1039812871?h=1d3bae2d5a" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe>
XPath: iframe[allow="autoplay; fullscreen"]
Example 2 View on Page
Frames must have an accessible name
Mode: light
<iframe src="https://player.vimeo.com/video/1039812871?h=1d3bae2d5a" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe>
XPath: iframe[allow="autoplay; fullscreen"]
2 Moderate axe image-redundant-alt
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img class="img-fluid img-responsive" src="/ODVA/PublishingImages/Taskboxes/ODVATaskbox.jpg" alt="Connect With ODVA">
XPath: img[alt="Connect With ODVA"]
Example 2 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img class="img-fluid img-responsive" src="/ODVA/PublishingImages/Taskboxes/ODVATaskbox.jpg" alt="Connect With ODVA">
XPath: img[alt="Connect With ODVA"]
1 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-valid-attr: Ensures attributes beginning with 'aria-' are valid ARIA attributes. Typos or custom names are ignored by assistive technologies.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
ARIA attributes must conform to valid names
Mode: light
<span aria-described-by="edgeDetail">Microsoft Edge*</span>
XPath: span[aria-described-by="edgeDetail"]
1 Critical axe SC 4.1.2 A Visual Motor Cognitive label: Ensures every form input has an associated label. Without labels, screen reader users cannot understand what information a form field requires.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: ⚠️ Yes (Task-Blocking)

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Form elements must have labels
Mode: light
<input type="file" name="formBuilderAttachments" multiple="" data-bind="attr: {id: $component.fileUploadElementId}" id="301328b0-7be8-47fa-93b3-d91ae0707771">
XPath: #\33 01328b0-7be8-47fa-93b3-d91ae0707771
1 Moderate axe SC 1.3.1 A Visual Cognitive definition-list
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements
Mode: light
<dl>
XPath: dl
1 Moderate axe SC 1.3.1 A Visual Cognitive aria-required-children
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Certain ARIA roles must contain particular children
Mode: light
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
XPath: #accordion