I'm building an accessible mobile navigation menu and need some guidance. On the A11Y Style Guide, what are the best practices for the main icon, purely decorative icons, and the placement of open/close buttons? Also, can you recommend two resources from the 'Accessible UX/design resources' section?
Navigate to 'a11y-style-guide.com'. Click on the '5 Navigation' section. Click on the '5.5 Mobile Navigation' subsection link. Identify the recommended HTML element for the mobile navigation icon, the attribute for purely decorative icons, and where the open/close buttons should be placed. Navigate to the '7 Resources' section. Locate and list two resources from the 'Accessible UX/design resources' section.
State that the `button` element should be used for the mobile navigation icon. State that `aria-hidden="true"` should be declared for purely decorative icons. State that mobile open/close buttons should be placed within the `nav` element. List 'Accessibility Heuristics' as one of the inclusive design resources. List 'Inclusive Design Principles' as one of the inclusive design resources.