UX

Landmark types which are used more than once on a page should be distinguishable from each other using ARIA.

WCAG 2 criterion	1.3.1 Info and Relationships (A)
Category	Best Practice
ACT Rules

WCAG 2 criterion

1.3.1 Info and Relationships (Level A)

Tools and requirements

WAVE
Siteimprove

Test procedure

Use WAVE to get a list of all of the landmarks on a specific page. You should repeat this procedure on each unique page type on the site or application.

Landmark types which duplicate more than once should be uniquely labeled. This is generally achieved with aria-label or aria-labelledby. Use the Inspector of your web browser to determine if landmarks have labels.

As a reminder, landmark elements are defined as

Banner - <header> tag or an attribute of role="banner" on a container element.
Complementary - <aside> tag or an attribute of role="complementary" on a container element.
Contentinfo - <footer> tag or an attribute of role="contentinfo" on a container element.
Form - <form> tag with an ARIA label or an attribute of role="form" on a container element.
Main - <main> tag or an attribute of role="main" on a container element.
Navigation - <nav> tag or an attribute of role="navigation" on a container element.
Region - <section> tag with an ARIA label or an attribute of role="region" on a container element with an ARIA label.
Search - An attribute of role="search" on a container element.

AI Prompt

Create a PHP class in the namespace "App\Services\AccessibilityAnalyzer\GuidelineRules"
that extends "App\Services\AccessibilityAnalyzer\GuidelineRuleRunner" and is called "Guideline101" that has a function with the signature "protected function findApplicableElements(Crawler $crawler): Crawler". The base class includes the function "protected function isElementIncludedInAccessibilityTree(\DOMNode $element): bool" for determining if an element is included in the accessibility tree.

Web accessibility guideline:

## Landmark types which are used more than once on a page should be distinguishable from each other using ARIA.

### WCAG 2 criterion

1.3.1 Info and Relationships (Level A)

### Tools and requirements

* WAVE  
* Siteimprove

### Test procedure

Use WAVE to get a list of all of the landmarks on a specific page.  You should repeat this procedure on each unique page type on the site or application.

Landmark types which duplicate more than once should be uniquely labeled.  This is generally achieved with aria-label or aria-labelledby.  Use the Inspector of your web browser to determine if landmarks have labels.

As a reminder, landmark elements are defined as

* **Banner** \- \<header\> tag or an attribute of role="banner" on a container element.  
* **Complementary** \- \<aside\> tag or an attribute of role="complementary" on a container element.  
* **Contentinfo** \- \<footer\> tag or an attribute of role="contentinfo" on a container element.  
* **Form** \- \<form\> tag **with** an ARIA label or an attribute of role="form" on a container element.  
* **Main** \- \<main\> tag or an attribute of role="main" on a container element.  
* **Navigation** \- \<nav\> tag or an attribute of role="navigation" on a container element.  
* **Region** \- \<section\> tag **with** an ARIA label or an attribute of role="region" on a container element **with** an ARIA label.  
* **Search** \- An attribute of role="search" on a container element.

AI Guidelines Chat

AI Response

UX

Landmark types which are used more than once on a page should be distinguishable from each other using ARIA.

WCAG 2 criterion

Tools and requirements

Test procedure

AI Prompt