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
42 lines
2.1 KiB
XML
42 lines
2.1 KiB
XML
<odoo>
|
|
<data>
|
|
<template id="contact" inherit_id="base.contact" name="Forum Contact Widget">
|
|
<xpath expr="//div[@itemprop='address']" position="after">
|
|
<div>
|
|
<div t-if="'karma' in fields" class='css_editable_mode_hidden'>
|
|
<div t-if="options.get('UserBio')">
|
|
<span t-field="object.company_name" class="o_forum_tooltip_line"/><br/>
|
|
<a t-att-href="object.website" t-if="object.website">
|
|
<span t-field="object.website" class="o_forum_tooltip_line"/>
|
|
</a>
|
|
</div>
|
|
<b><t t-esc="object.karma"/></b>
|
|
<div t-if="options.get('badges')" style="display: inline-block">
|
|
<t t-raw="separator"/>
|
|
<b>|</b>
|
|
<span class="fa fa-circle badge-gold" role="img" aria-label="Gold badge" title="Gold badge"/>
|
|
<t t-esc="object.gold_badge"/>
|
|
<span class="fa fa-circle badge-silver" role="img" aria-label="Silver badge" title="Silver badge"/>
|
|
<t t-esc="object.silver_badge"/>
|
|
<span class="fa fa-circle badge-bronze" role="img" aria-label="Bronze badge" title="Bronze badge"/>
|
|
<t t-esc="object.bronze_badge"/>
|
|
</div>
|
|
<t t-raw="0"/>
|
|
<div t-if="options.get('UserBio')">
|
|
<div class="o_forum_tooltip_line" t-if="object.partner_id.country_id or object.partner_id.city">
|
|
<span t-field="object.partner_id.city"/><span t-if="object.partner_id.city and object.partner_id.country_id">, </span><span t-field="object.partner_id.country_id"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span t-if="options.get('website_description') and 'partner_id' in fields">
|
|
<t t-if="object.partner_id.website_description">
|
|
<span t-field="object.partner_id.website_description"/>
|
|
</t>
|
|
</span>
|
|
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
</data>
|
|
</odoo>
|