How are accordions used in the Mobile World?
Such accordions can be useful not only on content pages, but also in forms. Collapsing each step under an accordion can be an effective way of conveying the form workflow to the users without overwhelming them (long forms are often daunting on mobile) and also without requiring multiple page loads.
Can a CSS accordion be used on any part of the website?
You can fit the given accordion design on any part of your website because of its compact and mobile-responsive nature. Like all other CSS accordion examples in this list, this one also allows you to change the accordion element’s size and other attributes easily by editing a few lines of code.
Is there an accordion on Zappos for Android?
Zappos for Android: The Brand filter was an accordion that expanded in place (left); if users tapped the Collapse button, they could go back to the filter list (right). Amazon also used an accordion, but instead of introducing an unfamiliar button, it simply made the accordion control sticky at the top of the value list.
Is there an accordion button on Amazon.com?
Amazon also used an accordion, but instead of introducing an unfamiliar button, it simply made the accordion control sticky at the top of the value list. This solution was a lot more usable than Zappos’s. Amazon.com: The Shoe Size accordion heading became sticky once users started scrolling through the list of sizes.
What should be included in the accordion header?
Another aspect of the accordion header, since it’s also an interactible element, is that we should use a element, making it available to use not only by mouse users, but also by keyboard users. As for the accordion panel, we can make use of attribute, which is also a region landmark.
Is there a button to close an accordion?
Most accordions are closed simply by pressing the same element that opened them (although there is more variation when accordions are used for navigation menus). Sometimes the content under an accordion can be really long, and as a result, it can be beneficial to allow quick access to the close button.