javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(picker): picker column is easier to select with assistive technology (#29371)

Browse Source 
Issue number: resolves #25221
This commit is contained in:
Liam DeBeasi
2024-04-24 16:25:46 -04:00
committed by GitHub
parent f91a6eaeb4
commit e38e2e4d35
5 changed files with 333 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/picker/test/a11y/index.html
View File

@ -16,6 +16,15 @@
<h1>Picker - a11y</h1>
<ion-picker>
<ion-picker-column aria-label="Select a month" color="tertiary" value="3">
<ion-picker-column-option value="1" color="tertiary">First</ion-picker-column-option>
<ion-picker-column-option value="2" color="tertiary">Second</ion-picker-column-option>
<ion-picker-column-option value="3" color="tertiary">Third</ion-picker-column-option>
<ion-picker-column-option value="4" color="tertiary">Fourth</ion-picker-column-option>
<ion-picker-column-option value="5" color="tertiary" disabled="true">Fifth</ion-picker-column-option>
<ion-picker-column-option value="6" color="tertiary">Sixth</ion-picker-column-option>
<ion-picker-column-option value="7" color="tertiary">Seventh</ion-picker-column-option>
</ion-picker-column>
<ion-picker-column color="tertiary" value="3">
<ion-picker-column-option value="1" color="tertiary">First</ion-picker-column-option>
<ion-picker-column-option value="2" color="tertiary">Second</ion-picker-column-option>