kujiu
9de1bc0eef
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
197 lines
13 KiB
XML
197 lines
13 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<odoo>
|
||
<template id="theme_customize" inherit_id="website.theme_customize">
|
||
<xpath expr="div" position="replace">
|
||
<div role="dialog" id="theme_customize_modal" class="modal fade bs-example-modal-sm">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="loading_backdrop"></div>
|
||
<header class="modal-header">
|
||
<button type="button" class="close">×</button>
|
||
<h4 class="modal-title">Customize your theme</h4>
|
||
</header>
|
||
<main class="modal-body">
|
||
<div class="row">
|
||
<div class="col-xs-4 col-xs-offset-4">
|
||
<label class="checked">
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/bootswatch_default_thumbnail.png" alt="Default Theme"/>
|
||
<input name="theme" type="radio" data-xmlid="" checked="checked"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/cerulean_thumbnail.png" alt="Cerulean"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_cerulean_bs_variables,theme_bootswatch.theme_cerulean"/>
|
||
</label>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/cosmo_thumbnail.png" alt="Cosmo"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_cosmo_bs_variables,theme_bootswatch.theme_cosmo" data-disable="ee"/>
|
||
</label>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/cyborg_thumbnail.png" alt="Cyborg"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_cyborg_bs_variables,theme_bootswatch.theme_cyborg"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/flatly_thumbnail.png" alt="Flatly"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_flatly_bs_variables,theme_bootswatch.theme_flatly"/>
|
||
</label>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/journal_thumbnail.png" alt="Journal"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_journal_bs_variables,theme_bootswatch.theme_journal"/>
|
||
</label>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/simplex_thumbnail.png" alt="Simplex"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_simplex_bs_variables,theme_bootswatch.theme_simplex"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/slate_thumbnail.png" alt="Slate"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_slate_bs_variables,theme_bootswatch.theme_slate"/>
|
||
</label>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/spacelab_thumbnail.png" alt="Spacelab"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_spacelab_bs_variables,theme_bootswatch.theme_spacelab"/>
|
||
</label>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<label>
|
||
<img style="width: 120px; height: 70px;" src="/theme_bootswatch/static/src/img/united_thumbnail.png" alt="United"/>
|
||
<input name="theme" type="radio" data-xmlid="theme_bootswatch.theme_united_bs_variables,theme_bootswatch.theme_united"/>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_cerulean_bs_variables" name="Cerulean" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/cerulean/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_cerulean" name="Cerulean" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/cerulean/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/cerulean_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_cosmo_bs_variables" name="Cosmo" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/cosmo/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_cosmo" name="Cosmo" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/cosmo/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/cosmo_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_cyborg_bs_variables" name="Cyborg" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/cyborg/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_cyborg" name="Cyborg" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/cyborg/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/cyborg_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_flatly_bs_variables" name="Flatly" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/flatly/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_flatly" name="Flatly" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/flatly/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/flatly_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_journal_bs_variables" name="Journal" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/journal/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_journal" name="Journal" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/journal/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/journal_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_simplex_bs_variables" name="Simplex" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/simplex/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_simplex" name="Simplex" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/simplex/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/simplex_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_slate_bs_variables" name="Slate" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/slate/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_slate" name="Slate" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/slate/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/slate_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_spacelab_bs_variables" name="Spacelab" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/spacelab/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_spacelab" name="Spacelab" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/spacelab/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/spacelab_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="theme_united_bs_variables" name="United" inherit_id="web._assets_frontend_helpers" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/united/_variables.scss"/>
|
||
</xpath>
|
||
</template>
|
||
<template id="theme_united" name="United" inherit_id="website.assets_frontend" active="False">
|
||
<xpath expr="//link[last()]" position="after">
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/lib/bootswatch/united/_bootswatch.scss"/>
|
||
<link rel="stylesheet" type="text/scss" href="/theme_bootswatch/static/src/scss/united_fix.scss"/>
|
||
</xpath>
|
||
</template>
|
||
</odoo>
|