Accessibility Scan Report

Title: Alberta Issue: #52 Date: 8/2/2026, 1:53:01 AM Duration: 9.6m URLs: 59 / 59
Viewport: Desktop (1280×800) Color scheme: both Browser: chromium

🔄 Changes Since Last Scan

695 New unique issues
1014 Not observed issues
🆕 New Issues (695)
✅ Not Observed in This Scan (1014)

These issues were previously tracked but were not detected in this scan. Absence is not proof of resolution — the page may not have loaded, the rule may not have run, or the element may have moved. Retest and verify before closing the tracked issue.

Replicate this scan

Reuse this scan context to reproduce the same viewport, color mode, and browser selection.

Title keywords

VIEWPORT:desktop COLORSCHEME:both BROWSER:chromium

Issue body section

### Scan context Viewport: desktop ColorScheme: both Browser: chromium

Summary

Issues

  • By Level: A (2), AA (19)
  • By Version (A & AA): WCAG 2.0 (21)
  • Engines used: AXE, Equal Access
  • By Finding Type: Known errors (572) & Best practices (5)
  • Manual testing needed: 396 axe incomplete findings
  • Total: 577 across 33 unique rules & 2 accessibility engines

By Severity

Critical
Serious
Moderate
Minor

By Role

UX Designer
Visual Designer
Content Author
Front-End Developer

Issues

🎯 Pages with Most Errors

Focus your efforts on these pages to make the biggest impact. Click any error count to filter the rule list below. Total counts unique findings across the active scanners, and numbers in parentheses (+N) still show findings that cover WCAG criteria already reported by axe.
Active emergency updates | Alberta.ca 41
Cutting Red Tape | Alberta.ca 31
Government of Alberta | Alberta.ca 33
Budget 2026: Investing in what matters | Budget 2026 : investir dans ce qui compte | alberta.ca 28
Budget | Alberta.ca 31
Budget 2026: Strengthening what matters | Budget 2026 : Renforcer ce qui compte | alberta.ca 24
Budget 2026: Focused on what matters | Budget 2026 : la priorité à ce qui compte vraiment | alberta.ca 23
New technology to power Alberta’s energy future | alberta.ca 20
Premier of Alberta | Alberta.ca 0 21
Schools Now | Alberta.ca 0 20

🧭 Reflow Risk (WCAG 1.4.10)

Page-level indicator: resizes to 320 CSS pixels wide and checks for horizontal overflow. This is a risk indicator, not a conformance verdict — see Behavioral Accessibility Automation for what it can and cannot detect.

Page Result Details
Budget 2026: Focused on what matters | Budget 2026 : la priorité à ce qui compte vraiment | alberta.ca failed Horizontal overflow detected: 100px of content overflowed the viewport at 320px width

🔧 Most Common Issues (axe)

6 rules
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

Affected Pages

Who Is Affected

  • Without Vision 1.0% — ~3,400,000 Americans
  • Limited Vision 2.4% — ~8,100,000 Americans
  • Without Perception of Color 4.3% — ~14,500,000 Americans

ACT alignment

  • ACT 09o5cg Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

  • ACT afw4f7 Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-8dfe2847
<button class="" aria-expanded="false">2026 News releases</button>
XPath: #accordion73134 > .goa-title > button
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-9578c531
<button class="" aria-expanded="false">2025 News releases</button>
XPath: #accordion73133 > .goa-title > button
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-9847dbc9
<button class="" aria-expanded="false">2024 News releases</button>
XPath: #accordion56532 > .goa-title > button
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-12da62c2
<button class="" aria-expanded="false">2023 News releases</button>
XPath: #accordion12411 > .goa-title > button
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-8616dc19
<button class="" aria-expanded="false">2022 News releases</button>
XPath: #accordion12412 > .goa-title > button
6 Moderate axe aria-allowed-role
2 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-dc1934fb
<aside role="complementary">
XPath: aside > .side-content > aside
Example 2 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a0690074
<img loading="lazy" src="/system/files/styles/card_image_regular/private/emergency-alert-app-grey_0.jpg?itok=ROL0At7i" alt="Alberta Emergency Alert app icon" title="Alberta Emergency Alert app grey" class="image-style-card-image-regular img-lazy" decoding="async" role="presentation">
XPath: .goa-column-25-50-100.goa-card:nth-child(3) > .goa-thumb > .image-style-card-image-regular.img-lazy[loading="lazy"]
Example 3 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-6f490c50
<img loading="lazy" src="/system/files/styles..." alt="Two men standing in ..." class="image-style-card-ima..." decoding="async" role="presentation">
XPath: .goa-column-25-50-100.goa-card:nth-child(4) > .goa-thumb > .image-style-card-image-regular.img-lazy[loading="lazy"]
Example 4 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-da1f265c
<img loading="lazy" src="/system/files/styles..." alt="Image of a medical b..." class="image-style-card-ima..." decoding="async" role="presentation">
XPath: .goa-card.goa-column-33-33-100:nth-child(5) > .goa-thumb > .image-style-card-image-regular.img-lazy[loading="lazy"]
Example 5 View on Page
ARIA role should be appropriate for the element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-8c0f77e0
<img loading="lazy" src="/system/files/styles/card_image_regular/private/fp-wildfire-intelligence.jpg?itok=vc4L3FeI" alt="Multi-coloured diagonal panels showing lightning storm, and sunny blue skies" class="image-style-card-image-regular img-lazy" decoding="async" role="presentation">
XPath: .goa-card.goa-column-33-33-100:nth-child(6) > .goa-thumb > .image-style-card-image-regular.img-lazy[loading="lazy"]
4 Moderate axe Best Practice region: Ensures all page content is contained within landmark regions. Content outside landmarks cannot be found by screen reader users navigating by landmarks.
4 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer, UX Designer

Blocking: No

WCAG: Best Practice

Examples

Example 1 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-fc9dd037
<div class="ab-footer">
XPath: .ab-footer
Example 2 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-fc9dd037
<div class="ab-footer">
XPath: .ab-footer
Example 3 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-fc9dd037
<div class="ab-footer">
XPath: .ab-footer
Example 4 View on Page
All page content should be contained by landmarks
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-fc9dd037
<div class="ab-footer">
XPath: .ab-footer
2 Serious axe SC 4.1.2 A Visual Motor Cognitive aria-allowed-attr: Ensures ARIA attributes are only used on elements where they are permitted by the ARIA specification.
1 pages affected

Rule Information

Engine: axe

Roles: Front-End Developer

Blocking: No

WCAG: SC 4.1.2 A

Disabilities affected:
Visual Motor Cognitive

Affected Pages

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

ACT alignment

  • ACT 5c01ea Open ACT rule

    No other scanned engines matched this ACT rule in the current report.

Examples

Example 1 View on Page
Elements must only use supported ARIA attributes
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-6fc680df
<a class="ytmVideoInfoVideoTitle" aria-level="2" href="https://www.youtube.com/watch?v=ngdpjwTmHUY"><span class="ytAttributedStringHost ytmVideoInfoLink ytAttributedStringWhiteSpaceNoWrap" style="">Budget 2026: Focused on what matters</span></a>
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 supported ARIA attributes
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-4e8d48d8
<a class="ytmVideoInfoVideoTitle" aria-level="2" href="https://www.youtube.com/watch?v=bxaW5LWHuLs"><span class="ytAttributedStringHost ytmVideoInfoLink ytAttributedStringWhiteSpaceNoWrap" style="">Budget 2026 media briefing and news conference - February 26, 2026</span></a>
XPath: #goa-band73942 > .paragraph--type--media-block.goa-column-50-50-100.paragraph > .goa-image.margin-top > .goa-video > iframe
1 Moderate axe Best Practice 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

WCAG: Best Practice

Examples

Example 1 View on Page
Aside should not be contained in another landmark
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-d74061a8
<aside role="complementary">
XPath: aside > .side-content > aside
1 Moderate axe landmark-unique
1 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-3cadcd60
<aside role="complementary">
XPath: .goa-grid-100-100-100 > .side-content > aside

🔧 Most Common Issues (Equal Access)

27 rules
88 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-96a46b17
<nav aria-labelledby="block-footer-menu" id="goa-quicklinks-nav" 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-3c8d2ca7
<nav aria-labelledby="block-aboutlinks-menu" 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-96a46b17
<nav aria-labelledby="block-footer-menu" id="goa-quicklinks-nav" 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-3c8d2ca7
<nav aria-labelledby="block-aboutlinks-menu" 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-96a46b17
<nav aria-labelledby="block-footer-menu" id="goa-quicklinks-nav" role="navigation">
59 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-8a5a1fd8
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-26e8a79b
<a href="#goa-main-nav">
Example 3 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-8a5a1fd8
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-26e8a79b
<a href="#goa-main-nav">
Example 5 View on Page
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-8a5a1fd8
<a href="#main">
47 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-84d74e87
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-ad6a4918
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-84d74e87
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-ad6a4918
<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) "version" is deprecated in HTML 5
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-ad6a4918
<svg shape-rendering="geometricPrecision" viewBox="0 0 18.01 18" height="18" width="18" version="1.1" xmlns="http://www.w3.org/2000/svg">
44 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
4 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-ca1da133
<h3 class="sr-only">
Example 2 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-450dc9aa
<a href="/find-a-job.aspx">
Example 3 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-0c592452
<a href="/staff-directory.cfm">
Example 4 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-d572c365
<a href="/open-government-program.aspx">
Example 5 View on Page
Content is not within a landmark element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e1b98dc8
<a href="/ministries.aspx">
34 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
27 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 #f2f2f2. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-09796b46
<span>
Example 2 View on Page
The foreground text and its background color are both detected as #f2f2f2. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-09796b46
<span>
Example 3 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 48px and weight of 700
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-09796b46
<span>
Example 4 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 24px and weight of 400
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-eace9585
<p class="goa-hero-large-lede">
Example 5 View on Page
The foreground text and its background color are both detected as #f2f2f2. Verify the text meets the WCAG AA requirements for minimum contrast
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-09796b46
<span>
33 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-34c9282f
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-34c9282f
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-34c9282f
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-34c9282f
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-34c9282f
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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: Color must not be used as the only visual means of conveying information
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c3e2f40e
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c3e2f40e
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c3e2f40e
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c3e2f40e
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c3e2f40e
<link href="/sites/default/files/css/css_SclXHuvBDIqLeQBkHWKzeUmAqgjwcheaJlVpJFLyo7I.css?delta=0&language=en&theme=goa_core&include=eJxNyEEKAyEMQNELBT3SEE1wwkQjiU5pT1-YTbv5fF69mGSZHzKIxypq9cp_D9Wc8zDvqPJhaIbHQ02toMJEx-Y4z8jke6Kmn6Q95i4qcTJBvGNxzwWD4RZ-RX6autFW_gIm5TUY" media="all" rel="stylesheet">
31 Moderate equalAccess input_label_visible: An input element must have an associated visible label
28 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a264a0aa
<button aria-label="Search" id="goa-search-button">
Example 2 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-366b54b4
<button aria-label="Toggle collapsed breadcrumbs" class="breadcrumb-toggle">
Example 3 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a264a0aa
<button aria-label="Search" id="goa-search-button">
Example 4 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a264a0aa
<button aria-label="Search" id="goa-search-button">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a264a0aa
<button aria-label="Search" id="goa-search-button">
28 Moderate equalAccess element_tabbable_unobscured: A tabbable element should not be entirely obscured by overlapping content
28 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-74f0c408
<a href="#main">
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-74f0c408
<a href="#main">
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-74f0c408
<a href="#main">
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-74f0c408
<a href="#main">
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-74f0c408
<a href="#main">
28 Moderate equalAccess form_submit_button_exists
28 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-0a04677e
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-0a04677e
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-0a04677e
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-0a04677e
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-0a04677e
<form role="search" action="https://search.alberta.ca/alberta/Pages/results.aspx">
28 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
28 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-aboutlinks" that is already in use
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-10af81db
<nav aria-labelledby="block-aboutlinks-menu" class="goa-list" id="goa-aboutlinks" role="navigation">
Example 2 View on Page
The <nav> element has the id "goa-aboutlinks" that is already in use
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-10af81db
<nav aria-labelledby="block-aboutlinks-menu" class="goa-list" id="goa-aboutlinks" role="navigation">
Example 3 View on Page
The <nav> element has the id "goa-aboutlinks" that is already in use
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-10af81db
<nav aria-labelledby="block-aboutlinks-menu" class="goa-list" id="goa-aboutlinks" role="navigation">
Example 4 View on Page
The <nav> element has the id "goa-aboutlinks" that is already in use
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-10af81db
<nav aria-labelledby="block-aboutlinks-menu" class="goa-list" id="goa-aboutlinks" role="navigation">
Example 5 View on Page
The <nav> element has the id "goa-aboutlinks" that is already in use
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-10af81db
<nav aria-labelledby="block-aboutlinks-menu" class="goa-list" id="goa-aboutlinks" role="navigation">
27 Moderate equalAccess widget_tabbable_exists
27 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c5005891
<button class="goa-button" id="goa-back-to-top-btn">
Example 2 View on Page
Component with "button" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c5005891
<button class="goa-button" id="goa-back-to-top-btn">
Example 3 View on Page
Component with "button" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c5005891
<button class="goa-button" id="goa-back-to-top-btn">
Example 4 View on Page
Component with "button" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c5005891
<button class="goa-button" id="goa-back-to-top-btn">
Example 5 View on Page
Component with "button" role does not have a tabbable element
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-c5005891
<button class="goa-button" id="goa-back-to-top-btn">
12 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
8 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-499abfb6
<p>
Example 2 View on Page
Confirm this text 'Find a job' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-36733184
<div class="goa-section--heading">
Example 3 View on Page
Confirm this text 'Job planning and training' is used as a heading and if so, modify to use a heading element or role
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-5ffbc6fe
<div class="goa-title">
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-499abfb6
<p>
Example 5 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-499abfb6
<p>
8 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
7 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e603b1f2
<p>
Example 2 View on Page
Confirm the word(s) 'lower' of the user instruction is used to indicate a logical rather than visual position
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e603b1f2
<p>
Example 3 View on Page
Confirm the user instruction is still understandable without the word(s) 'larger'
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e603b1f2
<p>
Example 4 View on Page
Confirm the word(s) 'right' of the user instruction is used to indicate a logical rather than visual position
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e603b1f2
<p>
Example 5 View on Page
Confirm the word(s) 'top, (top' of the user instruction is used to indicate a logical rather than visual position
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e603b1f2
<p>
7 Moderate equalAccess style_background_decorative
6 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-f20caf08
<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/cpe-all-services-hero-1920x1080.jpg?itok=5Nm0ZHOn) right center; background-size: cover; background-repeat: no-repeat;" class="goa-hero">
Example 2 View on Page
Verify the CSS background image does not convey important information
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-f34bbca8
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-fa45c6ff
<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/ti-data-centres-homepage-1920x1080.jpg?itok=NDyG3LoH') center center; background-size: cover;" class="goa-container goa-container--medium goa-container--header goa-background--blue goa-hero goa-hero--large">
Example 4 View on Page
Verify the CSS background image does not convey important information
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e10a3f04
<style>
Example 5 View on Page
Verify the CSS background image does not convey important information
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a7cbed50
<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">
5 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
5 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Examples

Example 1 View on Page
The SVG element has no accessible name
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e2eb2044
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e2eb2044
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e2eb2044
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e2eb2044
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-e2eb2044
<svg shape-rendering="geometricPrecision" viewBox="0 0 216 61" height="42" width="149" xmlns="http://www.w3.org/2000/svg">
5 Moderate equalAccess blockquote_cite_exists: A blockquote should cite the reference source if it can be identified
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-58ff7e6b
<blockquote>
Example 2 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-58ff7e6b
<blockquote>
Example 3 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-58ff7e6b
<blockquote>
Example 4 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-58ff7e6b
<blockquote>
Example 5 View on Page
Verify that <blockquote> should have a 'cite' attribute and not be used for indentation only
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-58ff7e6b
<blockquote>
5 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-d8d20c90
<iframe data-gtm-yt-inspected-122726543_738="true" data-gtm-yt-inspected-122726543_68="true" data-gtm-yt-inspected-154="true" data-gtm-yt-inspected-8445890_1612="true" data-gtm-yt-inspected-8445890_141="true" data-gtm-yt-inspected-161="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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-f7cb5792
<iframe data-gtm-yt-inspected-122726543_738="true" data-gtm-yt-inspected-122726543_68="true" data-gtm-yt-inspected-154="true" data-gtm-yt-inspected-8445890_1612="true" data-gtm-yt-inspected-8445890_141="true" data-gtm-yt-inspected-161="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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-9132369e
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-2a1b1ec3
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-f9211940
<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">
5 Moderate equalAccess img_alt_decorative
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-51ef10a5
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" title="Alberta Emergency Alert app grey" alt="Alberta Emergency Alert app icon" src="/system/files/styles/card_image_regular/private/emergency-alert-app-grey_0.jpg?itok=ROL0At7i" loading="lazy">
Example 2 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-44137b10
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" alt="Two men standing in front of a group of people, one with their arm around the other one pointing to something in the distance. The other man has a tablet in his hands." src="/system/files/styles/card_image_regular/private/emergency-preparedness-card-750x422.jpg?itok=9E8ZIEVi" loading="lazy">
Example 3 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-7eefbd87
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" alt="Image of a medical bed in a hospital with medical equipment and a hospital staff member standing next to the bed." src="/system/files/styles/card_image_regular/private/hshs-acute-care-action-plan-hero-banner.jpg?itok=nxCDPDQl" loading="lazy">
Example 4 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-94c5a044
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" alt="Multi-coloured diagonal panels showing lightning storm, and sunny blue skies" src="/system/files/styles/card_image_regular/private/fp-wildfire-intelligence.jpg?itok=vc4L3FeI" loading="lazy">
Example 5 View on Page
Image designated as decorative has non-null 'alt' attribute
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-574289b7
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" alt="Adult and child holding hands in a bright, modern kitchen with a countertop, plants, and household items visible in the background." src="/system/files/styles/card_image_regular/private/alss-workfirst-card-750x422px.jpg?itok=zl6b2FRB" loading="lazy">
5 Moderate equalAccess aria_role_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-0188c28b
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" title="Alberta Emergency Alert app grey" alt="Alberta Emergency Alert app icon" src="/system/files/styles/card_image_regular/private/emergency-alert-app-grey_0.jpg?itok=ROL0At7i" loading="lazy">
Example 2 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-bc76ccfb
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" alt="Two men standing in front of a group of people, one with their arm around the other one pointing to something in the distance. The other man has a tablet in his hands." src="/system/files/styles/card_image_regular/private/emergency-preparedness-card-750x422.jpg?itok=9E8ZIEVi" loading="lazy">
Example 3 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a7d4cc41
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" alt="Image of a medical bed in a hospital with medical equipment and a hospital staff member standing next to the bed." src="/system/files/styles/card_image_regular/private/hshs-acute-care-action-plan-hero-banner.jpg?itok=nxCDPDQl" loading="lazy">
Example 4 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-b56b1dbb
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" alt="Multi-coloured diagonal panels showing lightning storm, and sunny blue skies" src="/system/files/styles/card_image_regular/private/fp-wildfire-intelligence.jpg?itok=vc4L3FeI" loading="lazy">
Example 5 View on Page
The ARIA role 'presentation' is not valid for the element <img> and may be ignored by the browser since the element is focusable
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-2eeb87fd
<img role="presentation" decoding="async" class="image-style-card-image-regular img-lazy" alt="Adult and child holding hands in a bright, modern kitchen with a countertop, plants, and household items visible in the background." src="/system/files/styles/card_image_regular/private/alss-workfirst-card-750x422px.jpg?itok=zl6b2FRB" loading="lazy">
3 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
3 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-46033ebd
<aside role="complementary">
Example 2 View on Page
Element with "complementary" role does not have a label
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-46033ebd
<aside role="complementary">
Example 3 View on Page
Element with "complementary" role does not have a label
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-46033ebd
<aside role="complementary">
3 Moderate equalAccess heading_markup_misuse: Heading markup should be used only for headings, not for formatting
2 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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a9f5dd65
<h3>
Example 2 View on Page
Verify that the heading element is a genuine heading
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a77e6faf
<h2>
Example 3 View on Page
Verify that the heading element is a genuine heading
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-a9f5dd65
<h3>
3 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify <frame> content is accessible
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-3f0c1f97
<iframe data-gtm-yt-inspected-122726543_738="true" data-gtm-yt-inspected-122726543_68="true" data-gtm-yt-inspected-154="true" data-gtm-yt-inspected-8445890_1612="true" data-gtm-yt-inspected-8445890_141="true" data-gtm-yt-inspected-161="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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-4f303f03
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-1ab23493
<iframe data-gtm-yt-inspected-122726543_738="true" data-gtm-yt-inspected-122726543_68="true" data-gtm-yt-inspected-154="true" data-gtm-yt-inspected-8445890_1612="true" data-gtm-yt-inspected-8445890_141="true" data-gtm-yt-inspected-161="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">
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-7bf55680
<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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-622ff3e1
<html>
1 Moderate equalAccess aria_attribute_redundant: ARIA role or attribute is redundant with the native role and attributes
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 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-ae3620d5
<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">
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: " x 11"
Mode: light 🕑 First identified: 2026-08-02 🔑 Pattern ID: A11Y-12d8c1d5
<p>