MSU-NatSci / DomainAccessibilityAudit

Web application to create domain and subdomain accessibility audits, with violation statistics.
GNU General Public License v3.0
48 stars 19 forks source link

Use Detail/Summary Rather than JS Button #12

Open mgifford opened 3 years ago

mgifford commented 3 years ago

Would be more semantic of the report just used HTML/CSS rather than JS to expand/collapse the violations:

Screenshot of expand/collapse function

<button title="See affected pages" type="button" class="btn btn-info btn-xs"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus-square" class="svg-inline--fa fa-plus-square fa-w-14 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-32 252c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92H92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"></path></svg></button>

If you save the HTML as a .mhtml format the expand/collapse function is lost.

This is defined here: client/src/audits/ViolationStats.test.js

Mike