Accessibility Scan Report

Title: https://oregon.gov/ Issue: #228 Date: 3/30/2026, 11:41:31 PM Duration: 17.5m URLs: 81 / 81 🌙 Dark Mode: 1 / 81 URLs⚡ Reduced Motion: 21 / 81 URLs🔍 High Contrast: 2 / 81 URLs🖥️ Forced Colors: 2 / 81 URLs

Summary

Issues

  • By Level: A (154), AA (66)
  • By Version (A & AA): WCAG 2.0 (220)
  • By Category: axe-strict (387) & Others (212)
  • Total: 599 across 35 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 131
Oregon Department of Veterans' Affairs : Welcome Page : State of Oregon 131
Oregon Department of Human Services : Oregon Department of Human Services : State of Oregon 18
Oregon Department of Transportation : Titling and Registering Your Vehicle : Oregon Driver & Motor Vehicle Services : State of Oregon 95
Treasury : Sustainable Investing : Invested for Oregon : State of Oregon 36
Treasury : Climate-Positive Investing : Invested for Oregon : State of Oregon 36
Governor of Oregon : Governor Tina Kotek : State of Oregon 25
Oregon State Marine Board : Boating Education Cards : Boater Info : State of Oregon 61
Oregon Department of Veterans' Affairs : Careers At ODVA : Connect With ODVA : State of Oregon 54
Oregon Department of Veterans' Affairs : Careers At ODVA : Connect With ODVA : State of Oregon 54

🔧 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
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
24 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.
23 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-fe808f44-44cc-47aa-94a6-2e7849fa98a2 > h3
20 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)
19 Moderate axe aria-dialog-name
19 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
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"]
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"]
8 Moderate axe page-has-heading-one
5 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..." xmlns:mso="urn:schemas-microsof..." xmlns:msdt="uuid:C2F41010-65B3-1..." style="height: 100%;">
XPath: html
Example 3 View on Page
Page should contain a level-one heading
Mode: light
<html><head></head><body></body></html>
XPath: iframe[name="faf247359e8b1f68c"]
Example 4 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 5 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
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="heading6">
XPath: .panel.panel-default:nth-child(2) > .panel-heading[role="tab"]
Example 2 View on Page
Interactive controls must not be nested
Mode: light
<div class="panel-heading" role="tab" id="heading6">
XPath: .panel.panel-default:nth-child(7) > .panel-heading[role="tab"]
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 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/f85ea353/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/ace4b2f8/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/ace4b2f8/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/ace4b2f8/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="ec67735f-83d4-4337-ab57-f46df8624340">
XPath: #ec67735f-83d4-4337-ab57-f46df8624340
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

🔧 Most Common Issues (QualWeb)

15 rules
81 Moderate qualweb QW-ACT-R76: Element has contrast ratio lower than minimum.
81 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light
80 Moderate qualweb QW-ACT-R37: Element has contrast ratio lower than minimum.
80 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 2 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 3 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 4 View on Page
Element has contrast ratio lower than minimum.
Mode: light
Example 5 View on Page
Element has contrast ratio lower than minimum.
Mode: light
20 Moderate qualweb QW-ACT-R30: The complete visible text content of the test target neither matches or is contained within its accessible name.
20 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 2 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 3 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 4 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
Example 5 View on Page
The complete visible text content of the test target neither matches or is contained within its accessible name.
Mode: light
7 Moderate qualweb QW-ACT-R34: The test target `aria-live` attribute has an invalid value.
7 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target `aria-live` attribute has an invalid value.
Mode: light
Example 2 View on Page
The test target `aria-live` attribute has an invalid value.
Mode: light
Example 3 View on Page
The test target `aria-live` attribute has an invalid value.
Mode: light
Example 4 View on Page
The test target `aria-live` attribute has an invalid value.
Mode: light
Example 5 View on Page
The test target `aria-live` attribute has an invalid value.
Mode: light
4 Moderate qualweb QW-ACT-R25: The `aria-label` property is neither inherited nor supported by the `role` generic.
4 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The `aria-label` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 2 View on Page
The `aria-multiselectable` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 3 View on Page
The `aria-multiselectable` property is neither inherited nor supported by the `role` generic.
Mode: light
Example 4 View on Page
The `aria-multiselectable` property is neither inherited nor supported by the `role` generic.
Mode: light
4 Moderate qualweb QW-ACT-R19: The test target accessible name doesn't exist or it's empty ('').
4 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 2 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 3 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
Example 4 View on Page
The test target accessible name doesn't exist or it's empty ('').
Mode: light
3 Moderate qualweb QW-ACT-R38: The test target owns elements that doesn't have the correct role.
3 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
Example 2 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
Example 3 View on Page
The test target owns elements that doesn't have the correct role.
Mode: light
3 Moderate qualweb QW-ACT-R33: The test target parent doesn't have the required context `role`.
3 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target parent doesn't have the required context `role`.
Mode: light
Example 2 View on Page
The test target parent doesn't have the required context `role`.
Mode: light
Example 3 View on Page
The test target parent doesn't have the required context `role`.
Mode: light
2 Moderate qualweb QW-ACT-R12: The test target doesn't have an accessible name, or it's empty ('').
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
Example 2 View on Page
The test target doesn't have an accessible name, or it's empty ('').
Mode: light
2 Moderate qualweb QW-ACT-R70: The nested browsing context includes elements that are visible and part of the sequential focus navigation.
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The nested browsing context includes elements that are visible and part of the sequential focus navigation.
Mode: light
Example 2 View on Page
The nested browsing context includes elements that are visible and part of the sequential focus navigation.
Mode: light
2 Moderate qualweb QW-ACT-R39: The column header element does not have at least one assigned cell.
2 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The column header element does not have at least one assigned cell.
Mode: light
Example 2 View on Page
The column header element does not have at least one assigned cell.
Mode: light
1 Moderate qualweb QW-ACT-R28: The test target has unlisted required states or properties.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The test target has unlisted required states or properties.
Mode: light
1 Moderate qualweb QW-ACT-R27: One or more aria-* attributes are not defined in ARIA 1.1.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
One or more aria-* attributes are not defined in ARIA 1.1.
Mode: light
1 Moderate qualweb QW-ACT-R22: The test target has an invalid `lang` attribute.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The test target has an invalid `lang` attribute.
Mode: light
1 Moderate qualweb QW-ACT-R65: The element has descendants in the flat tree that are part of sequential focus navigation.
1 pages affected

Rule Information

Engine: qualweb

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element has descendants in the flat tree that are part of sequential focus navigation.
Mode: light