Ant Cube Card provides accessibility mode.
Accessibility mode supports the following properties:
Property | Description | Type | Valid value |
role | string | input list slider switch header button img link search | |
aria-label | Used to describe the tags added to the current element | string | |
aria-hidden | Used to hide an element from being recognized | string | |
aria-disabled | Used to control whether the element is active | string |
Examples:
<div class="scroll">
<text class="case_title"> This is an example </text>
<image class="image" :src="src" aria-label="This is an image"></image>
<div class="div" :aria-label="This is a div" ></div>
<div class="row" v-for="row in rows">
<text class="rowtext" >{{row}}</text>
</div>
<text class="case_title" :role="role"> This is an example to test the role</text>
<text class="case_title" :aria-disabled="true" :role="role"> This is an example. Test aria-disabled</text>
<text class="div" :aria-hidden="true" value="test aria-hidden"></text>
</div>Example code
Click here detailBarrierFree.zip for the complete example code.