[Django] #35687: Accessibility issues with FilteredSelectMultiple widget

[Django]

#35687: Accessibility issues with FilteredSelectMultiple widget
-----------------------------+-----------------------------------------
Reporter: Sarah Boyce | Type: Bug
Status: new | Component: contrib.admin
Version: 5.1 | Severity: Normal
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-----------------------------+-----------------------------------------
1. "Available {name}" and "Chosen {name}" are h2 elements when this
doesn't make sense for the html structure (makes them too important)
2. The select boxes have no labels, they should be labelled by "Available
{name}" and "Chosen {name}"
3. "Choose all" is not related to it's tooltip help text
4. The help text "Hold down “Control”, or “Command” on a Mac, to select
more than one." should be associated to the select box(es)

Possibly the whole thing should be a fieldset with a legend
--
Ticket URL: <https://code.djangoproject.com/ticket/35687>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

[Django]

#35687: Accessibility issues with FilteredSelectMultiple widget

-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: (none)

Type: Bug | Status: new
Component: contrib.admin | Version: 5.1

Severity: Normal | Resolution:

Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0

-------------------------------+--------------------------------------
Changes (by Sarah Boyce):

* Attachment "Headers wrong (1) (1).mp4" added.

[Django]

#35687: Accessibility issues with FilteredSelectMultiple widget
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: (none)
Type: Bug | Status: new
Component: contrib.admin | Version: 5.1
Severity: Normal | Resolution:
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------+--------------------------------------
Changes (by Sarah Boyce):

* Attachment "Other issues (1) (1) (1).mp4" added.

[Django]

#35687: Accessibility issues with FilteredSelectMultiple widget
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: (none)
Type: Bug | Status: new
Component: contrib.admin | Version: 5.1
Severity: Normal | Resolution:
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------+--------------------------------------

Description changed by Sarah Boyce:

Old description:

> 1. "Available {name}" and "Chosen {name}" are h2 elements when this
> doesn't make sense for the html structure (makes them too important)
> 2. The select boxes have no labels, they should be labelled by
> "Available {name}" and "Chosen {name}"
> 3. "Choose all" is not related to it's tooltip help text
> 4. The help text "Hold down “Control”, or “Command” on a Mac, to select
> more than one." should be associated to the select box(es)
>
> Possibly the whole thing should be a fieldset with a legend

New description:

1. "Available {name}" and "Chosen {name}" are h2 elements when this

doesn't make sense for the html structure (makes them too important) (See
headers video file)

2. The select boxes have no labels, they should be labelled by "Available

{name}" and "Chosen {name}" (see "Other issues" video file)
3. "Choose all" is not related to it's tooltip help text (see "Other
issues" video file)

4. The help text "Hold down “Control”, or “Command” on a Mac, to select

more than one." should be associated to the select box(es) (see "Other
issues" video file)

Possibly the whole thing should be a fieldset with a legend

--

--
Ticket URL: <https://code.djangoproject.com/ticket/35687#comment:1>

[Django]

#35687: Accessibility issues with FilteredSelectMultiple widget
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: (none)
Type: Bug | Status: new
Component: contrib.admin | Version: 5.1
Severity: Normal | Resolution:
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------+--------------------------------------

Changes (by Sarah Boyce):

* cc: accessibility (added)

--
Ticket URL: <https://code.djangoproject.com/ticket/35687#comment:2>

[Django]

#35687: Accessibility issues with FilteredSelectMultiple widget
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: (none)
Type: Bug | Status: new
Component: contrib.admin | Version: 5.1
Severity: Normal | Resolution:

Keywords: accessibility | Triage Stage: Unreviewed

Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------+--------------------------------------
Changes (by Sarah Boyce):

* cc: accessibility (removed)
* keywords: => accessibility

--
Ticket URL: <https://code.djangoproject.com/ticket/35687#comment:3>

[Django]

#35687: Accessibility issues with FilteredSelectMultiple widget
-------------------------------+--------------------------------------
Reporter: Sarah Boyce | Owner: (none)

Type: Bug | Status: closed
Component: contrib.admin | Version: 5.1
Severity: Normal | Resolution: duplicate

Keywords: accessibility | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------+--------------------------------------
Changes (by Sarah Boyce):

* resolution: => duplicate
* status: new => closed

Old description:

> 1. "Available {name}" and "Chosen {name}" are h2 elements when this

> doesn't make sense for the html structure (makes them too important) (See
> headers video file)
> 2. The select boxes have no labels, they should be labelled by
> "Available {name}" and "Chosen {name}" (see "Other issues" video file)
> 3. "Choose all" is not related to it's tooltip help text (see "Other
> issues" video file)
> 4. The help text "Hold down “Control”, or “Command” on a Mac, to select
> more than one." should be associated to the select box(es) (see "Other
> issues" video file)
>
> Possibly the whole thing should be a fieldset with a legend

New description:

1. "Available {name}" and "Chosen {name}" are h2 elements when this
doesn't make sense for the html structure (makes them too important) (See

headers video file)~ refs #34619

2. The select boxes have no labels, they should be labelled by "Available

{name}" and "Chosen {name}" (see "Other issues" video file)~ refs #34619

3. "Choose all" is not related to it's tooltip help text (see "Other
issues" video file)
4. The help text "Hold down “Control”, or “Command” on a Mac, to select
more than one." should be associated to the select box(es) (see "Other
issues" video file)

Possibly the whole thing should be a fieldset with a legend

--

Comment:

1 and 2 is a duplicate of #34619, going to add the other two points onto
that ticket
--
Ticket URL: <https://code.djangoproject.com/ticket/35687#comment:4>