-
Type:
Bug
-
Resolution: Duplicate
-
Priority:
Low
-
None
-
Affects Version/s: 7.15.0, 7.18.2
-
Component/s: Accessibility
-
Severity 3 - Minor
Issue Summary
aria-hidden="true" is used on informative content making it inaccessible to assistive technology.
Element:
1) Create Space
Location:
Modal that appears after activating the "create space" link in the main content.
Additional details:
As the aria-hidden="true" used on the modal, the content inside modal isn't accessible to the screen reader users.
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Expected Results
Fix Information
RULE :
aria-hidden="true" MUST NOT be used on content that screen readers need to access.
HOW TO FIX:
Fix this issue by using ONE of the following techniques:
1. Remove the aria-hidden attribute.
2. Provide the same information or functionality in another way that is accessibile to assistive technologies.
NOTE: Using aria-hidden="false" on content that is a descendent of an element that is hidden using aria-hidden="true" will NOT expose that content to the accessibility API and it will not be accessible to screen readers or other assistive technologies.
REFERENCE:
ARIA Specification: https://www.w3.org/TR/wai-aria-1.1/#aria-hidden
BACKGROUND:
Using the aria-hidden="true" attribute on an element removes the element and ALL of its child nodes from the accessibility API making it completely inaccessible to screen readers and other assistive technologies. Aria-hidden may be used with extreme caution to hide visibly rendered content from assistive technologies only if the act of hiding this content is intended to improve the experience for users of assistive technologies by removing redundant or extraneous content. If aria-hidden is used to hide visible content from screen readers, the identical or equivalent meaning and functionality must be provided to assistive technologies in another way.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 720795
- is duplicated by
-
CONFSERVER-79437 Create a Space - Create Team Space Modal : aria-hidden="true" is used incorrectly
-
- Closed
-