[Django] #35143: Improve accessibility of error page(s) with semantic HTML
Django
-------------------------------------+-------------------------------------
Reporter: Marijke | Owner: nobody
Luttekes |
Type: | Status: new
Cleanup/optimization |
Component: | Version: 5.0
contrib.admin |
Severity: Normal | Keywords: accessibility, HTML
Triage Stage: | Has patch: 0
Unreviewed |
Needs documentation: 0 | Needs tests: 0
Patch needs improvement: 0 | Easy pickings: 0
UI/UX: 0 |
-------------------------------------+-------------------------------------
The HTTP error pages available in Django debug mode could benefit from
improved semantics.
The following changes should be simple, without altering the look and feel
of the page:
1. The page should have a header, main, and footer.
2. Each table should have scope attributes on th elements.
3. Monospaced text in the patterns list should use a code element.
4. The small text within the h1 should use a small element instead of a
span.
Discussed with accessibility team member Thibaud Colas, who made this
example page for the HTTP 404 error:
https://static-django-
demo.netlify.app/django_admin_tests/v5.1/english/defaults/404/
--
Ticket URL: <https://code.djangoproject.com/ticket/35143>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
Django
Reporter: Marijke Luttekes | Owner: nobody
Type: Cleanup/optimization | Status: new
Component: Error reporting | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility, HTML | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
Changes (by Mariusz Felisiak):
* component: contrib.admin => Error reporting
* stage: Unreviewed => Accepted
Comment:
Agreed. Accessibility improvements are always welcome.
--
Ticket URL: <https://code.djangoproject.com/ticket/35143#comment:1>
Django
Reporter: Marijke Luttekes | Owner: Marijke
Type: | Luttekes
Cleanup/optimization | Status: assigned
Component: Error reporting | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility, HTML | Triage Stage: Accepted
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
Changes (by Marijke Luttekes):
* owner: nobody => Marijke Luttekes
* status: new => assigned
Comment:
I will pick this up, as discussed with Thibaud earlier!
--
Ticket URL: <https://code.djangoproject.com/ticket/35143#comment:2>
Django
-------------------------------------+-------------------------------------
Reporter: Marijke Luttekes | Owner: Marijke
Type: | Luttekes
Cleanup/optimization | Status: assigned
Component: Error reporting | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility, HTML | Triage Stage: Accepted
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------------+-------------------------------------
Changes (by Marijke Luttekes):
* has_patch: 0 => 1
--
Ticket URL: <https://code.djangoproject.com/ticket/35143#comment:3>
Django
-------------------------------------+-------------------------------------
Reporter: Marijke Luttekes | Owner: Marijke
Type: | Luttekes
Cleanup/optimization | Status: assigned
Component: Error reporting | Version: 5.0
Severity: Normal | Resolution:
Keywords: accessibility, HTML | Triage Stage: Accepted
Has patch: 1 | Needs documentation: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------------+-------------------------------------
* needs_better_patch: 0 => 1
--
Ticket URL: <https://code.djangoproject.com/ticket/35143#comment:4>
Django
-------------------------------------+-------------------------------------
Reporter: Marijke Luttekes | Owner: Marijke
Type: | Luttekes
Cleanup/optimization | Status: assigned
Component: Error reporting | Version: 5.0
Severity: Normal | Resolution:
| checkin
Has patch: 1 | Needs documentation: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------------+-------------------------------------
Changes (by Mariusz Felisiak):
* needs_better_patch: 1 => 0
* stage: Accepted => Ready for checkin
--
Ticket URL: <https://code.djangoproject.com/ticket/35143#comment:5>
Django
-------------------------------------+-------------------------------------
Reporter: Marijke Luttekes | Owner: Marijke
Type: | Luttekes
Component: Error reporting | Version: 5.0
Keywords: accessibility, HTML | Triage Stage: Ready for
| checkin
Has patch: 1 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------------+-------------------------------------
* status: assigned => closed
* resolution: => fixed
Comment:
In [changeset:"b9e2a3fc63e68d248d528c73736275ca2746872d" b9e2a3fc]:
{{{#!CommitTicketReference repository=""
revision="b9e2a3fc63e68d248d528c73736275ca2746872d"
Fixed #35143 -- Improved accessibility of 404/500 debug pages.
This:
- changes the header, main, and footer content areas to be rendered
in a <header>, <main>, and <footer> tags,
- adds scope attributes to <th>,
- uses <code> for a patterns list,
- uses <small> instead of <span>.
}}}
--
Ticket URL: <https://code.djangoproject.com/ticket/35143#comment:6>