#35189: Accessibility issues with collapsed fieldsets in admin forms -------------------------------------+------------------------------------- Reporter: Thibaud Colas | Owner: Marijke Type: | Luttekes Cleanup/optimization | Status: assigned Component: contrib.admin | Version: dev Severity: Normal | Resolution: Keywords: accessibility, | Triage Stage: Accepted whcm, forced colors, screen | reader, forms, admin | Has patch: 0 | Needs documentation: 0 Needs tests: 0 | Patch needs improvement: 0 Easy pickings: 0 | UI/UX: 1 -------------------------------------+------------------------------------- Comment (by Marijke Luttekes):
Regarding the (loosing of the) rounded corners, I think we need to consider consistency with the "regular" fieldsets headings which are non rounded. Up to verification, I think we should remove the rounding altogether for this fieldset title. It seems the rounding comes from reusing the style of the action row, and then when active, the style comes from the usual fieldset legend. Agreed. When toggling the fieldset, the element also seems to move a pixel, which is visually unpleasing I will switch to straight edges for these items. It's likely that we can get rid of the Javascript performing the toggle by using newest CSS selectors. My original idea for a fix does use a little JavaScript (no jQuery). I will check with the accessibility team if they know of a better method, e.g., using a checkbox in HTML and the `:checked` CSS pseudo-class selector. -- Ticket URL: <https://code.djangoproject.com/ticket/35189#comment:5> Django <https://code.djangoproject.com/> The Web framework for perfectionists with deadlines. -- You received this message because you are subscribed to the Google Groups "Django updates" group. To unsubscribe from this group and stop receiving emails from it, send an email to django-updates+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/django-updates/0107018da8a1382a-fab17f69-8c13-45ff-9913-ba95dd98e03d-000000%40eu-central-1.amazonses.com.