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
84 lines
2.6 KiB
XML
84 lines
2.6 KiB
XML
<templates>
|
|
<t t-name="static">
|
|
<div foo="a" bar="b" baz="c"/>
|
|
</t>
|
|
<result id="static"><![CDATA[<div foo="a" bar="b" baz="c"></div>]]></result>
|
|
|
|
<t t-name="static-void">
|
|
<img src="/test.jpg" alt="Test"/>
|
|
</t>
|
|
<result id="static-void"><![CDATA[<img src="/test.jpg" alt="Test"/>]]></result>
|
|
|
|
<t t-name="fixed-literal">
|
|
<div t-att-foo="'bar'"/>
|
|
</t>
|
|
<result id="fixed-literal"><![CDATA[<div foo="bar"></div>]]></result>
|
|
|
|
<t t-name="fixed-variable">
|
|
<div t-att-foo="value"/>
|
|
</t>
|
|
<params id="fixed-variable">{"value": "ok"}</params>
|
|
<result id="fixed-variable"><![CDATA[<div foo="ok"></div>]]></result>
|
|
|
|
<t t-name="tuple-literal">
|
|
<div t-att="['foo', 'bar']"/>
|
|
</t>
|
|
<result id="tuple-literal"><![CDATA[<div foo="bar"></div>]]></result>
|
|
|
|
<t t-name="tuple-variable">
|
|
<div t-att="value"/>
|
|
</t>
|
|
<params id="tuple-variable">{"value": ["foo", "bar"]}</params>
|
|
<result id="tuple-variable"><![CDATA[<div foo="bar"></div>]]></result>
|
|
|
|
<t t-name="object">
|
|
<div t-att="value"/>
|
|
</t>
|
|
<params id="object">{"value": {"a": 1, "b": 2, "c": 3}}</params>
|
|
<result id="object"><![CDATA[<div a="1" b="2" c="3"></div>]]></result>
|
|
|
|
<t t-name="format-literal">
|
|
<div t-attf-foo="bar"/>
|
|
</t>
|
|
<result id="format-literal"><![CDATA[<div foo="bar"></div>]]></result>
|
|
|
|
<t t-name="format-value">
|
|
<div t-attf-foo="b{{value}}r"/>
|
|
</t>
|
|
<params id="format-value">{"value": "a"}</params>
|
|
<result id="format-value"><![CDATA[<div foo="bar"></div>]]></result>
|
|
|
|
<t t-name="format-expression">
|
|
<div t-attf-foo="{{value + 37}}"/>
|
|
</t>
|
|
<params id="format-expression">{"value": 5}</params>
|
|
<result id="format-expression"><![CDATA[<div foo="42"></div>]]></result>
|
|
|
|
<t t-name="format-multiple">
|
|
<div t-attf-foo="a {{value1}} is {{value2}} of {{value3}} ]"/>
|
|
</t>
|
|
<params id="format-multiple">{
|
|
"value1": 0,
|
|
"value2": 1,
|
|
"value3": 2
|
|
}</params>
|
|
<result id="format-multiple"><![CDATA[
|
|
<div foo="a 0 is 1 of 2 ]"></div>
|
|
]]></result>
|
|
|
|
<t t-name="various-escapes">
|
|
<div foo="<foo"
|
|
t-att-bar="bar"
|
|
t-attf-baz="<{{baz}}>"
|
|
t-att="qux"/>
|
|
</t>
|
|
<params id="various-escapes"><![CDATA[{
|
|
"bar": "<bar>",
|
|
"baz": "\"<baz>\"",
|
|
"qux": {"qux": "<>"}
|
|
}]]></params>
|
|
<result id="various-escapes"><![CDATA[
|
|
<div foo="<foo" bar="<bar>" baz="<"<baz>">" qux="<>"></div>
|
|
]]></result>
|
|
</templates>
|