Accessibility Scan Report

Title: CivicActions.com Issue: #189 Date: 3/17/2026, 4:18:20 PM Duration: 3.7m URLs: 45 / 45

Summary

Issues

  • By Level: A (0), AA (7)
  • By Version (A & AA): WCAG 2.0 (7)
  • By Category: axe-strict (12) & Others (925)
  • Total: 937 across 27 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.

Page axe UniqueEqual Access Unique Total Unique
View Page Digital IT Acquisition Professional (DITAP) certification program | CivicActions 0 42
View Page Case Studies | CivicActions 0 28
View Page Services | CivicActions 27
View Page Home | CivicActions 0 26
View Page Helping Veterans access care and benefits online | CivicActions 25
View Page Better Accessibility Through Alternative Text Validation | CivicActions 24
View Page A global professional networking platform for security practitioners | CivicActions 23
View Page Careers | CivicActions 0 23
View Page Building an MVP for Medicare.gov with human-centered design | CivicActions 23
View Page A smoother path to scientific research and discovery | CivicActions 0 23

🔧 Most Common Issues (axe)

4 rules
7 Serious axe SC 1.4.3 AA Visual color-contrast:
5 pages affected

Rule Information

Engine: axe

Roles: Visual Designer

Blocking: No

WCAG: SC 1.4.3 AA

Disabilities affected:
Visual

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a class="external-link" href="https://accessibility.civicactions.com/posts/heart-accessibility ">Accessibility consulting and training</a>
XPath: li:nth-child(1) > .external-link
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="/services/ditap/">DITAP program certification</a>
XPath: li:nth-child(1) > a[href$="ditap/"]
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="https://distributedgov.com/" class="external-link">Telework consulting and training</a>
XPath: a[href$="distributedgov.com/"]
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="https://github.com/CivicActions/globalnet">entire codebase</a>
XPath: .key-outcome:nth-child(6) > .body > p > a
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<a href="https://www.section508.gov/blog/accessibility-news-the-section-508-Update">Section 508</a>
XPath: .key-outcome:nth-child(3) > .body > p > a
3 Moderate axe heading-order:
3 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
<div class="HoXoMd D1wxyf RjsPE" dir="auto" role="heading" aria-level="3"><span class="M7eMe">Email</span><span class="vnumgf" id="i4" aria-label="Required question"> *</span></div>
XPath: iframe
Example 2 View on Page
Heading levels should only increase by one
Mode: light
<div class="HoXoMd D1wxyf RjsPE" dir="auto" role="heading" aria-level="3"><span class="M7eMe">Email</span><span class="vnumgf" id="i4" aria-label="Required question"> *</span></div>
XPath: iframe
Example 3 View on Page
Heading levels should only increase by one
Mode: light
<h3>Have questions? Drop us a line.</h3>
XPath: h3
1 Moderate axe page-has-heading-one:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Page should contain a level-one heading
Mode: light
<html lang="en">
XPath: html
1 Moderate axe empty-heading:
1 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: .first-approach > h2

🔧 Most Common Issues (Equal Access)

23 rules
192 Moderate equalAccess style_focus_visible:
45 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 style="position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:none;font-size:0;background:transparent;cursor:pointer" id="react-burger-menu-btn" type="button">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button tabindex="0" class="heading">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/case-studies/" class="button button__primary large">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="/services/" class="button button__primary large">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="https://medium.com/civicactions" class="button button__primary ">
186 Moderate equalAccess element_tabbable_unobscured:
45 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="skip-nav-link" href="#main-content">
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
<button tabindex="0" class="heading">
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 href="https://medium.com/civicactions">
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 href="/careers/">
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="skip-nav-link" href="#main-content">
176 Moderate equalAccess aria_hidden_nontabbable:
44 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Element "button" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<button tabindex="0" class="heading">
Example 2 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a href="https://medium.com/civicactions">
Example 3 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a href="/careers/">
Example 4 View on Page
Element "a" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<a href="/contact/">
Example 5 View on Page
Element "button" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'
Mode: light
<button tabindex="0" class="heading">
45 Moderate equalAccess style_highcontrast_visible:
45 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
<style data-hubspot-styled-components="">
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
<style data-identity="gatsby-global-css" data-href="/styles.9ec10d896495d41114cb.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
<style data-identity="gatsby-global-css" data-href="/styles.9ec10d896495d41114cb.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
<style data-hubspot-styled-components="">
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
<style data-hubspot-styled-components="">
45 Moderate equalAccess element_attribute_deprecated:
45 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="ie=edge" http-equiv="x-ua-compatible">
Example 2 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="ie=edge" http-equiv="x-ua-compatible">
Example 3 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="ie=edge" http-equiv="x-ua-compatible">
Example 4 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="ie=edge" http-equiv="x-ua-compatible">
Example 5 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="ie=edge" http-equiv="x-ua-compatible">
45 Moderate equalAccess style_color_misuse:
45 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
<style data-identity="gatsby-global-css" data-href="/styles.9ec10d896495d41114cb.css">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-identity="gatsby-global-css" data-href="/styles.9ec10d896495d41114cb.css">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-identity="gatsby-global-css" data-href="/styles.9ec10d896495d41114cb.css">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-identity="gatsby-global-css" data-href="/styles.9ec10d896495d41114cb.css">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<style data-identity="gatsby-global-css" data-href="/styles.9ec10d896495d41114cb.css">
45 Moderate equalAccess aria_content_in_landmark:
45 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="skip-nav-link" href="#main-content">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<a class="skip-nav-link" href="#main-content">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<a class="skip-nav-link" href="#main-content">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<a class="skip-nav-link" href="#main-content">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<a class="skip-nav-link" href="#main-content">
44 Moderate equalAccess element_id_unique:
44 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <div> element has the id "" that is empty
Mode: light
<div aria-hidden="true" style="position:fixed;right:0;z-index:1100;width:75%;height:100%;-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)" class="bm-menu-wrap" id="">
Example 2 View on Page
The <div> element has the id "" that is empty
Mode: light
<div aria-hidden="true" style="position:fixed;right:0;z-index:1100;width:75%;height:100%;-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)" class="bm-menu-wrap" id="">
Example 3 View on Page
The <div> element has the id "" that is empty
Mode: light
<div aria-hidden="true" style="position:fixed;right:0;z-index:1100;width:75%;height:100%;-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)" class="bm-menu-wrap" id="">
Example 4 View on Page
The <div> element has the id "" that is empty
Mode: light
<div aria-hidden="true" style="position:fixed;right:0;z-index:1100;width:75%;height:100%;-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)" class="bm-menu-wrap" id="">
Example 5 View on Page
The <div> element has the id "" that is empty
Mode: light
<div aria-hidden="true" style="position:fixed;right:0;z-index:1100;width:75%;height:100%;-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)" class="bm-menu-wrap" id="">
34 Moderate equalAccess text_block_heading:
18 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text 'WEB & CMS' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="h6 services-content--label">
Example 2 View on Page
Confirm this text 'Supporting government transparency' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="body-large">
Example 3 View on Page
Confirm this text 'Clean and useful technology' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="key-outcome">
Example 4 View on Page
Confirm this text 'Clean and useful technology' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="label">
Example 5 View on Page
Confirm this text 'Accessible, responsive platform' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="key-outcome">
29 Moderate equalAccess svg_graphics_labelled:
29 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 style="width:100%;height:100%" class="bm-icon" xmlns="http://www.w3.org/2000/svg" fill="%23FFF" height="15" width="20" alt="mobile menu navigation icon">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg style="width:100%;height:100%" class="bm-icon" xmlns="http://www.w3.org/2000/svg" fill="%23FFF" height="15" width="20" alt="mobile menu navigation icon">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg style="width:100%;height:100%" class="bm-icon" xmlns="http://www.w3.org/2000/svg" fill="%23FFF" height="15" width="20" alt="mobile menu navigation icon">
Example 4 View on Page
The SVG element has no accessible name
Mode: light
<svg style="width:100%;height:100%" class="bm-icon" xmlns="http://www.w3.org/2000/svg" fill="%23FFF" height="15" width="20" alt="mobile menu navigation icon">
Example 5 View on Page
The SVG element has no accessible name
Mode: light
<svg style="width:100%;height:100%" class="bm-icon" xmlns="http://www.w3.org/2000/svg" fill="%23FFF" height="15" width="20" alt="mobile menu navigation icon">
27 Moderate equalAccess text_sensory_misuse:
22 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
<p>
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'huge'
Mode: light
<p class="h3">
Example 3 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'small'
Mode: light
<p>
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'Small'
Mode: light
<p class="body">
12 Moderate equalAccess aria_role_redundant:
12 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 "presentation" is redundant with the implicit role of the element <img>
Mode: light
<img style="max-width:100%;display:block;position:static" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='1393'%20width='2142'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" aria-hidden="true" role="presentation" alt="">
Example 2 View on Page
The explicitly-assigned ARIA role "presentation" is redundant with the implicit role of the element <img>
Mode: light
<img style="max-width:100%;display:block;position:static" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='264'%20width='264'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" aria-hidden="true" role="presentation" alt="">
Example 3 View on Page
The explicitly-assigned ARIA role "presentation" is redundant with the implicit role of the element <img>
Mode: light
<img style="max-width:100%;display:block;position:static" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='264'%20width='264'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" aria-hidden="true" role="presentation" alt="">
Example 4 View on Page
The explicitly-assigned ARIA role "presentation" is redundant with the implicit role of the element <img>
Mode: light
<img style="max-width:100%;display:block;position:static" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='1148'%20width='2286'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" aria-hidden="true" role="presentation" alt="">
Example 5 View on Page
The explicitly-assigned ARIA role "presentation" is redundant with the implicit role of the element <img>
Mode: light
<img style="max-width:100%;display:block;position:static" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='264'%20width='264'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" aria-hidden="true" role="presentation" alt="">
12 Moderate equalAccess aria_descendant_valid:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The element with role "tab" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<li data-rttab="true" tabindex="0" aria-controls="panel:r0:0" aria-disabled="false" aria-selected="true" id="tab:r0:0" role="tab" class="react-tabs__tab react-tabs__tab--selected">
Example 2 View on Page
The element with role "tab" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<li data-rttab="true" aria-controls="panel:r0:1" aria-disabled="false" aria-selected="false" id="tab:r0:1" role="tab" class="react-tabs__tab">
Example 3 View on Page
The element with role "tab" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<li data-rttab="true" aria-controls="panel:r0:2" aria-disabled="false" aria-selected="false" id="tab:r0:2" role="tab" class="react-tabs__tab">
Example 4 View on Page
The element with role "button" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<div data-accordion-component="AccordionItemButton" tabindex="0" role="button" aria-controls="accordion__panel-:r1:" aria-expanded="false" aria-disabled="false" id="accordion__heading-:r1:" class="accordion__button">
Example 5 View on Page
The element with role "button" contains descendants with implicit roles "heading" which are ignored by browsers
Mode: light
<div data-accordion-component="AccordionItemButton" tabindex="0" role="button" aria-controls="accordion__panel-:r2:" aria-expanded="false" aria-disabled="false" id="accordion__heading-:r2:" class="accordion__button">
11 Moderate equalAccess text_contrast_sufficient:
7 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<h2>
Example 2 View on Page
The foreground text and its background color are both detected as #ffffff. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light
<p class="body-large">
Example 3 View on Page
Text contrast of 4.05 with its background is less than the WCAG AA minimum requirements for text of size 20px and weight of 300
Mode: light
<a href="https://accessibility.civicactions.com/posts/heart-accessibility " class="external-link">
Example 4 View on Page
Text contrast of 4.05 with its background is less than the WCAG AA minimum requirements for text of size 20px and weight of 300
Mode: light
<a href="/services/ditap/">
Example 5 View on Page
Text contrast of 4.05 with its background is less than the WCAG AA minimum requirements for text of size 20px and weight of 300
Mode: light
<a class="external-link" href="https://distributedgov.com/">
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: "The Chang School approached us ... rk, and applaud the initiative."
Mode: light
<p>
Example 2 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: ' mission and focus has been to ... Report celebrates CivicActions'
Mode: light
<p>
Example 3 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "A lot of us in government know ... TAP is how we make that happen."
Mode: light
<p class="h3">
Example 4 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "The Offeror’s Solutioning Exerc ... g for this factor is Excellent."
Mode: light
<p class="h3">
Example 5 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "After dedicating nearly 25 year ... usive digital services for all."
Mode: light
<p>
6 Moderate equalAccess input_checkboxes_grouped:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light
<input value="Web & CMS" name="Web_CMS" id="1" type="checkbox">
Example 2 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light
<input value="IT & Service Modernization" name="IT_Service_Modernization" id="2" type="checkbox">
Example 3 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light
<input value="Product & Design" name="Product_Design" id="3" type="checkbox">
Example 4 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light
<input value="Security & Compliance" name="Security_Compliance" id="4" type="checkbox">
Example 5 View on Page
Verify that this ungrouped checkbox input is not related to other checkboxes
Mode: light
<input value="Data Services" name="Data_Services" id="5" type="checkbox">
3 Moderate equalAccess frame_src_valid:
3 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 title="Civicactions DITAP register form" src="https://docs.google.com/forms/d/e/1FAIpQLSdKpPjmE2M1Dof9fvp6TatQxVhIaDyq33iJ6X1ucUbRIYM0LQ/viewform?embedded=true%22">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" src="https://player.vimeo.com/video/1040145692" title="Why join Civicactions video">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe title="Civicactions feedback form" width="915" src="https://docs.google.com/forms/d/e/1FAIpQLSeTBqCxx8zHegPyjg1pjWxb7nCLVdKSjeUyjHZ57VnDRO5zAQ/viewform?embedded=true">
2 Moderate equalAccess heading_markup_misuse:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2>
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3>
1 Moderate equalAccess element_tabbable_visible:
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 href="/services/ditap">
1 Moderate equalAccess input_label_visible:
1 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
<textarea rows="6" required="" name="message" id="message">
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 role="tablist" class="react-tabs__tab-list">
1 Moderate equalAccess heading_content_exists:
1 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>
1 Moderate equalAccess aria_accessiblename_exists:
1 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>