[IMP] Improve compatibility with screen readers (accessibility) (#24574)

Today, Odoo is really tricky to use without seeing the screen, it must be improved to be usable.

This PR forbid to use labels without a "for" attribute, add some title, rule and aria attributes in HTML. With that, Odoo will be fully usable with a screen reader.


* [IMP] Labels must have a for attribute. Improve accessibility.
* [IMP] Better error message when trying to read a missing cached value
* [FIX] Add some aria-label and title attributes for screen readers.
* [FIX] Template name is not included in the error message in case of SyntaxError in QWeb
* [FIX] Improve the Tour failed at step error message to be more explicit.
* [IMP] Add aria-labels
* [FIX] Add missing aria-label on failing test
* [IMP] aria-hidden means hidden. Fix all bad aria-hidden and hide aria-hidden for all.
* [IMP] Color names on kanban views and many2many tags
* [IMP] Add some checks on views for accessibility.
* [IMP] Add `alt` attribute on `img` tags.
* [IMP] Add aria-label and title on non-described icons
* [IMP] Add button role to widgets with btn class
* [IMP] Translate aria and formatted attributes.
* [IMP] Remove wrong aria-labelledby
* [IMP] Add menu role on dropdowns
* [IMP] Buttons must be focusable
* [IMP] Add aria attributes on progress bars
* [IMP] Improve accessibility of basic widgets
* [IMP] Change main layout to more semantic tags
* [IMP] Add menuitem role when missing
* [IMP] Remove wrong role='presentation'
* [IMP] Improve accessibility of tab panels
* [IMP] Add aria-invalid on invalid fields
* [IMP] Add aria-sort on ordered columns
* [IMP] Add role on alerts
* [IMP] Use dialog role, header, main and footer tags for modals
* [IMP] Add labels on o_status
* [IMP] Improve accessibility of kanban view with feeds and articles
* [IMP] Add alerts in case of new messages
* [IMP] Add widget, navigation or img role to aria-labelled items

1 files changed, 23 insertions, 23 deletions

diff --git a/odoo/addons/test_exceptions/view.xml b/odoo/addons/test_exceptions/view.xml
index dd0aa97b7f1..7979425befd 100644
--- a/odoo/addons/test_exceptions/view.xml
+++ b/odoo/addons/test_exceptions/view.xml
@@ -7,97 +7,97 @@
             <field name="model">test.exceptions.model</field>
             <field name="arch" type="xml">
                 <form string="Test exceptions">
-                    <label string="Each button generates a specific exception on the server. The text on the right is the expected representation of the exception when displayed on the client. Button marked with a '*' use safe_eval()."/>
+                    <p>Each button generates a specific exception on the server. The text on the right is the expected representation of the exception when displayed on the client. Button marked with a '*' use safe_eval().</p>
                     <separator/>
                     <group>
                         <div>
                             <button name="generate_except_osv" string="except_osv" type="object" icon="fa-refresh text-primary" />
-                            <label string="Warning-description"/>
+                            <label for="generate_except_osv" string="Warning-description"/>
                         </div>
                         <div>
                             <button name="generate_except_orm" string="except_orm" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description"/>
+                            <label for="generate_except_orm" string="Warning-description"/>
                         </div>
                         <div>
                             <button name="generate_warning" string="Warning" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description"/>
+                            <label for="generate_warning" string="Warning-description"/>
                         </div>
                         <div>
                             <button name="generate_redirect_warning" string="RedirectWarning" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description-redirection button"/>
+                            <label for="generate_redirect_warning" string="Warning-description-redirection button"/>
                         </div>
                         <div>
                             <button name="generate_access_denied" string="AccessDenied" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Access denied-traceback"/>
+                            <label for="generate_access_denied" string="Access denied-traceback"/>
                         </div>
                         <div>
                             <button name="generate_access_error" string="AccessError" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Access rights error-description" class="oe_inline"/>
+                            <label for="generate_access_error" string="Access rights error-description" class="oe_inline"/>
                         </div>
                         <div>
                             <button name="generate_exc_access_denied" string="Exc AccessDenied" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Access denied-traceback"/>
+                            <label for="generate_exc_access_denied" string="Access denied-traceback"/>
                         </div>
                         <div>
                             <button name="generate_undefined" string="Undefined" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Server error-traceback"/>
+                            <label for="generate_undefined" string="Server error-traceback"/>
                         </div>
                         <div>
                             <button name="generate_user_error" string="UserError" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description"/>
+                            <label for="generate_user_error" string="Warning-description"/>
                         </div>
                         <div>
                             <button name="generate_missing_error" string="MissingError" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Missing Error-description"/>
+                            <label for="generate_missing_error" string="Missing Error-description"/>
                         </div>
                         <div>
                             <button name="generate_validation_error" string="ValidationError" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Validation Error-description"/>
+                            <label for="generate_validation_error" string="Validation Error-description"/>
                         </div>
 
                         <div>
                             <button name="generate_except_osv_safe_eval" string="except_osv*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description"/>
+                            <label for="generate_except_osv_safe_eval" string="Warning-description"/>
                         </div>
                         <div>
                             <button name="generate_except_orm_safe_eval" string="except_orm*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description"/>
+                            <label for="generate_except_orm_safe_eval" string="Warning-description"/>
                         </div>
                         <div>
                             <button name="generate_warning_safe_eval" string="Warning*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description"/>
+                            <label for="generate_warning_safe_eval" string="Warning-description"/>
                         </div>
                         <div>
                             <button name="generate_redirect_warning_safe_eval" string="RedirectWarning*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description-redirection button" class="oe_inline"/>
+                            <label for="generate_redirect_warning_safe_eval" string="Warning-description-redirection button" class="oe_inline"/>
                         </div>
                         <div>
                             <button name="generate_access_denied_safe_eval" string="AccessDenied*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Access denied-traceback"/>
+                            <label for="generate_access_denied_safe_eval" string="Access denied-traceback"/>
                         </div>
                         <div>
                             <button name="generate_access_error_safe_eval" string="AccessError*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Access rights error-description"/>
+                            <label for="generate_access_error_safe_eval" string="Access rights error-description"/>
                         </div>
                         <div>
                             <button name="generate_exc_access_denied_safe_eval" string="Exc AccessDenied*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Access denied-traceback"/>
+                            <label for="generate_exc_access_denied_safe_eval" string="Access denied-traceback"/>
                         </div>
                         <div>
                             <button name="generate_undefined_safe_eval" string="Undefined*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Server error-traceback"/>
+                            <label for="generate_undefined_safe_eval" string="Server error-traceback"/>
                         </div>
                         <div>
                             <button name="generate_user_error_safe_eval" string="UserError*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Warning-description"/>
+                            <label for="generate_user_error_safe_eval" string="Warning-description"/>
                         </div>
                         <div>
                             <button name="generate_missing_error_safe_eval" string="MissingError*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Missing Error-description"/>
+                            <label for="generate_missing_error_safe_eval" string="Missing Error-description"/>
                         </div>
                         <div>
                             <button name="generate_validation_error_safe_eval" string="ValidationError*" type="object" icon="fa-refresh text-primary"/>
-                            <label string="Validation Error-description"/>
+                            <label for="generate_validation_error_safe_eval" string="Validation Error-description"/>
                         </div>
                     </group>
                 </form>