GLPI web interface fields are not properly labeled

[adrianorjales]

Code of Conduct

• [ ] I agree to follow this project's Code of Conduct

Is there an existing issue for this?

• [ ] I have searched the existing issues

Version

GLPI 9.5.6

Bug description

When navigating through all the web UI using a screen reader software like NVDA, the labels of the input fields are not spoken correctly because of the lack of labels on these fields For example, when i move the focus to a text field to input the name of a computer, the screen reader software does not read any information about if it is a field to input the name or a description. It only says Edit text, instead of saying "Name, edit text". This information is gatered from the '<label for' html attribute on the page.

Relevant log output

No response

Page URL

No response

Steps To reproduce

1. With any configuration, (default),
2. Create an inventory item, like a computer
3. With NVDA installed and running, check that the name of any field when focused is not spoken.

Your GLPI setup information

No response

Anything else?

No response

[cconard96]

I don't have the ability to try NVDA currently since it is for Windows only, but I did check the Computer form using the WAVE WebAIM plugin for Chrome on GLPI 10, and it looks like the accessibility has improved a lot with this version with the new UI.

If you are able, can you test the latest GLPI v10 beta to see how well it works for you? I suggest not using it in production yet though since it isn't a final release.

[adrianorjales]

i will try it and tell you something.

[adrianorjales]

I have tested the rc3 glpi 10 version. The Accessibility is better, but most fields remain unlabeled, for example, the status of a computer on the computer details page, the type of computer, the technician that manages the hardware, the manufacturer, etc.

[cconard96]

Does it seem like mainly just the dropdowns that aren't labelled properly?

[adrianorjales]

Not really. On the antiviruses tab, the name field is not labeled. It's curious that in the computer tab, the name is properly labeled

[adrianorjales]

I can't check all the fields on the UI, but most of the fields have missing label. Including those of settings tab

[trasher]

Many UI fields are still displayed with old methods, while some other are using the new UI with Twig. This is a very huge job to migrate the entire UI, and we're now focused on the 10.0 release. This will certainly improve on next releases.

[github-actions[bot]]

There has been no activity on this issue for some time and therefore it is considered stale and will be closed automatically in 10 days.

If this issue is related to a bug, please try to reproduce on latest release. If the problem persist, feel free to add a comment to revive this issue. If it is related to a new feature, please open a topic to discuss with community about this enhancement on suggestion website.

You may also consider taking a subscription to get professionnal support or contact GLPI editor team directly.

[github-actions[bot]]

There has been no activity on this issue for some time and therefore it is considered stale and will be closed automatically in 10 days.

If this issue is related to a bug, please try to reproduce on latest release. If the problem persist, feel free to add a comment to revive this issue. If it is related to a new feature, please open a topic to discuss with community about this enhancement on suggestion website.

You may also consider taking a subscription to get professionnal support or contact GLPI editor team directly.