This document gives information about the related accessibility checks:
Aria required owned elements.
What
For some ARIA roles, it is specified that they can only contain certain other roles, known as required owned elements. Elements that use a role with required owned elements must include at least one of these defined roles and cannot contain elements with any other roles.
Why
If the rules defined in ARIA for required owned elements are not followed, the intended accessibility features may not work correctly. This can affect users who rely on assistive technologies, as they depend on accurate ARIA code to convey the website's content and functionality properly.
Affected users
This check affects the following users who have:
Visual impairments: Who access the site contents with a screen reader or screen magnification software.
Mobility impairments:Who navigate the page using speech recognition software.
User story
Bridgit is a blind mother to a five-year-old girl and an 11-year-old boy:
"There are some things that are just tricky, and then there are things that do not work at all. One thing that often does not work is those drop-downs where you have to search for something. You know, where you type in text and then a list of suggestions pops up, and you have to choose from that list instead of just typing what you want. This happens a lot when I am booking flights. The field where I have to choose which airport I am flying from and to, sometimes I can type in the text, and the screen reader will tell me there are, say, 3 or 10 results on the list. But I cannot see or select anything from that list. I just get stuck and cannot move forward."
Examples
This section gives some examples of the issue.
Example: List including listitem
In this example, a list contains listitem elements, which is good because listitem is a required owned element for elements with thelist role.
Because the rules about how to use the required owned elements are not followed in this code, assistive technologies such as screen readers used by blind users cannot present this list correctly to the user.
How
How to fix it
The Web Governance platform flags instances where elements have required owned elements but where none of the defined required owned elements are present.
This document gives information about the related accessibility checks:
Aria required owned elements.
What
For some ARIA roles, it is specified that they can only contain certain other roles, known as required owned elements. Elements that use a role with required owned elements must include at least one of these defined roles and cannot contain elements with any other roles.
Why
If the rules defined in ARIA for required owned elements are not followed, the intended accessibility features may not work correctly. This can affect users who rely on assistive technologies, as they depend on accurate ARIA code to convey the website's content and functionality properly.
Affected users
This check affects the following users who have:
Visual impairments: Who access the site contents with a screen reader or screen magnification software.
Mobility impairments:Who navigate the page using speech recognition software.
User story
Bridgit is a blind mother to a five-year-old girl and an 11-year-old boy:
"There are some things that are just tricky, and then there are things that do not work at all. One thing that often does not work is those drop-downs where you have to search for something. You know, where you type in text and then a list of suggestions pops up, and you have to choose from that list instead of just typing what you want. This happens a lot when I am booking flights. The field where I have to choose which airport I am flying from and to, sometimes I can type in the text, and the screen reader will tell me there are, say, 3 or 10 results on the list. But I cannot see or select anything from that list. I just get stuck and cannot move forward."
Examples
This section gives some examples of the issue.
Example: List including listitem
In this example, a list contains listitem elements, which is good because listitem is a required owned element for elements with thelist role.
Because the rules about how to use the required owned elements are not followed in this code, assistive technologies such as screen readers used by blind users cannot present this list correctly to the user.
How
How to fix it
The Web Governance platform flags instances where elements have required owned elements but where none of the defined required owned elements are present.
Web Governance