Major The drawer buttons are missing an aria-property to help users using a screen reader determine if the panel is expanded or not.
Expected: aria-property is available and in sync with the UI.
______________________
The expand/collapse state of a toggle-type element is missing or is used incorrectly.
Element Name:
-"Search" button
-"Assets" button
- "Browse" button
so on...
Location of the element: Present on the left navigation region
Recommendation to fix
RULE :
The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.
HOW TO FIX:
Fix this issue by using the aria-expanded attribute on the actionable toggle element (e.g. the <button> element) with a value of "true" (when the section is expanded) or "false" (when the section is collapsed).
<h3><button aria-expanded="true">When will I receive my refund?</button></h3>
<div class="faq-expanded">You should receive your refund within 5 business days....</div>
REFERENCE:
W3C ARIA Recommendation: https://www.w3.org/TR/wai-aria-1.1/#aria-expanded
BACKGROUND:
When collapsible content is used, a screen reader user must be able to determine whether the collapsible content below the toggle element is in the expanded state or in the collapsed state.
