http://kb.perpendicularangel.com/index.php?action=history&feed=atom&title=Accordions 2026-04-29T14:09:26Z Revision history for this page on the wiki MediaWiki 1.37.1 http://kb.perpendicularangel.com/index.php?title=Accordions&diff=2110&oldid=prev 2020-04-13T15:54:48Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 08:54, 13 April 2020</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category: Containers]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category: Containers]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://www.nngroup.com/articles/accordions-complex-content/ Accordions Are Not Always the Answer for Complex Content on Desktops] by [[Hoa Loranger]] at [[Nielsen Norman Group]] discusses that longer pages can benefit users. Accordions shorten pages and reduce scrolling, but they increase the interaction cost by requiring people to decide on topic headings.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* </ins>[https://www.nngroup.com/articles/accordions-complex-content/ Accordions Are Not Always the Answer for Complex Content on Desktops] by [[Hoa Loranger]] at [[Nielsen Norman Group]] discusses that longer pages can benefit users. Accordions shorten pages and reduce scrolling, but they increase the interaction cost by requiring people to decide on topic headings.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://www.scottohara.me/blog/2018/09/03/details-and-summary.html The details and summary elements] by [[Scott O&#039;Hara]] on his website.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* </ins>[https://www.scottohara.me/blog/2018/09/03/details-and-summary.html The details and summary elements<ins style="font-weight: bold; text-decoration: none;">] by [[Scott O&#039;Hara]] on his website. This covers not only how to use the components but also what the various screen readers and [[Accessibility Technology | accessibility technology]] do with it. </ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [https://www.scottohara.me/blog/2017/10/25/accordion-release.html Accessible ARIA Accordions</ins>] by [[Scott O&#039;Hara]] on his website.</div></td></tr> </table>

Kirabug http://kb.perpendicularangel.com/index.php?title=Accordions&diff=2109&oldid=prev 2020-04-13T15:47:48Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 08:47, 13 April 2020</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category: Containers]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category: Containers]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://www.nngroup.com/articles/accordions-complex-content/ Accordions Are Not Always the Answer for Complex Content on Desktops] by Hoa Loranger at Nielsen Norman Group discusses that longer pages can benefit users. Accordions shorten pages and reduce scrolling, but they increase the interaction cost by requiring people to decide on topic headings.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://www.nngroup.com/articles/accordions-complex-content/ Accordions Are Not Always the Answer for Complex Content on Desktops] by <ins style="font-weight: bold; text-decoration: none;">[[</ins>Hoa Loranger<ins style="font-weight: bold; text-decoration: none;">]] </ins>at <ins style="font-weight: bold; text-decoration: none;">[[</ins>Nielsen Norman Group<ins style="font-weight: bold; text-decoration: none;">]] </ins>discusses that longer pages can benefit users. Accordions shorten pages and reduce scrolling, but they increase the interaction cost by requiring people to decide on topic headings<ins style="font-weight: bold; text-decoration: none;">.</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[https://www.scottohara.me/blog/2018/09/03/details-and-summary.html The details and summary elements] by [[Scott O&#039;Hara]] on his website</ins>.</div></td></tr> </table>

Kirabug http://kb.perpendicularangel.com/index.php?title=Accordions&diff=157&oldid=prev 2018-04-22T04:46:39Z

<p>Created page with &quot;<a href="/index.php?title=Category:Containers" title="Category:Containers">Category: Containers</a> [https://www.nngroup.com/articles/accordions-complex-content/ Accordions Are Not Always the Answer for Complex Content on Desktops] by Hoa Loranger at...&quot;</p> <p><b>New page</b></p><div>[[Category: Containers]]<br /> [https://www.nngroup.com/articles/accordions-complex-content/ Accordions Are Not Always the Answer for Complex Content on Desktops] by Hoa Loranger at Nielsen Norman Group discusses that longer pages can benefit users. Accordions shorten pages and reduce scrolling, but they increase the interaction cost by requiring people to decide on topic headings.</div>

Kirabug