Accessibility Scan Report

Title: Alberta Issue: #52 Date: 3/22/2026, 2:42:03 AM Duration: 4.0m URLs: 59 / 59

Summary

Issues

  • By Level: A (3), AA (19)
  • By Version (A & AA): WCAG 2.0 (22)
  • By Category: axe-strict (56) & Others (741)
  • Total: 797 across 34 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.
Active emergency updates | Alberta.ca 38
Alberta Advantage Immigration Program | Alberta.ca 34
Budget 2026: Investing in what matters | Budget 2026 : investir dans ce qui compte | alberta.ca 28
Budget | Alberta.ca 41
A bold investment in student success | Un investissement audacieux dans la réussite des élèves | alberta.ca 32
Premier of Alberta | Alberta.ca 29
Schools Now | Alberta.ca 29
Acute Care Action Plan | Alberta.ca 27
Canada Post service interruption | Alberta.ca 25
Renew your vehicle registration | Alberta.ca 25

🔧 Most Common Issues (axe)

6 rules
27 Moderate axe landmark-unique
27 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
<nav role="navigation" id="goa-quicklinks" class="goa-list">
XPath: .goa-list:nth-child(1) > nav[role="navigation"]
Example 2 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav role="navigation" id="goa-quicklinks" class="goa-list">
XPath: .goa-list:nth-child(1) > nav[role="navigation"]
Example 3 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav role="navigation" id="goa-quicklinks" class="goa-list">
XPath: .goa-list:nth-child(1) > nav[role="navigation"]
Example 4 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav role="navigation" id="goa-quicklinks" class="goa-list">
XPath: .goa-list:nth-child(1) > nav[role="navigation"]
Example 5 View on Page
Landmarks should have a unique role or role/label/title (i.e. accessible name) combination
Mode: light
<nav role="navigation" id="goa-quicklinks" class="goa-list">
XPath: .goa-list:nth-child(1) > nav[role="navigation"]
19 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

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
<button class="" aria-expanded="false">Tourism and Hospitality Stream</button>
XPath: #accordion46583 > .goa-title > button
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="" aria-expanded="false">Alberta Opportunity Stream</button>
XPath: #accordion46584 > .goa-title > button
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="" aria-expanded="false">Alberta Express Entry Stream</button>
XPath: #accordion46585 > .goa-title > button
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="" aria-expanded="false">Rural Renewal Stream</button>
XPath: #accordion46586 > .goa-title > button
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="" aria-expanded="false">Rural Entrepreneur Stream</button>
XPath: #accordion46589 > .goa-title > button
5 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.
5 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light
<div class="ab-footer">
XPath: .ab-footer
Example 2 View on Page
All page content should be contained by landmarks
Mode: light
<div class="ab-footer">
XPath: .ab-footer
Example 3 View on Page
All page content should be contained by landmarks
Mode: light
<div class="ab-footer">
XPath: .ab-footer
Example 4 View on Page
All page content should be contained by landmarks
Mode: light
<div class="ab-footer">
XPath: .ab-footer
Example 5 View on Page
All page content should be contained by landmarks
Mode: light
<div class="ab-footer">
XPath: .ab-footer
3 Moderate axe SC 4.1.2 A Visual Motor Cognitive aria-prohibited-attr
2 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Limited Manipulation 2.2% — ~7,600,000 Americans
  • Limited Reach and Strength 5.8% — ~19,600,000 Americans
  • Limited Language, Cognitive, and Learning Abilities 4.7% — ~15,900,000 Americans

Examples

Example 1 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode" tabindex="" id="movie_player" data-version="/s/player/1ebf2aa6/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #goa-band29421 > .paragraph--type--media-block.goa-column-50-50-100.paragraph > .goa-image.margin-top > .goa-video > iframe
Example 2 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode" tabindex="" id="movie_player" data-version="/s/player/1ebf2aa6/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #goa-band73942 > .paragraph--type--media-block.goa-column-50-50-100.paragraph > .goa-image.margin-top > .goa-video > iframe
Example 3 View on Page
Elements must only use permitted ARIA attributes
Mode: light
<div class="html5-video-player ytp-hide-controls ytp-exp-bottom-control-flexbox ytp-modern-caption ytp-livebadge-color unstarted-mode ytp-large-width-mode" tabindex="" id="movie_player" data-version="/s/player/1ebf2aa6/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\36 98254387
1 Moderate axe aria-allowed-role
1 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
<aside role="complementary">
XPath: aside > .side-content > aside
1 Moderate axe landmark-complementary-is-top-level: Ensures the complementary landmark (<aside>) is a top-level landmark. Nested aside elements cannot be found by screen reader landmark navigation.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

Examples

Example 1 View on Page
Aside should not be contained in another landmark
Mode: light
<aside role="complementary">
XPath: aside > .side-content > aside

🔧 Most Common Issues (Equal Access)

28 rules
85 Moderate equalAccess aria_role_redundant
31 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 class="goa-list" id="goa-quicklinks" role="navigation">
Example 2 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav class="goa-list" id="goa-aboutlinks" role="navigation">
Example 3 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
Example 4 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav class="goa-list" id="goa-aboutlinks" role="navigation">
Example 5 View on Page
The explicitly-assigned ARIA role "navigation" is redundant with the implicit role of the element <nav>
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
83 Moderate equalAccess input_label_visible
27 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The input element does not have an associated visible label
Mode: light
<button value="close" tabindex="0" aria-label="Close notification" aria-expanded="true" class="goa-button--close" id="goa-button--notifications-close">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Search" id="goa-search-button">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light
<button tabindex="-1" aria-label="Notification message expanded" class="goa-button--notifications">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Toggle collapsed breadcrumbs" class="breadcrumb-toggle">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<button value="close" tabindex="0" aria-label="Close notification" aria-expanded="true" class="goa-button--close" id="goa-button--notifications-close">
81 Moderate equalAccess aria_content_in_landmark
31 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
<button class="goa-button" id="goa-back-to-top-btn">
Example 2 View on Page
Content is not within a landmark element
Mode: light
<button class="goa-button" id="goa-back-to-top-btn">
Example 3 View on Page
Content is not within a landmark element
Mode: light
<button class="goa-button" id="goa-back-to-top-btn">
Example 4 View on Page
Content is not within a landmark element
Mode: light
<button class="goa-button" id="goa-back-to-top-btn">
Example 5 View on Page
Content is not within a landmark element
Mode: light
<button class="goa-button" id="goa-back-to-top-btn">
58 Moderate equalAccess element_attribute_deprecated
32 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 shape-rendering="geometricPrecision" viewBox="0 0 18.01 18" height="18" width="18" version="1.1" xmlns="http://www.w3.org/2000/svg">
Example 3 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 4 View on Page
The HTML attribute(s) "version" is deprecated in HTML 5
Mode: light
<svg shape-rendering="geometricPrecision" viewBox="0 0 18.01 18" height="18" width="18" version="1.1" xmlns="http://www.w3.org/2000/svg">
Example 5 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">
55 Moderate equalAccess element_id_unique
27 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The <nav> element has the id "goa-quicklinks" that is already in use
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
Example 2 View on Page
The <nav> element has the id "goa-aboutlinks" that is already in use
Mode: light
<nav class="goa-list" id="goa-aboutlinks" role="navigation">
Example 3 View on Page
The <nav> element has the id "goa-quicklinks" that is already in use
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
Example 4 View on Page
The <nav> element has the id "goa-aboutlinks" that is already in use
Mode: light
<nav class="goa-list" id="goa-aboutlinks" role="navigation">
Example 5 View on Page
The <nav> element has the id "goa-quicklinks" that is already in use
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
54 Moderate equalAccess aria_navigation_label_unique
26 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
Example 2 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav class="goa-list" id="goa-aboutlinks" role="navigation">
Example 3 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
Example 4 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav class="goa-list" id="goa-aboutlinks" role="navigation">
Example 5 View on Page
Multiple elements with "navigation" role do not have unique labels
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
52 Moderate equalAccess aria_landmark_name_unique
26 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
Example 2 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav class="goa-list" id="goa-aboutlinks" role="navigation">
Example 3 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
Example 4 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav class="goa-list" id="goa-aboutlinks" role="navigation">
Example 5 View on Page
Multiple elements with "navigation" landmarks within the same parent region are not distinguished from one another because they have the same "" label
Mode: light
<nav class="goa-list" id="goa-quicklinks" role="navigation">
33 Moderate equalAccess style_highcontrast_visible
32 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" media="all" rel="stylesheet">
32 Moderate equalAccess style_color_misuse
32 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" 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_w55-xYM1y31UgkjUKM0ivGPD9TU9Z3culdZsAUy426s.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" media="all" rel="stylesheet">
32 Moderate equalAccess element_tabbable_visible
32 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">
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">
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">
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">
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">
32 Moderate equalAccess svg_graphics_labelled
32 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 shape-rendering="geometricPrecision" viewBox="0 0 216 61" height="42" width="149" xmlns="http://www.w3.org/2000/svg">
Example 2 View on Page
The SVG element has no accessible name
Mode: light
<svg shape-rendering="geometricPrecision" viewBox="0 0 216 61" height="42" width="149" xmlns="http://www.w3.org/2000/svg">
Example 3 View on Page
The SVG element has no accessible name
Mode: light
<svg shape-rendering="geometricPrecision" viewBox="0 0 216 61" height="42" width="149" xmlns="http://www.w3.org/2000/svg">
Example 4 View on Page
The SVG element has no accessible name
Mode: light
<svg shape-rendering="geometricPrecision" viewBox="0 0 216 61" height="42" width="149" xmlns="http://www.w3.org/2000/svg">
Example 5 View on Page
The SVG element has no accessible name
Mode: light
<svg shape-rendering="geometricPrecision" viewBox="0 0 216 61" height="42" width="149" xmlns="http://www.w3.org/2000/svg">
31 Moderate equalAccess text_contrast_sufficient
26 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
<span>
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
<span>
Example 3 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
<span>
Example 4 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
<span>
Example 5 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
<span>
27 Moderate equalAccess form_submit_button_exists
27 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form role="search" action="https://search.alberta.ca/alberta/Pages/results.aspx">
Example 2 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form role="search" action="https://search.alberta.ca/alberta/Pages/results.aspx">
Example 3 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form role="search" action="https://search.alberta.ca/alberta/Pages/results.aspx">
Example 4 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form role="search" action="https://search.alberta.ca/alberta/Pages/results.aspx">
Example 5 View on Page
Verify the <form> element has a submit button or an image button
Mode: light
<form role="search" action="https://search.alberta.ca/alberta/Pages/results.aspx">
26 Moderate equalAccess widget_tabbable_exists
26 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<button tabindex="-1" aria-label="Notification message expanded" class="goa-button--notifications">
Example 2 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<button tabindex="-1" aria-label="Notification message expanded" class="goa-button--notifications">
Example 3 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<button tabindex="-1" aria-label="Notification message expanded" class="goa-button--notifications">
Example 4 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<button tabindex="-1" aria-label="Notification message expanded" class="goa-button--notifications">
Example 5 View on Page
Component with "button" role does not have a tabbable element
Mode: light
<button tabindex="-1" aria-label="Notification message expanded" class="goa-button--notifications">
16 Moderate equalAccess text_block_heading
12 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Confirm this text 'Was this page helpful?' 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 'Was this page helpful?' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 3 View on Page
Confirm this text 'Was this page helpful?' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 4 View on Page
Confirm this text 'Was this page helpful?' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
Example 5 View on Page
Confirm this text 'Assured Income for the Severely Handicapped (AISH)' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="goa-section--heading">
10 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 word(s) 'below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 2 View on Page
Confirm the word(s) 'below' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span lang="EN-US">
Example 3 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>
Example 4 View on Page
Confirm the user instruction is still understandable without the word(s) 'shape'
Mode: light
<p>
Example 5 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<span>
6 Moderate equalAccess style_background_decorative
5 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:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.75)), url('/system/files/styles/responsive_2080/private/hshs-acute-care-action-plan-hero-banner.jpg?itok=Vk2eGQZc') left top; background-size: cover;" class="goa-container goa-container--medium goa-background--blue goa-container--header goa-hero goa-hero--marketing goa-hero--large">
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div style="background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.75)), url('/system/files/styles/responsive_2080/private/tbf-budget2026-overview-1920x1080.jpg?itok=D-tfmbTJ') center center; background-size: cover;" class="goa-container goa-container--medium goa-background--blue goa-container--header goa-hero goa-hero--marketing goa-hero--large">
Example 3 View on Page
Verify the CSS background image does not convey important information
Mode: light
<style>
Example 4 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div style="background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.75)), url('/system/files/styles/responsive_2080/private/edu-sn-hero-placeholder4-1920x1080.jpg?itok=fxYEqgVg') left center; background-size: cover;" class="goa-container goa-container--medium goa-background--blue goa-container--header goa-hero goa-hero--marketing goa-hero--large">
Example 5 View on Page
Verify the CSS background image does not convey important information
Mode: light
<div style=" background: url('/system/files/styles/responsive_1550/private/edu-sn-classroom-1920x1080.jpg?itok=T0bovSFO') center center; background-size: cover; " id="goa-band62358" class="goa-background--image goa-background--image-standard">
5 Moderate equalAccess blockquote_cite_exists
5 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 frame_src_valid
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-122726543_738="true" data-gtm-yt-inspected-122726543_68="true" data-gtm-yt-inspected-8445890_1612="true" data-gtm-yt-inspected-8445890_141="true" data-gtm-yt-inspected-153="true" data-gtm-yt-inspected-149="true" title="Budget 2026: Focused on what matters" loading="lazy" class="media-oembed-content" height="113" width="200" src="https://www.alberta.ca/media/oembed?url=https%3A//youtu.be/ngdpjwTmHUY&max_width=0&max_height=0&hash=DDKMxyiGxYw5XpGIRKBRh25r35ai4MMqu-0X89YEdIs">
Example 2 View on Page
Verify <frame> content is accessible
Mode: light
<iframe title="Budget 2026: Focused on what matters" allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" src="https://www.youtube.com/embed/ngdpjwTmHUY?feature=oembed" height="113" width="200">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-122726543_738="true" data-gtm-yt-inspected-122726543_68="true" data-gtm-yt-inspected-8445890_1612="true" data-gtm-yt-inspected-8445890_141="true" data-gtm-yt-inspected-153="true" data-gtm-yt-inspected-149="true" title="Budget 2026 media briefing and news conference - February 26, 2026" loading="lazy" class="media-oembed-content" height="113" width="200" src="https://www.alberta.ca/media/oembed?url=https%3A//youtu.be/bxaW5LWHuLs&max_width=0&max_height=0&hash=o0RH3Q5K2yuVzSBvDkPGlawQnWxSezZbRLO8L5aDp98">
Example 4 View on Page
Verify <frame> content is accessible
Mode: light
<iframe title="Budget 2026 media briefing and news conference - February 26, 2026" allowfullscreen="" referrerpolicy="strict-origin-when-cross-origin" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" frameborder="0" src="https://www.youtube.com/embed/bxaW5LWHuLs?feature=oembed" height="113" width="200">
Example 5 View on Page
Verify <frame> content is accessible
Mode: light
<iframe data-gtm-yt-inspected-77="true" data-gtm-yt-inspected-8445890_1612="true" id="227637931" data-gtm-yt-inspected-8445890_141="true" width="702" title="Supporting Alberta’s most complex classrooms - February 12, 2026" src="https://www.youtube.com/embed/97dzmizhF6w?si=LZueH-lTCJgzYBJ6&enablejsapi=1&origin=https%3A%2F%2Fwww.alberta.ca" referrerpolicy="strict-origin-when-cross-origin" height="394" frameborder="0" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share">
5 Moderate equalAccess style_focus_visible
2 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
<iframe data-gtm-yt-inspected-122726543_738="true" data-gtm-yt-inspected-122726543_68="true" data-gtm-yt-inspected-8445890_1612="true" data-gtm-yt-inspected-8445890_141="true" data-gtm-yt-inspected-153="true" data-gtm-yt-inspected-149="true" title="Budget 2026: Focused on what matters" loading="lazy" class="media-oembed-content" height="113" width="200" src="https://www.alberta.ca/media/oembed?url=https%3A//youtu.be/ngdpjwTmHUY&max_width=0&max_height=0&hash=DDKMxyiGxYw5XpGIRKBRh25r35ai4MMqu-0X89YEdIs">
Example 2 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<iframe data-gtm-yt-inspected-122726543_738="true" data-gtm-yt-inspected-122726543_68="true" data-gtm-yt-inspected-8445890_1612="true" data-gtm-yt-inspected-8445890_141="true" data-gtm-yt-inspected-153="true" data-gtm-yt-inspected-149="true" title="Budget 2026 media briefing and news conference - February 26, 2026" loading="lazy" class="media-oembed-content" height="113" width="200" src="https://www.alberta.ca/media/oembed?url=https%3A//youtu.be/bxaW5LWHuLs&max_width=0&max_height=0&hash=o0RH3Q5K2yuVzSBvDkPGlawQnWxSezZbRLO8L5aDp98">
Example 3 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<a href="https://www.alberta.ca/NewsRoom/newsroom.cfm?numDaysBack=365&deptID=0&keywordRSS=budget" class="button-rss">
Example 4 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<button aria-expanded="false" data-current="table-of-contents" class="goa-section-menu--links">
Example 5 View on Page
Check the keyboard focus indicator is visible when using CSS declaration for 'border' or 'outline'
Mode: light
<input aria-required="true" required="true" type="search" class="form-control bodysearch" name="txtStaffSearch" id="search-again" placeholder="Search by name, title, ministry or keyword">
4 Moderate equalAccess heading_markup_misuse
3 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
<h3>
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h2>
Example 3 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3>
Example 4 View on Page
Verify that the heading element is a genuine heading
Mode: light
<h3>
2 Moderate equalAccess aria_complementary_labelled
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside role="complementary">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light
<aside role="complementary">
2 Moderate equalAccess table_headers_exists
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Table has no headers identified
Mode: light
<table cellspacing="”6”" cellpadding="”6”" border="”0”">
Example 2 View on Page
Table has no headers identified
Mode: light
<table cellspacing="6" cellpadding="6" border="0">
1 Moderate equalAccess element_tabbable_unobscured
1 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://open.alberta.ca/publications/budget-2026">
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>
1 Moderate equalAccess aria_attribute_redundant
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attribute "aria-required" is redundant with the HTML attribute "required"
Mode: light
<input aria-required="true" required="true" type="search" class="form-control bodysearch" name="txtStaffSearch" id="search-again" placeholder="Search by name, title, ministry or keyword">