Accessibility Scan Report

Title: Bixal Website Issue: #223 Date: 3/26/2026, 10:55:01 PM Duration: 11.3m URLs: 100 / 100 ⚡ Reduced Motion: 100 / 100 URLs🖥️ Forced Colors: 99 / 100 URLs

Summary

Issues

  • By Level: A (12), AA (4)
  • By Version (A & AA): WCAG 2.0 (16)
  • By Category: axe-strict (1217) & Others (2662)
  • Total: 3879 across 42 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.
We are Bixal 49
We are Bixal 49
Case Study | Bixal 47
Case Study | Bixal 45
Case Study | Bixal 45
Case Study | Bixal 42
Why Every Developer Should Master the Command-Line Interface | Bixal 42
Bixal's Privacy Policy | Bixal 41
Organizational Change Management: Lessons for Federal Leaders 41
Influencing UX Stakeholder Values | Bixal 40

🔧 Most Common Issues (axe)

9 rules
993 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.
100 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
<div class="bix-title-prefix">Contact</div>
XPath: #contact > .bix-container > .bix-title-prefix
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<h2 class="bix-section__title"> How can we help?<br> We'd love to hear from you. </h2>
XPath: #contact > .bix-container > h2
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<p>Required fields are marked with an asterisk&nbsp;(<abbr title="required" class="bix-hint bix-hint--required">*</abbr>).</p>
XPath: #contact-message-site-wide-form > p
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<div class="bix-grid__item bix-grid__item--full">
XPath: .bix-grid__item--full.bix-grid__item:nth-child(1)
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<div class="bix-grid__item">
XPath: .bix-grid__item:nth-child(2)
99 Moderate axe landmark-no-duplicate-banner: Ensures the page has only one banner landmark (<header> at top level). Multiple banners confuse screen reader users navigating by landmarks.
99 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Document should not have more than one banner landmark
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 2 View on Page
Document should not have more than one banner landmark
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 3 View on Page
Document should not have more than one banner landmark
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 4 View on Page
Document should not have more than one banner landmark
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 5 View on Page
Document should not have more than one banner landmark
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
99 Moderate axe landmark-unique
99 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
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<div data-sitewide-alert="" role="banner"></div>
XPath: div[data-sitewide-alert=""]
12 Moderate axe SC 1.3.1 A Visual Cognitive definition-list
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Disabilities affected:
Visual Cognitive

Affected Pages

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 class="bix-description-list">
XPath: .bix-graphic-list__item:nth-child(1) > .bix-graphic-list__body > .bix-description-list-collection.component--type--description-list-collection.component > .component--type--description-list.component.component--view-mode--default > dl
Example 2 View on Page
<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements
Mode: light
<dl class="bix-description-list">
XPath: .bix-graphic-list__item:nth-child(2) > .bix-graphic-list__body > .bix-description-list-collection.component--type--description-list-collection.component > .component--type--description-list.component.component--view-mode--default > dl
Example 3 View on Page
<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements
Mode: light
<dl class="bix-description-list">
XPath: .bix-graphic-list__item:nth-child(3) > .bix-graphic-list__body > .bix-description-list-collection.component--type--description-list-collection.component > .component--type--description-list.component.component--view-mode--default > dl
Example 4 View on Page
<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements
Mode: light
<dl class="bix-description-list">
XPath: .bix-graphic-list__item:nth-child(4) > .bix-graphic-list__body > .bix-description-list-collection.component--type--description-list-collection.component > .component--type--description-list.component.component--view-mode--default > dl
Example 5 View on Page
<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements
Mode: light
<dl class="bix-description-list">
XPath: .bix-graphic-list__item:nth-child(5) > .bix-graphic-list__body > .bix-description-list-collection.component--type--description-list-collection.component > .component--type--description-list.component.component--view-mode--default > dl
6 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.
6 pages affected

Rule Information

Engine: axe

Roles: Content Author, UX Designer

Blocking: No

Examples

Example 1 View on Page
Heading levels should only increase by one
Mode: light
<h3><em>Jump to Topic:&nbsp;</em></h3>
XPath: h3:nth-child(2)
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="intro-block-2__heading" style="color:#7d0096">United States Agency for International Development (USAID)</h3>
XPath: .intro-block-2__heading:nth-child(1)
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="intro-block-2__heading" style="color:#162d6a">U.S. Department of Homeland Security (DHS)</h3>
XPath: .intro-block-2__heading:nth-child(1)
Example 4 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="intro-block-2__heading" style="color:#06c5bc">U.S. Department of Health &amp; Human Services (HHS)</h3>
XPath: .intro-block-2__heading:nth-child(1)
Example 5 View on Page
Heading levels should only increase by one
Mode: light
<h3 class="intro-block-2__heading" style="color:#E02F00">U.S. Small Business Administration (SBA)</h3>
XPath: .intro-block-2__heading:nth-child(1)
4 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.
2 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
<h3 class="intro-block-2__heading" style="color:#06c5bc">U.S. Department of Health &amp; Human Services (HHS)</h3>
XPath: .intro-block-2__heading:nth-child(1)
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h3 class="intro-block-2__heading" style="color:#06c5bc">Office of the Assistant Secretary of Public Affairs (ASPA)</h3>
XPath: .intro-block-2__heading:nth-child(2)
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<h3 class="intro-block-2__heading" style="color:#06c5bc">Digital Solutions Services (DSS)</h3>
XPath: .intro-block-2__heading:nth-child(3)
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<span class="max-sm:sr-only text-sm leading-normal tracking-wider uppercase whitespace-nowrap">Career menu</span>
XPath: .max-sm\:sr-only
2 Moderate axe empty-heading
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Headings should not be empty
Mode: light
<h2></h2>
XPath: .prose.prose-block.font-company-body > h2
Example 2 View on Page
Headings should not be empty
Mode: light
<h2>&nbsp;</h2>
XPath: h2:nth-child(25)
1 Moderate axe aria-allowed-role
1 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
<li class="splide__slide is-act..." data-common--carouse...="item" data-url="https://images.teamt..." id="splide01-slide01" role="tabpanel" aria-roledescription="slide" aria-label="1 of 4" style="width: calc(100%); h...">
XPath: #splide01-slide01
1 Moderate axe image-redundant-alt
1 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 src="/sites/default/files..." data-entity-uuid="352b6468-9725-4694-9..." data-entity-type="file" alt="Real transformation ..." width="405" height="319" class="align-right">
XPath: .align-right

🔧 Most Common Issues (Equal Access)

33 rules
606 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
99 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
<button class="bix-site-nav__toggle" aria-controls="site-nav" data-menu-toggle="" type="button">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/about" class="bix-button">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/contract-vehicles" class="bix-button">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="https://careers.bixal.com" class="bix-button">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input aria-describedby="edit-submit" value="Submit" name="op" id="edit-submit" type="submit" data-drupal-selector="edit-submit" class="bix-button bix-button--inverse button button--primary js-form-submit form-submit">
398 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
100 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="usa-skipnav skip-link visually-hidden focusable" href="#main-content">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<h2 class="bix-section__title">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<ul class="cookiesjsr-links cookiesjsr-banner--links links--row">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<button class="cookiesjsr-btn cookiesjsr-settings">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a class="usa-skipnav skip-link visually-hidden focusable" href="#main-content">
323 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
100 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="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
Example 2 View on Page
The HTML attribute(s) "version" is deprecated in HTML 5
Mode: light
<svg viewBox="0 0 24 12" aria-hidden="true" y="0px" x="0px" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" width="20px" class="bix-icon bix-icon--arrow-right">
Example 3 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfH1LIqAAAAACvGsKyYIZj3f4yHu3DH7jyN2dBX&co=aHR0cHM6Ly93d3cuYml4YWwuY29tOjQ0Mw..&hl=en&type=image&v=79clEdOi5xQbrrpL2L8kGmK3&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=wd2bexctesfv" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-bjpe80ns72ne" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 4 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
Example 5 View on Page
The HTML attribute(s) "frameborder, scrolling" is deprecated for the <iframe> element in HTML 5
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfH1LIqAAAAACvGsKyYIZj3f4yHu3DH7jyN2dBX&co=aHR0cHM6Ly93d3cuYml4YWwuY29tOjQ0Mw..&hl=en&type=image&v=79clEdOi5xQbrrpL2L8kGmK3&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=738vejeyig3x" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-7y7bslngigb4" role="presentation" height="78" width="304" title="reCAPTCHA">
198 Moderate equalAccess aria_banner_label_unique
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" data-sitewide-alert="">
Example 2 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="bix-site-header">
Example 3 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" data-sitewide-alert="">
Example 4 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<header class="bix-site-header">
Example 5 View on Page
Multiple elements with "banner" role do not have unique labels
Mode: light
<div role="banner" data-sitewide-alert="">
198 Moderate equalAccess aria_landmark_name_unique
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<div role="banner" data-sitewide-alert="">
Example 2 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header class="bix-site-header">
Example 3 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<div role="banner" data-sitewide-alert="">
Example 4 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<header class="bix-site-header">
Example 5 View on Page
Multiple elements with "banner" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<div role="banner" data-sitewide-alert="">
198 Moderate equalAccess input_label_visible: An input element must have an associated visible label
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<textarea required="required" placeholder="Want to find out more or interested in doing business with us? type message here…" cols="60" rows="12" name="message[0][value]" id="edit-message-0-value" data-drupal-selector="edit-message-0-value" class="js-text-full text-full form-textarea required resize-vertical bix-input bix-input--textarea usa-textarea">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<input aria-describedby="edit-submit" value="Submit" name="op" id="edit-submit" type="submit" data-drupal-selector="edit-submit" class="bix-button bix-button--inverse button button--primary js-form-submit form-submit">
Example 3 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<textarea required="required" placeholder="Want to find out more or interested in doing business with us? type message here…" cols="60" rows="12" name="message[0][value]" id="edit-message-0-value" data-drupal-selector="edit-message-0-value" class="js-text-full text-full form-textarea required resize-vertical bix-input bix-input--textarea usa-textarea">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<input aria-describedby="edit-submit" value="Submit" name="op" id="edit-submit" type="submit" data-drupal-selector="edit-submit" class="bix-button bix-button--inverse button button--primary js-form-submit form-submit">
Example 5 View on Page
The ‘placeholder’ is the only visible label
Mode: light
<textarea required="required" placeholder="Want to find out more or interested in doing business with us? type message here…" cols="60" rows="12" name="message[0][value]" id="edit-message-0-value" data-drupal-selector="edit-message-0-value" class="js-text-full text-full form-textarea required resize-vertical bix-input bix-input--textarea usa-textarea">
164 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'Transforming Government Services with Digital and Human-Centered Solutions' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 2 View on Page
Confirm this text 'OUR CLIENTS AND PARTNERS' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="bix-title-prefix">
Example 3 View on Page
Confirm this text 'Contact' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="bix-title-prefix">
Example 4 View on Page
Confirm this text 'Contact' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="bix-title-prefix">
Example 5 View on Page
Confirm this text 'By Digital Accessibility Manager, Amy Cole' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
100 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
100 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 href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
100 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
100 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 href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
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 href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
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 href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
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 href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
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 href="/sites/default/files/css/css_BeUtjMQF0sP4PdKA9FEO-HyAmUzaICLhMIzZg7TELJ0.css?delta=0&language=en&theme=bixal_uswds&include=eJxVyUEOwjAMRNELhfpI1SQZgYvVVLarBk4PCzasvvR-1Qlbz7h6yN1GhZWGI9sDUhEsbYynMuTXLXyJfBnje5zS_TxgCzbMP0jOhBM3Z-ibJTR5aecKo6forvkBYyIvfw" media="all" rel="stylesheet">
100 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
100 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfH1LIqAAAAACvGsKyYIZj3f4yHu3DH7jyN2dBX&co=aHR0cHM6Ly93d3cuYml4YWwuY29tOjQ0Mw..&hl=en&type=image&v=79clEdOi5xQbrrpL2L8kGmK3&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=wd2bexctesfv" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-bjpe80ns72ne" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfH1LIqAAAAACvGsKyYIZj3f4yHu3DH7jyN2dBX&co=aHR0cHM6Ly93d3cuYml4YWwuY29tOjQ0Mw..&hl=en&type=image&v=79clEdOi5xQbrrpL2L8kGmK3&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=738vejeyig3x" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-7y7bslngigb4" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfH1LIqAAAAACvGsKyYIZj3f4yHu3DH7jyN2dBX&co=aHR0cHM6Ly93d3cuYml4YWwuY29tOjQ0Mw..&hl=en&type=image&v=79clEdOi5xQbrrpL2L8kGmK3&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=d276wb3yzvxf" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-7fhyk0l7h5rd" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfH1LIqAAAAACvGsKyYIZj3f4yHu3DH7jyN2dBX&co=aHR0cHM6Ly93d3cuYml4YWwuY29tOjQ0Mw..&hl=en&type=image&v=79clEdOi5xQbrrpL2L8kGmK3&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=m6me3dn38m79" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-gr5l5ie7tiwd" role="presentation" height="78" width="304" title="reCAPTCHA">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfH1LIqAAAAACvGsKyYIZj3f4yHu3DH7jyN2dBX&co=aHR0cHM6Ly93d3cuYml4YWwuY29tOjQ0Mw..&hl=en&type=image&v=79clEdOi5xQbrrpL2L8kGmK3&theme=light&size=normal&anchor-ms=20000&execute-ms=30000&cb=lcdq9brkmaxp" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" scrolling="no" frameborder="0" name="a-5u4u5mr8er4r" role="presentation" height="78" width="304" title="reCAPTCHA">
99 Moderate equalAccess aria_role_valid
99 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img alt="Bixal Logo letter B silhouette around a photo of a smiling child." src="/static/img-b-footer.png" loading="lazy" decoding="async" aria-hidden="true" role="presentation">
Example 2 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img alt="Bixal Logo letter B silhouette around a photo of a smiling child." src="/static/img-b-footer.png" loading="lazy" decoding="async" aria-hidden="true" role="presentation">
Example 3 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img alt="Bixal Logo letter B silhouette around a photo of a smiling child." src="/static/img-b-footer.png" loading="lazy" decoding="async" aria-hidden="true" role="presentation">
Example 4 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img alt="Bixal Logo letter B silhouette around a photo of a smiling child." src="/static/img-b-footer.png" loading="lazy" decoding="async" aria-hidden="true" role="presentation">
Example 5 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light
<img alt="Bixal Logo letter B silhouette around a photo of a smiling child." src="/static/img-b-footer.png" loading="lazy" decoding="async" aria-hidden="true" role="presentation">
59 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
48 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 64px and weight of 800
Mode: light
<h1 class="bix-hero__title">
Example 2 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 64px and weight of 800
Mode: light
<h1 class="bix-hero__title">
Example 3 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 64px and weight of 800
Mode: light
<h1 class="bix-hero__title">
Example 4 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 64px and weight of 800
Mode: light
<h1 class="bix-hero__title">
Example 5 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 64px and weight of 800
Mode: light
<h1 class="bix-hero__title">
54 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
43 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<div class="bix-section__body">
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'Small'
Mode: light
<dd>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'Small'
Mode: light
<p>
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'small, smaller'
Mode: light
<p>
Example 5 View on Page
Confirm the word(s) 'Below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
13 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

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 href="https://ind.nl/en/member-states-eu-eea">
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 href="https://openai.com/gpt-4">
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="bix-site-header__logo" title="Bixal" href="/">
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
<button class="bix-site-nav__toggle" aria-controls="site-nav" data-menu-toggle="" type="button">
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 rel="noopener noreferrer" target="_blank" href="https://careers.bixal.com/cookie-policy" class="company-link">
8 Moderate equalAccess style_viewport_resizable: Zooming and scaling must not be disabled
8 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/sites/default/files/css/css_bgbI7vNd-4vrROAKw9FvG6PteUe161yrha9Euw-cUgI.css?delta=0&language=en&theme=bixal_uswds&include=eJxVieEKwjAMBl-oLo9U0vZDM4MdScqqT-9QkPnruLsikzUP35vTVXthTZW3qDemwo5DHNljNIHTWQ4-FZ5q7_fP-3J1W37HQM3GxrrwyvMvBGawgS8GlxeSS2CXhswKC5KHxBuLDTzV" media="all" rel="stylesheet">
Example 2 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/sites/default/files/css/css_bgbI7vNd-4vrROAKw9FvG6PteUe161yrha9Euw-cUgI.css?delta=0&language=en&theme=bixal_uswds&include=eJxVieEKwjAMBl-oLo9U0vZDM4MdScqqT-9QkPnruLsikzUP35vTVXthTZW3qDemwo5DHNljNIHTWQ4-FZ5q7_fP-3J1W37HQM3GxrrwyvMvBGawgS8GlxeSS2CXhswKC5KHxBuLDTzV" media="all" rel="stylesheet">
Example 3 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/sites/default/files/css/css_bgbI7vNd-4vrROAKw9FvG6PteUe161yrha9Euw-cUgI.css?delta=0&language=en&theme=bixal_uswds&include=eJxVieEKwjAMBl-oLo9U0vZDM4MdScqqT-9QkPnruLsikzUP35vTVXthTZW3qDemwo5DHNljNIHTWQ4-FZ5q7_fP-3J1W37HQM3GxrrwyvMvBGawgS8GlxeSS2CXhswKC5KHxBuLDTzV" media="all" rel="stylesheet">
Example 4 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/sites/default/files/css/css_bgbI7vNd-4vrROAKw9FvG6PteUe161yrha9Euw-cUgI.css?delta=0&language=en&theme=bixal_uswds&include=eJxVieEKwjAMBl-oLo9U0vZDM4MdScqqT-9QkPnruLsikzUP35vTVXthTZW3qDemwo5DHNljNIHTWQ4-FZ5q7_fP-3J1W37HQM3GxrrwyvMvBGawgS8GlxeSS2CXhswKC5KHxBuLDTzV" media="all" rel="stylesheet">
Example 5 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/sites/default/files/css/css_bgbI7vNd-4vrROAKw9FvG6PteUe161yrha9Euw-cUgI.css?delta=0&language=en&theme=bixal_uswds&include=eJxVieEKwjAMBl-oLo9U0vZDM4MdScqqT-9QkPnruLsikzUP35vTVXthTZW3qDemwo5DHNljNIHTWQ4-FZ5q7_fP-3J1W37HQM3GxrrwyvMvBGawgS8GlxeSS2CXhswKC5KHxBuLDTzV" media="all" rel="stylesheet">
6 Moderate equalAccess list_markup_review
5 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
<h2>
Example 2 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h2>
Example 3 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h3>
Example 4 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<h3>
Example 5 View on Page
Verify this is a list and if so, modify to use proper HTML elements for the list
Mode: light
<strong>
6 Moderate equalAccess blockquote_cite_exists: A blockquote should cite the reference source if it can be identified
6 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>
Example 3 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light
<blockquote>
Example 4 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light
<blockquote>
Example 5 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light
<blockquote>
5 Moderate equalAccess text_quoted_correctly
4 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: "We’ve known the team at Bixal f ... , CEO of Contrast & Co., said, "
Mode: light
<p>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "This partnership brings togethe ... VA’s technology infrastructure,"
Mode: light
<p>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Are we using the right tools for the right problems?"
Mode: light
<li>
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "people absolutely first"
Mode: light
<p>
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "This opportunity enables us to ... receive the care they deserve."
Mode: light
<p>
4 Moderate equalAccess heading_markup_misuse: Heading markup should be used only for headings, not for formatting
4 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="bix-section__title">
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2 class="bix-section__title">
Example 3 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2 class="bix-section__title">
Example 4 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h1 class="blog-title">
3 Moderate equalAccess caption_track_exists
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video src="blob:https://www.bixal.com/9357e8cf-9e18-4fe1-93e9-7d59f2b2f48b" tabindex="-1" data-setup="{}" autoplay="" class="vjs-tech" id="vjs_video_3_html5_api">
Example 2 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video src="blob:https://www.bixal.com/e445132b-1811-4b0d-bd1c-40b4c14a221e" tabindex="-1" data-setup="{}" autoplay="" class="vjs-tech" id="vjs_video_3_html5_api">
Example 3 View on Page
Verify that captions are available for any meaningful audio or provide a caption track for the <video> element
Mode: light
<video class="bix-video__player" controls="controls">
3 Moderate equalAccess media_keyboard_controllable
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video src="blob:https://www.bixal.com/9357e8cf-9e18-4fe1-93e9-7d59f2b2f48b" tabindex="-1" data-setup="{}" autoplay="" class="vjs-tech" id="vjs_video_3_html5_api">
Example 2 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video src="blob:https://www.bixal.com/e445132b-1811-4b0d-bd1c-40b4c14a221e" tabindex="-1" data-setup="{}" autoplay="" class="vjs-tech" id="vjs_video_3_html5_api">
Example 3 View on Page
Verify media using <audio> and/or <video> elements have keyboard accessible controls
Mode: light
<video class="bix-video__player" controls="controls">
3 Moderate equalAccess figure_label_exists
3 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="media-image media media--type-image media--view-mode-blog-image">
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light
<figure>
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="align-center media-image media media--type-image media--view-mode-default">
2 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav aria-labelledby="pagination-heading" aria-label="Pagination" role="navigation" class="usa-pagination pager">
Example 2 View on Page
The explicitly-assigned ARIA role "button" is redundant with the implicit role of the element <button>
Mode: light
<button data-action="click->common--dropdown#toggle" data-common--dropdown-target="button" class="text-current px-4 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" aria-controls="dropdown-0f63a287" aria-expanded="false" aria-haspopup="menu" aria-label="Share page" aria-required="false" id="trigger-dropdown-0f63a287" role="button" type="button">
2 Moderate equalAccess heading_content_exists: Heading elements must have descriptive content
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Heading element has no descriptive content
Mode: light
<h2>
Example 2 View on Page
Heading element has no descriptive content
Mode: light
<h2>
2 Moderate equalAccess aria_accessiblename_exists: Certain UI components must have an accessible name
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element <h2> with "heading" role has no accessible name
Mode: light
<h2>
Example 2 View on Page
Element <h2> with "heading" role has no accessible name
Mode: light
<h2>
1 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
1 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="careersite-button min-w-[13.75rem] group absolute top-0 left-0 py-2 px-4 z-[50] transform -translate-y-full -translate-x-full focus:translate-y-2 focus:translate-x-2 transition" href="#main-content">
1 Moderate equalAccess aria_attribute_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attributes "aria-required" are not valid for the element <button> with ARIA role "button"
Mode: light
<button data-action="click->common--dropdown#toggle" data-common--dropdown-target="button" class="text-current px-4 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" aria-controls="dropdown-0f63a287" aria-expanded="false" aria-haspopup="menu" aria-label="Share page" aria-required="false" id="trigger-dropdown-0f63a287" role="button" type="button">
1 Moderate equalAccess aria_region_labelled
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element with "region" role does not have a label
Mode: light
<div aria-roledescription="carousel" role="region" id="splide01" data-common--carousel-height-ratio-value="0" data-common--carousel-initial-image-index-value="0" data-common--carousel-arrows-value="true" data-common--carousel-pagination-value="true" data-common--carousel-type-value="loop" data-common--carousel-autoplay-value="false" data-common--carousel-has-video-value="false" data-common--carousel-initialize-when-viewport-value="false" data-common--carousel-use-container-height-value="true" data-controller="common--carousel" dir="ltr" class="splide splide--loop splide--ltr splide--draggable is-active is-initialized">
1 Moderate equalAccess aria_keyboard_handler_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <ul> element with "tablist" role has keyboard access
Mode: light
<ul aria-label="Select a slide to show" role="tablist" class="splide__pagination splide__pagination--ltr">
1 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light
<svg height="26" width="115" xmlns="http://www.w3.org/2000/svg">
1 Moderate equalAccess frame_title_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Inline frame does not have a 'title' attribute
Mode: light
<iframe allowtransparency="true" frameborder="0" data-src="https://careers.bixal.com/messenger/launcher?inverted_colors=true&page_id=373658&show_video=false" class=" print:hidden" tabindex="-1" loading="lazy" id="messenger-launcher-frame">
1 Moderate equalAccess html_lang_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page detected as HTML, but does not have a 'lang' attribute
Mode: light
<html>
1 Moderate equalAccess html_skipnav_exists
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify there is a way to bypass blocks of content that are repeated on multiple Web pages
Mode: light
<html>