Accessibility Scan Report

Title: Alberta Issue: #52 Date: 4/26/2026, 2:31:51 AM Duration: 2.5m URLs: 59 / 59

Summary

Issues

  • By Level: A (2), AA (44)
  • By Version (A & AA): WCAG 2.0 (46)
  • By Category: axe-strict (66) & Others (487)
  • Total: 553 across 35 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.
Alberta.ca Account | Alberta.ca 64
West Coast Oil Pipeline | Alberta.ca 49
A bold investment in student success | Un investissement audacieux dans la réussite des élèves | alberta.ca 32
Schools Now | Alberta.ca 29
Public engagement | Alberta.ca 28
Acute Care Action Plan | Alberta.ca 27
Using Alberta.ca | Alberta.ca 27
Open Government program | Alberta.ca 25
Disclaimer and copyright | Alberta.ca 24
Social media directory | Alberta.ca 24

🔧 Most Common Issues (axe)

4 rules
44 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">Request an ante-mortem inspection by video</button>
XPath: #accordion6309 > h3 > button
Example 2 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="" aria-expanded="false">Develop nutrient management plans for crop production</button>
XPath: #accordion6310 > h3 > button
Example 3 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="" aria-expanded="false">Agriculture and forestry</button>
XPath: #accordion49347 > h3 > button
Example 4 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="" aria-expanded="false">Digital services and applications</button>
XPath: #accordion49348 > h3 > button
Example 5 View on Page
Elements must meet minimum color contrast ratio thresholds
Mode: light
<button class="" aria-expanded="false">Environmental services</button>
XPath: #accordion49349 > h3 > button
18 Moderate axe landmark-unique
18 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"]
2 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.
2 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
2 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 ytp-large-width-mode" tabindex="" id="movie_player" data-version="/s/player/8456c9de/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: #\39 17392684
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 ytp-large-width-mode" tabindex="" id="movie_player" data-version="/s/player/8456c9de/player_embed.vflset/en_US/base.js" aria-label="YouTube Video Player">
XPath: iframe

🔧 Most Common Issues (Equal Access)

31 rules
55 Moderate equalAccess input_label_visible: An input element must have an associated visible label
18 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 value="close" tabindex="0" aria-label="Close notification" aria-expanded="true" class="goa-button--close" id="goa-button--notifications-close">
Example 5 View on Page
The input element does not have an associated visible label
Mode: light
<button aria-label="Search" id="goa-search-button">
52 Moderate equalAccess aria_role_redundant: ARIA role is redundant with the native role of the element
20 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 "main" is redundant with the implicit role of the element <main>
Mode: light
<main role="main" id="main">
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-quicklinks" 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-aboutlinks" role="navigation">
40 Moderate equalAccess aria_content_in_landmark: All content of the page should be contained within a landmark region
20 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">
37 Moderate equalAccess element_id_unique: Element IDs must be unique within a page
18 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">
37 Moderate equalAccess aria_navigation_label_unique
18 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">
36 Moderate equalAccess element_attribute_deprecated: Deprecated HTML attributes should not be used
20 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 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 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) "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 4 View on Page
The HTML attribute(s) "http-equiv" is deprecated for the <meta> element in HTML 5
Mode: light
<meta content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==" http-equiv="origin-trial">
Example 5 View on Page
The HTML attribute(s) "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">
36 Moderate equalAccess aria_landmark_name_unique
18 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">
24 Moderate equalAccess text_contrast_sufficient: Contrast ratio of text against its background must meet minimum requirements
18 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 48px and weight of 700
Mode: light
<span>
Example 2 View on Page
Verify the contrast ratio of the text against the lightest and the darkest colors of the background meets the WCAG AA minimum requirements for text of size 24px and weight of 400
Mode: light
<p class="goa-hero-large-lede">
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
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
<span>
21 Moderate equalAccess style_highcontrast_visible: Elements must be visible in Windows High Contrast mode
20 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_ykRJYeFBq7MrdM9vGv3l98tUStVcjDWxABDkACQyenQ.css?delta=0&language=en&theme=goa_core&include=eJxNyDEKwCAMAMAPiT5JogYVYyKJDu3rC13a7bg8sPQtGjsX5J1I8gg_uyyKgUUnUL_RVYH4ViVJQG6BQlVYzULRs4D8N_7wOom6NSzOLts4QwLDB3poLa0" 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_ykRJYeFBq7MrdM9vGv3l98tUStVcjDWxABDkACQyenQ.css?delta=0&language=en&theme=goa_core&include=eJxNyDEKwCAMAMAPiT5JogYVYyKJDu3rC13a7bg8sPQtGjsX5J1I8gg_uyyKgUUnUL_RVYH4ViVJQG6BQlVYzULRs4D8N_7wOom6NSzOLts4QwLDB3poLa0" media="all" rel="stylesheet">
20 Moderate equalAccess style_color_misuse: Color must not be used as the only visual means of conveying information
20 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_ykRJYeFBq7MrdM9vGv3l98tUStVcjDWxABDkACQyenQ.css?delta=0&language=en&theme=goa_core&include=eJxNyDEKwCAMAMAPiT5JogYVYyKJDu3rC13a7bg8sPQtGjsX5J1I8gg_uyyKgUUnUL_RVYH4ViVJQG6BQlVYzULRs4D8N_7wOom6NSzOLts4QwLDB3poLa0" 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_ykRJYeFBq7MrdM9vGv3l98tUStVcjDWxABDkACQyenQ.css?delta=0&language=en&theme=goa_core&include=eJxNyDEKwCAMAMAPiT5JogYVYyKJDu3rC13a7bg8sPQtGjsX5J1I8gg_uyyKgUUnUL_RVYH4ViVJQG6BQlVYzULRs4D8N_7wOom6NSzOLts4QwLDB3poLa0" media="all" rel="stylesheet">
20 Moderate equalAccess element_tabbable_visible: A tabbable element must be visible on the page
20 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">
20 Moderate equalAccess svg_graphics_labelled: SVG graphics must have an accessible name describing their purpose
20 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">
18 Moderate equalAccess form_submit_button_exists
18 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">
18 Moderate equalAccess widget_tabbable_exists
18 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">
18 Moderate equalAccess text_block_heading: Blocks of text that serve as headings should be marked up as headings
10 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 'Alberta.ca Account' is used as a heading and if so, modify to use a heading element or role
Mode: light
<div class="goa-section--heading">
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 'Was this page helpful?' is used as a heading and if so, modify to use a heading element or role
Mode: light
<p>
10 Moderate equalAccess text_sensory_misuse: Instructions must not rely solely on sensory characteristics
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) 'shape'
Mode: light
<p>
Example 2 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>
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 word(s) 'lower' of the user instruction is used to indicate a logical rather than visual position
Mode: light
<p>
Example 5 View on Page
Confirm the user instruction is still understandable without the word(s) 'big'
Mode: light
<p>
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/all-services-banner.jpg?itok=EUYeZh26) 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
<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 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">
3 Moderate equalAccess frame_src_valid: The src value of the frame must not be empty
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-77="true" data-gtm-yt-inspected-8445890_1612="true" id="900214952" 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">
Example 2 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="Protecting Canada's West Coast" loading="lazy" class="media-oembed-content" height="113" width="200" src="https://www.alberta.ca/media/oembed?url=https%3A//youtu.be/lJCYbRww2YY&max_width=0&max_height=0&hash=1u1znzk6cuWx0ufA-q-WYt7PYlXaGVtaSpSuYXjMFl0">
Example 3 View on Page
Verify <frame> content is accessible
Mode: light
<iframe title="Protecting Canada's West Coast" 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/lJCYbRww2YY?feature=oembed" height="113" width="200">
2 Moderate equalAccess label_name_visible: The label text for an element must be visible
2 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a aria-label="Access your Alberta.ca Account" target="_blank" href="https://account.alberta.ca/ui/sign-in/signin" class="goa-cta">
Example 2 View on Page
Accessible name does not match or contain the visible label text
Mode: light
<a href="/search-public-engagements" class="goa-cta goa-color--blue " aria-label=" Participate and contribute to decisions that affect Alberta ">
2 Moderate equalAccess blockquote_cite_exists: A blockquote should cite the reference source if it can be identified
2 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>
2 Moderate equalAccess aria_attribute_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The ARIA attributes "aria-label" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div style="overflow: hidden; margin-bottom: 0px;" aria-describedby="focus" tabindex="0" aria-label="timeline" class="goa-timeline goa-timeline--horizontal goa-timeline--scroll">
Example 2 View on Page
The ARIA attributes "aria-label" are not valid for the element <div> with implicit ARIA role "generic"
Mode: light
<div aria-label="timeline controls" class="goa-gallery--controls">
1 Moderate equalAccess aria_complementary_labelled: Each element with a complementary role must have an accessible name
1 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">
1 Moderate equalAccess table_headers_exists
1 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">
1 Moderate equalAccess heading_markup_misuse: Heading markup should be used only for headings, not for formatting
1 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>
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
<p>
1 Moderate equalAccess style_focus_visible: An element's focused state must be visually apparent
1 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="Protecting Canada's West Coast" loading="lazy" class="media-oembed-content" height="113" width="200" src="https://www.alberta.ca/media/oembed?url=https%3A//youtu.be/lJCYbRww2YY&max_width=0&max_height=0&hash=1u1znzk6cuWx0ufA-q-WYt7PYlXaGVtaSpSuYXjMFl0">
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_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' "focus" specified for the ARIA property 'aria-describedby' value is not valid
Mode: light
<div style="overflow: hidden; margin-bottom: 0px;" aria-describedby="focus" tabindex="0" aria-label="timeline" class="goa-timeline goa-timeline--horizontal goa-timeline--scroll">
1 Moderate equalAccess element_tabbable_role_valid
1 pages affected

Rule Information

Engine: equalAccess

Roles: Front-End Developer

Blocking: No

Affected Pages

Examples

Example 1 View on Page
The tabbable element's role 'generic' is not a widget role
Mode: light
<div style="overflow: hidden; margin-bottom: 0px;" aria-describedby="focus" tabindex="0" aria-label="timeline" class="goa-timeline goa-timeline--horizontal goa-timeline--scroll">