Opened 7 days ago

Last modified 45 hours ago

#36192 assigned Cleanup/optimization

Use semantic HTML for buttons in Django Admin

Reported by: Eliana Rosselli Owned by: Eliana Rosselli
Component: contrib.admin Version: 5.1
Severity: Normal Keywords: accessibility
Cc: Triage Stage: Accepted
Has patch: no Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: no UI/UX: no

Description (last modified by Eliana Rosselli)

Right now the Django Admin has some buttons that are actually link tags with role="button" set, i.e

<a role="button">

We also have anchor elements with

<a href="#" >

that are also acting as buttons. One example is the "Today" button that can be found next to date and time inputs.

We should change these to be proper HTML buttons , and update their CSS so they maintain their existing styling. Below is an example of this kind of button; in the image, the "Add another Release" button is using an anchor element

Example of a button that uses an anchor tag: "Add another Release"

Attachments (1)

examplebutton.png (97.9 KB ) - added by Eliana Rosselli 7 days ago.
Example of a button that uses an anchor tag: "Add another Release"

Download all attachments as: .zip

Change History (4)

by Eliana Rosselli, 7 days ago

Attachment: examplebutton.png added

Example of a button that uses an anchor tag: "Add another Release"

comment:1 by Eliana Rosselli, 7 days ago

Description: modified (diff)

comment:2 by Sarah Boyce, 6 days ago

Triage Stage: UnreviewedAccepted
Type: UncategorizedCleanup/optimization

This is a follow on from #35795

comment:3 by Eliana Rosselli, 45 hours ago

Description: modified (diff)
Note: See TracTickets for help on using tickets.
Back to Top