Accessibility Scan Report

Title: MD Labor Accessbility Scan Issue: #227 Date: 3/30/2026, 2:50:12 PM Duration: 10.8m URLs: 86 / 86 ⚡ Reduced Motion: 49 / 86 URLs🖥️ Forced Colors: 37 / 86 URLs

Summary

Issues

  • By Level: A (15), AA (0)
  • By Version (A & AA): WCAG 2.0 (15)
  • By Category: axe-strict (295) & Others (3910)
  • Total: 4205 across 33 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.
Foreclosure Help for Homeowners - Office of the Commissioner of Financial Regulation 48
Maryland Business - Division of Workforce Development and Adult Learning 80
Employment Standards Service-Wage and Hour Information - Division of Labor and Industry 86
Employment of Minors (Work Permit) - Employment Standards Service (ESS) - Division of Labor and Industry 80
Maryland Commission of Real Estate Appraisers, Appraisal Management Companies and Home Inspectors - Division of Occupational and Professional Licensing 60
Work Sharing for Avoiding Layoffs - Division of Unemployment Insurance - Maryland Department of Labor 26
Knowing Your Job Search Requirements - Division of Unemployment Insurance - Maryland Department of Labor 21
Knowing Your Job Search Requirements - Division of Unemployment Insurance - Maryland Department of Labor 21
Division of Workforce Development and Adult Learning - Maryland Department of Labor 103
Division of Occupational and Professional Licensing - Maryland Department of Labor 87

🔧 Most Common Issues (axe)

7 rules
228 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.
86 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 href="http://www.maryland.gov/pages/accessibility.aspx" class="sr-only sr-only-focusable show-on-focus" target="_blank">Accessibility Information</a>
XPath: .sr-only-focusable.show-on-focus.sr-only:nth-child(2)
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<a class="mdgov-entNav__logo" href="https://www.maryland.gov/"> <img src="https://egov.maryland.gov/doit/ewf/widgets/header/v2/img/mdgov-logo-2018-black.png" alt="Maryland.gov"> </a>
XPath: .mdgov-entNav__logo
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<ul class="mdgov-entNavList">
XPath: .mdgov-entNavList
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<div class="col-md-12 col-xl-3 p-3 p-lg-4 bg-gray">
XPath: .col-md-12
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<a href="http://www.maryland.gov/pages/accessibility.aspx" class="sr-only sr-only-focusable show-on-focus" target="_blank">Accessibility Information</a>
XPath: .sr-only-focusable.show-on-focus.sr-only:nth-child(2)
35 Moderate axe landmark-unique
35 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside id="sidenav" class="sidenav">
XPath: #sidenav
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside id="sidenav" class="sidenav">
XPath: #sidenav
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside id="sidenav" class="sidenav">
XPath: #sidenav
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside id="sidenav" class="sidenav">
XPath: #sidenav
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside id="sidenav" class="sidenav">
XPath: #sidenav
13 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.
13 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="card-title"> EARN Maryland Job Training Programs Near You</h3>
XPath: .col-sm-12.col-md-4.col-lg-6 > .card.card-shadowed.h-100 > .card-body > div > .card-title
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="mb-2">EARN Maryland</h3>
XPath: .active.carousel-item[href$="earn/"] > .carousel-caption.bg-secondary.text-white > .mb-2
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3>Providing Job Resources to Returning Citizens</h3>
XPath: #mdgovMain > h3
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3>Job Seekers</h3>
XPath: h3:nth-child(5)
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h4 class="usa-accordion__heading"> <button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="m-a1">Direct job contact activities </button></h4>
XPath: .usa-accordion__heading:nth-child(1)
6 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.
6 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(20)
Example 2 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul>
XPath: #mdgovMain > ul:nth-child(5)
Example 3 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul>
XPath: ul:nth-child(25)
Example 4 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul>
XPath: ul:nth-child(25)
Example 5 View on Page
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
Mode: light
<ul> <strong><li><a href="#1">Contact Your Mortgage Servicer</a></li> <li><a href="#2"> Know Your Rights</a></li> <li> <a href="#3"> Help is Available</a> </li> <li> <a href="#4"> Beware of Scams</a> </li> <li> <a href="#5"> Additional Resources</a></li> </strong> </ul>
XPath: ul:nth-child(4)
5 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="#1">Contact Your Mortgage Servicer</a></li>
XPath: strong > li:nth-child(1)
Example 2 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li><a href="#2"> Know Your Rights</a></li>
XPath: strong > li:nth-child(2)
Example 3 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li> <a href="#3"> Help is Available</a> </li>
XPath: strong > li:nth-child(3)
Example 4 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li> <a href="#4"> Beware of Scams</a> </li>
XPath: strong > li:nth-child(4)
Example 5 View on Page
<li> elements must be contained in a <ul> or <ol>
Mode: light
<li> <a href="#5"> Additional Resources</a></li>
XPath: strong > li:nth-child(5)
4 Moderate axe image-redundant-alt
3 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img class="d-block w-100" src="/images/wdearnslide.png" alt="earn maryland">
XPath: img[src$="wdearnslide.png"]
Example 2 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img src="/images/worksmart2.png" alt="Worksmart">
XPath: img[src$="worksmart2.png"]
Example 3 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img class="d-block w-100" src="/images/dliwearehiringslide.png" alt="We're Hiring!">
XPath: .d-block
Example 4 View on Page
Alternative text of images should not be repeated as text
Mode: light
<img class="d-block w-100" src="../../images/oplicslide.png" alt="Licensing Applications">
XPath: img[src$="oplicslide.png"]
4 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
2 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/8e54e4ea/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: p:nth-child(4) > iframe
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/8e54e4ea/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: p:nth-child(5) > iframe
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/f85ea353/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\36 87607477
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/8e54e4ea/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\33 59307296

🔧 Most Common Issues (Equal Access)

26 rules
1405 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
86 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input autocomplete="off" placeholder="Search" value="" class="mdgov-search__input" name="q" id="mdgov-search__input" type="text">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a aria-expanded="true" aria-controls="sectionNavGroup1" data-target="#sectionNavGroup1" data-toggle="collapse" class="nav-link" href="#">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/whatsnews/" class="nav-link">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/regs/" class="nav-link">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/aboutdllr/mpia.shtml" class="nav-link">
578 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
49 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a class="sr-only sr-only-focusable show-on-focus" href="#mdgovMain">
Example 2 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a target="_blank" class="sr-only sr-only-focusable show-on-focus" href="http://www.maryland.gov/pages/accessibility.aspx">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<nav style="padding-top: 97.6094px;" tabindex="0" aria-labelledby="mdgovMainNavHeading" class="mdgov-navBar__nav" id="mdgovLeftNav">
Example 4 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="/unemployment-insurance/">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="/license/">
453 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
86 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light
<a class="sr-only sr-only-focusable show-on-focus" href="#mdgovMain">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<button aria-controls="official-banner" aria-expanded="false" class="mdgov-headerBanner__btn">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<button aria-label="Toggle Navigation Menu" aria-expanded="false" aria-controls="mdgovLeftNav" class="mdgov-entNav__btn" id="mdgovMainNavToggle">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<h2>
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a href="/whatsnews/govmooreauthorizessecondloanpayment.shtml">
442 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
86 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Maryland Department of Labor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="mdgov-agency" id="mdgovAgency">
Example 2 View on Page
Confirm this text 'Maryland Department of Labor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="mdgov-agency" id="mdgovAgency">
Example 3 View on Page
Confirm this text 'Maryland Department of Labor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="mdgov-agency" id="mdgovAgency">
Example 4 View on Page
Confirm this text 'Maryland Department of Labor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="mdgov-agency" id="mdgovAgency">
Example 5 View on Page
Confirm this text 'Maryland Department of Labor' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="mdgov-agency" id="mdgovAgency">
323 Moderate equalAccess aria_descendant_valid
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element with role "tab" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<p tabindex="0" aria-expanded="false" aria-selected="false" aria-controls="ui-id-2" id="ui-id-1" role="tab" class="ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons">
Example 2 View on Page
The element with role "tab" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<p tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-id-4" id="ui-id-3" role="tab" class="ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons">
Example 3 View on Page
The element with role "tab" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<p tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-id-6" id="ui-id-5" role="tab" class="ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons">
Example 4 View on Page
The element with role "tab" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<p tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-id-8" id="ui-id-7" role="tab" class="ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons">
Example 5 View on Page
The element with role "tab" contains descendants with implicit roles "strong" which are ignored by browsers
Mode: light
<p tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-id-10" id="ui-id-9" role="tab" class="ui-accordion-header ui-corner-top ui-accordion-header-collapsed ui-corner-all ui-state-default ui-accordion-icons">
125 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
86 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'Top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h3>
Example 2 View on Page
Confirm the word(s) 'Top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h3>
Example 3 View on Page
Confirm the word(s) 'Top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h3>
Example 4 View on Page
Confirm the word(s) 'Top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h3>
Example 5 View on Page
Confirm the word(s) 'Top' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<h3>
86 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
86 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
86 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
86 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
Example 2 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
Example 3 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
Example 4 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
Example 5 View on Page
Confirm Windows high contrast mode is supported when using CSS to include, position or alter non-decorative content
Mode: light
<link rel="stylesheet" href="/egov/dist/core/core.min.css">
78 Moderate equalAccess element_tabbable_role_valid
78 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'navigation' is not a widget role
Mode: light
<nav style="padding-top: 97.6094px;" tabindex="0" aria-labelledby="mdgovMainNavHeading" class="mdgov-navBar__nav" id="mdgovLeftNav">
Example 2 View on Page
The tabbable element's role 'navigation' is not a widget role
Mode: light
<nav style="padding-top: 97.6094px;" tabindex="0" aria-labelledby="mdgovMainNavHeading" class="mdgov-navBar__nav" id="mdgovLeftNav">
Example 3 View on Page
The tabbable element's role 'navigation' is not a widget role
Mode: light
<nav style="padding-top: 97.6094px;" tabindex="0" aria-labelledby="mdgovMainNavHeading" class="mdgov-navBar__nav" id="mdgovLeftNav">
Example 4 View on Page
The tabbable element's role 'navigation' is not a widget role
Mode: light
<nav style="padding-top: 97.6094px;" tabindex="0" aria-labelledby="mdgovMainNavHeading" class="mdgov-navBar__nav" id="mdgovLeftNav">
Example 5 View on Page
The tabbable element's role 'navigation' is not a widget role
Mode: light
<nav style="padding-top: 97.6094px;" tabindex="0" aria-labelledby="mdgovMainNavHeading" class="mdgov-navBar__nav" id="mdgovLeftNav">
66 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
59 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a class="sr-only sr-only-focusable show-on-focus" href="#mdgovMain">
Example 2 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a class="sr-only sr-only-focusable show-on-focus" href="#mdgovMain">
Example 3 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a class="sr-only sr-only-focusable show-on-focus" href="#mdgovMain">
Example 4 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a class="sr-only sr-only-focusable show-on-focus" href="#mdgovMain">
Example 5 View on Page
Confirm that when the element receives focus, it is not covered or, if covered by user action, can be uncovered without moving focus
Mode: light
<a class="sr-only sr-only-focusable show-on-focus" href="#mdgovMain">
61 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
29 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
Example 2 View on Page
The HTML attribute(s) "align" is deprecated in HTML 5
Mode: light
<p align="right">
Example 3 View on Page
The HTML attribute(s) "align" is deprecated in HTML 5
Mode: light
<p align="center">
Example 4 View on Page
The HTML attribute(s) "align" is deprecated in HTML 5
Mode: light
<p align="center">
Example 5 View on Page
The HTML attribute(s) "border" is deprecated for the <img> element in HTML 5
Mode: light
<img class="img-fluid" alt="GED® Testing in Maryland" style="width: 100%;" src="../images/aeadult-gedgradcap.jpg" border="0">
49 Moderate equalAccess input_label_visible: An input element must have an associated visible label
49 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Toggle Navigation Menu" aria-expanded="false" aria-controls="mdgovLeftNav" class="mdgov-entNav__btn" id="mdgovMainNavToggle">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Toggle Navigation Menu" aria-expanded="false" aria-controls="mdgovLeftNav" class="mdgov-entNav__btn" id="mdgovMainNavToggle">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Toggle Navigation Menu" aria-expanded="false" aria-controls="mdgovLeftNav" class="mdgov-entNav__btn" id="mdgovMainNavToggle">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Toggle Navigation Menu" aria-expanded="false" aria-controls="mdgovLeftNav" class="mdgov-entNav__btn" id="mdgovMainNavToggle">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Toggle Navigation Menu" aria-expanded="false" aria-controls="mdgovLeftNav" class="mdgov-entNav__btn" id="mdgovMainNavToggle">
37 Moderate equalAccess style_viewport_resizable: Zooming and scaling must not be disabled
37 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/assets/css/site.css" rel="stylesheet">
Example 2 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/assets/css/site.css" rel="stylesheet">
Example 3 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/assets/css/site.css" rel="stylesheet">
Example 4 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/assets/css/site.css" rel="stylesheet">
Example 5 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/assets/css/site.css" rel="stylesheet">
35 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
35 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside>
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-heading-elements="h2" data-root-margin="48px 0px -90% 0px" data-threshold="1" class="usa-in-page-nav">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-heading-elements="h3" data-root-margin="48px 0px -90% 0px" data-threshold="1" class="usa-in-page-nav">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-heading-elements="h2" data-root-margin="48px 0px -90% 0px" data-threshold="1" class="usa-in-page-nav">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside data-heading-elements="h3" data-root-margin="48px 0px -90% 0px" data-threshold="1" class="usa-in-page-nav">
30 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Text contrast of 3.58 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<li class="active" data-slide-to="0" data-target="#mainSlideShow">
Example 2 View on Page
Text contrast of 2.55 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<li data-slide-to="1" data-target="#mainSlideShow">
Example 3 View on Page
Text contrast of 3.58 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<li class="active" data-slide-to="0" data-target="#mainSlideShow">
Example 4 View on Page
Text contrast of 2.55 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<li data-slide-to="1" data-target="#mainSlideShow">
Example 5 View on Page
Text contrast of 2.55 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400
Mode: light
<li data-slide-to="2" data-target="#mainSlideShow">
13 Moderate equalAccess aria_keyboard_handler_exists
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the <div> element with "tablist" role has keyboard access
Mode: light
<div role="tablist" class="ui-accordion ui-widget ui-helper-reset" id="accordion">
Example 2 View on Page
Verify the <div> element with "tablist" role has keyboard access
Mode: light
<div role="tablist" class="ui-accordion ui-widget ui-helper-reset" id="accordion6">
Example 3 View on Page
Verify the <div> element with "tablist" role has keyboard access
Mode: light
<div role="tablist" class="ui-accordion ui-widget ui-helper-reset" id="accordion5">
Example 4 View on Page
Verify the <div> element with "tablist" role has keyboard access
Mode: light
<div role="tablist" class="ui-accordion ui-widget ui-helper-reset" id="accordion4">
Example 5 View on Page
Verify the <div> element with "tablist" role has keyboard access
Mode: light
<div role="tablist" class="ui-accordion ui-widget ui-helper-reset" id="accordion3">
8 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <div> element has the id "laboralert" that is already in use
Mode: light
<div id="laboralert">
Example 2 View on Page
The <div> element has the id "accordion" that is already in use
Mode: light
<div role="tablist" class="ui-accordion ui-widget ui-helper-reset" id="accordion">
Example 3 View on Page
The <div> element has the id "sectionNavGroup1" that is already in use
Mode: light
<div data-parent="#pageSectionNav" class="collapse show" id="sectionNavGroup1">
Example 4 View on Page
The <div> element has the id "sectionNavGroup1" that is already in use
Mode: light
<div data-parent="#pageSectionNav" class="collapse show" id="sectionNavGroup1">
Example 5 View on Page
The <div> element has the id "sectionNavGroup1" that is already in use
Mode: light
<div data-parent="#pageSectionNav" class="collapse show" id="sectionNavGroup1">
6 Moderate equalAccess text_quoted_correctly
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: " to track user navigation and h ... mation. If you have turned off "
Mode: light
<p>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Maryland Department of Labor"
Mode: light
<p>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Maryland Department of Labor"
Mode: light
<p>
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: ' place of employment is located, not by the workers'
Mode: light
<p>
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "appraiser", "I performed a comp ... subject property.", "supervisor"
Mode: light
<p>
6 Moderate equalAccess heading_markup_misuse: Heading markup should be used only for headings, not for formatting
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2 class="usa-accordion__heading">
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 class="usa-accordion__heading">
Example 3 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 class="usa-accordion__heading">
Example 4 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h4 class="usa-process-list__heading">
Example 5 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3 class="usa-accordion__heading">
6 Moderate equalAccess aria_child_valid
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light
<ul>
Example 2 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light
<ul>
Example 3 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light
<ul>
Example 4 View on Page
The element with role "list" owns the child element with the role "list" that is not one of the allowed role(s): "listitem"
Mode: light
<ul>
Example 5 View on Page
The element with role "list" owns the child element with the role "strong" that is not one of the allowed role(s): "listitem"
Mode: light
<ul>
5 Moderate equalAccess img_alt_redundant
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Image 'alt' value within a link is repeated in link text of the link after
Mode: light
<img alt="Maryland Business Express" src="../images/mdbusexpress200.png" style="float: right" class="alignright size-medium wp-image-1024">
Example 2 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img alt="earn maryland" src="/images/wdearnslide.png" class="d-block w-100">
Example 3 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img alt="Worksmart" src="/images/worksmart2.png">
Example 4 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img alt="We're Hiring!" src="/images/dliwearehiringslide.png" class="d-block w-100">
Example 5 View on Page
Link text is repeated in an image 'alt' value within the same link
Mode: light
<img alt="Licensing Applications" src="../../images/oplicslide.png" class="d-block w-100">
4 Moderate equalAccess target_spacing_sufficient
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<a data-slide="prev" role="button" href="#mainSlideShow" class="carousel-control-prev">
Example 2 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<a data-slide="next" role="button" href="#mainSlideShow" class="carousel-control-next">
Example 3 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<a data-slide="prev" role="button" href="#mainSlideShow" class="carousel-control-prev">
Example 4 View on Page
Ensure the overlapped target "a" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<a data-slide="next" role="button" href="#mainSlideShow" class="carousel-control-next">
4 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" title="YouTube video player" src="https://www.youtube.com/embed/GR8yAAfdGm0?rel=0" height="315" width="60%">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" title="YouTube video player" src="https://www.youtube.com/embed/3-xflw4ji_E?rel=0" height="315" width="60%">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-16="true" id="240008795" data-gtm-yt-inspected-6="true" style="max-width: 100%;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/Obyflxa0j4c?rel=0&enablejsapi=1" height="425" width="560" title="youtube Maryland Minor Work Permit">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-16="true" id="514724623" data-gtm-yt-inspected-6="true" style="max-width: 100%;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/-Fivn2NbXP0?rel=0&enablejsapi=1" height="425" width="560" title="Maryland Special Minor Work Permit">
2 Moderate equalAccess blockquote_cite_exists: A blockquote should cite the reference source if it can be identified
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light
<blockquote>
Example 2 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light
<blockquote>
1 Moderate equalAccess table_headers_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Table has no headers identified
Mode: light
<table cellpadding="6px;" cellspacing="0" border="1" width="96%">
1 Moderate equalAccess list_markup_review
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<p dir="ltr">