Accessibility Scan Report

Title: California Issue: #51 Date: 3/14/2026, 6:28:34 PM Duration: 2.5m URLs: 28 / 28

Summary

Issues

  • By Level: A (1), AA (0)
  • By Version (A & AA): WCAG 2.0 (1)
  • By Category: axe-strict (17) & Others (530)
  • Total: 547 across 29 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 Personal records | CA.gov 53
View Page Assistance and social programs | CA.gov 52
View Page DMV/Auto | CA.gov 52
View Page Jobs and unemployment | CA.gov 52
View Page Businesses | CA.gov 48
View Page Taxes | CA.gov 48
View Page Disaster recovery | CA.gov 20
View Page California State Portal | CA.gov 0 16
View Page Get help | CA.gov 0 16
View Page Services | CA.gov 15

🔧 Most Common Issues (axe)

3 rules
10 Moderate axe landmark-unique:
10 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside class="mobile-sidenav"><div class="container"></div></aside>
XPath: .mobile-sidenav
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside class="mobile-sidenav"><div class="container"></div></aside>
XPath: .mobile-sidenav
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside class="mobile-sidenav"><div class="container"></div></aside>
XPath: .mobile-sidenav
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside class="mobile-sidenav"><div class="container"></div></aside>
XPath: .mobile-sidenav
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<aside class="mobile-sidenav"><div class="container"></div></aside>
XPath: .mobile-sidenav
6 Moderate axe aria-allowed-role:
6 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
ARIA role should be appropriate for the element
Mode: light
<h2 class="lead m-t items-count" aria-live="polite" role="region"> 65 services <span class="sr-only">found</span> </h2>
XPath: .m-t
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light
<h2 class="lead m-t items-count" aria-live="polite" role="region"> 41 services <span class="sr-only">found</span> </h2>
XPath: .m-t
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light
<h2 class="lead m-t items-count" aria-live="polite" role="region"> 32 services <span class="sr-only">found</span> </h2>
XPath: .m-t
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light
<h2 class="lead m-t items-count" aria-live="polite" role="region"> 37 services <span class="sr-only">found</span> </h2>
XPath: .m-t
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light
<h2 class="lead m-t items-count" aria-live="polite" role="region"> 31 services <span class="sr-only">found</span> </h2>
XPath: .m-t
1 Moderate axe SC 1.3.1 A aria-required-children:
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 1.3.1 A

Affected Pages

Examples

Example 1 View on Page
Certain ARIA roles must contain particular children
Mode: light
<ol class="do-first__list" role="list">
XPath: .do-first__list

🔧 Most Common Issues (Equal Access)

26 rules
91 Moderate equalAccess element_tabbable_unobscured:
13 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://www.w3.org/TR/WCAG22/">
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="/departments/178/services/60/">
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="/departments/193/services/15/">
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="/departments/287/services/25/">
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 href="https://www.coveredca.com/individuals-and-families/getting-covered/health-care-costs/">
65 Moderate equalAccess input_label_exists:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Form control element <input> has no associated label
Mode: light
<input id="chkTopic2" name="AgencyTags" value="Businesses" type="checkbox" class="form-check-input">
Example 2 View on Page
Form control element <input> has no associated label
Mode: light
<input id="chkTopic3" name="AgencyTags" value="DMV/Auto" type="checkbox" class="form-check-input">
Example 3 View on Page
Form control element <input> has no associated label
Mode: light
<input id="chkTopic12" name="AgencyTags" value="Education" type="checkbox" class="form-check-input">
Example 4 View on Page
Form control element <input> has no associated label
Mode: light
<input id="chkTopic10" name="AgencyTags" value="Health and wellness" type="checkbox" class="form-check-input">
Example 5 View on Page
Form control element <input> has no associated label
Mode: light
<input id="chkTopic6" name="AgencyTags" value="Housing and real estate" type="checkbox" class="form-check-input">
55 Moderate equalAccess aria_complementary_labelled:
28 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 class="p-b-md p-t-sm section-standout site-footer d-print-none">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="p-b-md p-t-sm section-standout site-footer d-print-none">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="p-b-md p-t-sm section-standout site-footer d-print-none">
Example 4 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="sidenav-mobile-btn">
Example 5 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside class="mobile-sidenav">
39 Moderate equalAccess text_block_heading:
28 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Confirm this text '39' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="text-4rem m-b-0">
Example 2 View on Page
Confirm this text 'million' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p class="lead mt-0">
Example 3 View on Page
Confirm this text 'About' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div aria-level="2" role="heading" class="h4 w-100 brd-bottom brd-highlight p-b">
Example 4 View on Page
Confirm this text 'Quentin Wright' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="lh-lg">
Example 5 View on Page
Confirm this text 'About' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div aria-level="2" role="heading" class="h4 w-100 brd-bottom brd-highlight p-b">
30 Moderate equalAccess element_attribute_deprecated:
28 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">
30 Moderate equalAccess aria_landmark_name_unique:
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Multiple elements with "complementary" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<aside class="sidenav-mobile-btn">
Example 2 View on Page
Multiple elements with "complementary" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<aside class="mobile-sidenav">
Example 3 View on Page
Multiple elements with "complementary" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<aside class="p-b-md p-t-sm section-standout site-footer d-print-none">
Example 4 View on Page
Multiple elements with "complementary" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<aside class="sidenav-mobile-btn">
Example 5 View on Page
Multiple elements with "complementary" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<aside class="mobile-sidenav">
29 Moderate equalAccess style_focus_visible:
11 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input class="height-50 rounded-4 border-0 flex-grow-1 p-l webkit-appearance-none" aria-labelledby="ServiceSearch" placeholder="Search CA.gov" name="q" type="search">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="side-navigation" aria-expanded="false" class="sidenav-toggle" type="button">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="side-navigation" aria-expanded="false" class="sidenav-toggle" type="button">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="side-navigation" aria-expanded="false" class="sidenav-toggle" type="button">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-controls="side-navigation" aria-expanded="false" class="sidenav-toggle" type="button">
28 Moderate equalAccess style_color_misuse:
28 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="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
Example 2 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
Example 3 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
Example 4 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
Example 5 View on Page
Verify color is not used as the only visual means of conveying information
Mode: light
<link href="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
28 Moderate equalAccess style_highcontrast_visible:
28 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="/css/cagov-custom.min.css?vjan26a" 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="/css/cagov-custom.min.css?vjan26a" 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="/css/cagov-custom.min.css?vjan26a" 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="/css/cagov-custom.min.css?vjan26a" 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="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
28 Moderate equalAccess style_viewport_resizable:
28 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="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
Example 2 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
Example 3 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
Example 4 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
Example 5 View on Page
Verify that text sized using viewport units can be resized up to 200%
Mode: light
<link href="/css/cagov-custom.min.css?vjan26a" rel="stylesheet">
28 Moderate equalAccess element_tabbable_visible:
28 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="#main-content">
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 href="#main-content">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light
<a href="#main-content">
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="#main-content">
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="#main-content">
16 Moderate equalAccess target_spacing_sufficient:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Ensure the overlapped target "input" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<input id="chkTopic4" name="AgencyTags" value="Jobs and unemployment" type="checkbox" class="form-check-input">
Example 2 View on Page
Ensure the overlapped target "input" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<input id="chkTopic1" name="AgencyTags" value="Personal records" type="checkbox" class="form-check-input">
Example 3 View on Page
Ensure the overlapped target "input" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<input id="chkTopic7" name="AgencyTags" value="Safety and emergencies" type="checkbox" class="form-check-input">
Example 4 View on Page
Ensure the overlapped target "input" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<input id="chkTopic4" name="AgencyTags" value="Jobs and unemployment" type="checkbox" class="form-check-input">
Example 5 View on Page
Ensure the overlapped target "input" meets a minimum target size or has sufficient spacing from the overlapping target "a"
Mode: light
<input id="chkTopic1" name="AgencyTags" value="Personal records" type="checkbox" class="form-check-input">
11 Moderate equalAccess text_sensory_misuse:
9 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Confirm the user instruction is still understandable without the word(s) 'fifth-largest'
Mode: light
<p class="text-left">
Example 2 View on Page
Confirm the user instruction is still understandable without the word(s) 'size'
Mode: light
<h2>
Example 3 View on Page
Confirm the word(s) 'lower' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 4 View on Page
Confirm the word(s) 'above' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 5 View on Page
Confirm the word(s) 'left' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p class="lead">
10 Moderate equalAccess figure_label_exists:
8 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="pos-rel border-0 pb-5 mb-5 pb-xl-5 mb-xl-4 pb-lg-5 mb-lg-4 pb-md-4 mb-md-4">
Example 2 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="executive-profile">
Example 3 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="executive-profile m-t">
Example 4 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="pos-rel border-0 pb-5 mb-5 pb-xl-5 mb-xl-4 pb-lg-5 mb-lg-4 pb-md-4 mb-md-4">
Example 5 View on Page
The <figure> element does not have an associated label
Mode: light
<figure class="pos-rel border-0 pb-5 mb-5 pb-xl-5 mb-xl-4 pb-lg-5 mb-lg-4 pb-md-4 mb-md-4">
10 Moderate equalAccess style_background_decorative:
10 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div style="background: url('/images/services-lineart.svg') no-repeat right / auto;" class="section-primary lineart bg-p2">
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div style="background: url('/images/contact-lineart.svg') no-repeat right / auto;" class="section-default bg-gray-75 lineart">
Example 3 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div style="background: url('/images/get-help-lineart.svg?v2') no-repeat right / auto;" class="section-primary lineart bg-p2">
Example 4 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div style="background: url('/images/sitemap-lineart.svg') no-repeat right / auto;" class="section-default bg-gray-75 lineart">
Example 5 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div style="background: url('/images/technical-help-lineart.svg') no-repeat right / auto;" class="section-default bg-gray-75 lineart">
6 Moderate equalAccess aria_role_valid:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The ARIA role 'region' is not valid for the element <h2>
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 2 View on Page
The ARIA role 'region' is not valid for the element <h2>
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 3 View on Page
The ARIA role 'region' is not valid for the element <h2>
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 4 View on Page
The ARIA role 'region' is not valid for the element <h2>
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 5 View on Page
The ARIA role 'region' is not valid for the element <h2>
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
6 Moderate equalAccess aria_region_labelled:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with "region" role does not have a label
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 2 View on Page
Element with "region" role does not have a label
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 3 View on Page
Element with "region" role does not have a label
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 4 View on Page
Element with "region" role does not have a label
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 5 View on Page
Element with "region" role does not have a label
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
6 Moderate equalAccess aria_attribute_required:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 2 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 3 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 4 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
Example 5 View on Page
Element with 'heading' role does not have the required ARIA attribute(s): 'aria-level'
Mode: light
<h2 role="region" aria-live="polite" class="lead m-t items-count">
6 Moderate equalAccess fieldset_label_valid:
6 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset>
Example 2 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset>
Example 3 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset>
Example 4 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset>
Example 5 View on Page
Group/Fieldset does not have an accessible name
Mode: light
<fieldset>
2 Moderate equalAccess text_contrast_sufficient:
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

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
<h2 class="h2">
1 Moderate equalAccess heading_markup_misuse:
1 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
<h3 class="lead font-weight-700">
1 Moderate equalAccess svg_graphics_labelled:
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 viewBox="0 0 66 66" height="96px" width="96px" class="VIpgJd-ZVi9od-aZ2wEe" xmlns="http://www.w3.org/2000/svg">
1 Moderate equalAccess text_quoted_correctly:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
If the following text is a quotation, mark it as a <q> or <blockquote> element: "Foster Family Agencies"
Mode: light
<p class="service-description">
1 Moderate equalAccess aria_id_unique:
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The 'id' "do-first-heading" specified for the ARIA property 'aria-labelledby' value is not valid
Mode: light
<section aria-labelledby="do-first-heading" class="do-first do-first--stack">
1 Moderate equalAccess aria_role_redundant:
1 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 "list" is redundant with the implicit role of the element <ol>
Mode: light
<ol role="list" class="do-first__list">
1 Moderate equalAccess aria_child_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 "list" owns the child element with the role "separator" that is not one of the allowed role(s): "listitem"
Mode: light
<ol role="list" class="do-first__list">