Update Calendar markup for a11y - Githubissues

SAP-archive / fundamental-vue

Vue.js components implementation of Fundamental Library Styles guidelines. The library is aiming to provide a Vue.js implementation of the components designed in Fundamental Library Styles.

https://sap.github.io/fundamental-vue

Apache License 2.0

197 stars 32 forks source link

Update Calendar markup for a11y #559

Open jacobdevera opened 5 years ago

jacobdevera commented 5 years ago

Is this a bug, enhancement, or feature request?

Enhancement (to comply with a11y)

Briefly describe your proposal.

The rendered markup should be updated to reflect changes made in fundamental-styles. https://github.com/SAP/fundamental-styles/pull/410

Convert month/year selector ul into table with role=“grid”
Currently selected date: <td>: aria-selected=“true” and <span> role "button"

Additional changes:

Month/year header: aria-live=“polite” (to announce month/year changes)
Navigation buttons: Needs localizable aria-label (e.g. “Next Year”, "Next Month")
Selectable dates: aria-label should be used to read out full date
Disabled dates: <td>: aria-disabled="true"

ChristianKienle commented 5 years ago

this will be fixed with the next release. i have already implemented it.