As a developer, I need to implement an accessible mobile navigation menu. On the A11Y Style Guide, what HTML element should I use for the main icon? How should I handle purely decorative icons? Where should the open/close buttons be placed? Also, list two recommended 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. Identify the attribute to use for purely decorative icons. Identify where the mobile 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.