*: base_import, gamification, hr_skills, mass_mailing, portal, portal_rating, survey, web, web_editor, website, website_sale, website_slides The goal of this commit is to improve the accessibility of the website pages. This has been made by implementing and correcting ARIA (Accessible Rich Internet Applications) roles and attributes. More precisely: - An `aria-label` attribute has been added on progressbar elements to avoid a warning of type `ARIA progressbar elements do not have accessible names`. It has also been added on iframes to avoid a warning of type `<frame> or <iframe> elements do not have a title`. Furthermore, `aria-label` has been incorporated on some anchors to avoid a warning of type `Links do not have a discernible name`. Finally, it has been added on elements that have the `dialog` role to avoid a warning of type `Elements with role="dialog" or role="alertdialog" do not have accessible names` and on elements that have the `listbox` role to avoid a warning of type `ARIA input fields do not have accessible names`. - To avoid a warning of type `Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions`, `role="menuitem"` has been added on children of menu elements. As explained in [the menuitem role documentation], "The `menuitem` role indicates the element is an option in a set of choices contained by a `menu` or `menubar`". To avoid this warning, `role="presentation"` has also been added on elements located between `tablist` and `tab` and between `menu` and `menuitem`. Indeed, as explained in [the presentation role documentation]; "The `presentation` role removes an element's implicit ARIA semantics from being exposed to the accessibility tree". The goal is to inform the assistive technologies that the default semantics of the element should be ignored. Finally, to avoid this same warning, the `option` role has been added on elements to identify selections a user can make in a `listbox`. - The `aria-label` of some elements has been adapted in order to avoid a warning of type `Elements with visible text labels do not have matching accessible names`. - The value of `aria-disabled` has been corrected to `true` (instead of `disabled`) (see [the aria-disabled documentation]). Still to improve the accessibility of the website pages, an alternative text (`alt`) attribute has been provided for images. [the menuitem role documentation]: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitem_role [the presentation role documentation]: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/presentation_role [the aria-disabled documentation]: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled#values closes odoo/odoo#140453 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
45 lines
2.3 KiB
XML
45 lines
2.3 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo><data noupdate="1">
|
|
<!--Ranks-->
|
|
<!-- note that original motivational messages are duplicated+hidden to ensure they are included in .pot export when demo data installed -->
|
|
<record id="rank_student" model="gamification.karma.rank">
|
|
<field name="description_motivational" type="html">
|
|
<div hidden="true">Reach the next rank to show the rest of the world you exist.</div>
|
|
<div class="d-flex align-items-center">
|
|
<div class="flex-grow-1">Reach the next rank and gain a very nice mug!</div>
|
|
<img class="ms-3 img img-fluid" style="max-height: 72px;" src="/gamification/static/img/rank_misc_mug.png" alt=""/>
|
|
</div>
|
|
</field>
|
|
</record>
|
|
|
|
<record id="rank_bachelor" model="gamification.karma.rank">
|
|
<field name="description_motivational" type="html">
|
|
<div hidden="true">Reach the next rank to improve your status!</div>
|
|
<div class="d-flex align-items-center">
|
|
<div class="flex-grow-1">Reach the next rank and gain a very magic wand!</div>
|
|
<img class="ms-3 img img-fluid" style="max-height: 72px;" src="/gamification/static/img/rank_misc_wand.png" alt=""/>
|
|
</div>
|
|
</field>
|
|
</record>
|
|
|
|
<record id="rank_master" model="gamification.karma.rank">
|
|
<field name="description_motivational" type="html">
|
|
<div hidden="true">Reach the next rank and become a Master!</div>
|
|
<div class="d-flex align-items-center">
|
|
<div class="flex-grow-1">Reach the next rank and gain a very nice hat!</div>
|
|
<img class="ms-3 img img-fluid" style="max-height: 72px;" src="/gamification/static/img/rank_misc_hat.png" alt=""/>
|
|
</div>
|
|
</field>
|
|
</record>
|
|
|
|
<record id="rank_doctor" model="gamification.karma.rank">
|
|
<field name="description_motivational" type="html">
|
|
<div hidden="true">Reach the next rank and become a powerful user!</div>
|
|
<div class="d-flex align-items-center">
|
|
<div class="flex-grow-1">Reach the next rank and gain a very nice unicorn!</div>
|
|
<img class="ms-3 img img-fluid" style="max-height: 72px;" src="/gamification/static/img/rank_misc_unicorn.png" alt=""/>
|
|
</div>
|
|
</field>
|
|
</record>
|
|
</data></odoo>
|