Moodle App Accessibility: Difference between revisions
From MoodleDocs
(Created page with "{{Moodle Mobile}} = Screen readers = VoiveOver and TalkBack are the native applications for screen reading in iOS and Android devices. In order to make the code understandab...") |
No edit summary |
||
| Line 7: | Line 7: | ||
First step on that is to [https://www.w3.org/TR/wai-aria-1.1/#role_definitions|identify the role] of the main elements of navigation and information of the page. Then, we should apply the correct aria attributes to the elements that conform that role. | First step on that is to [https://www.w3.org/TR/wai-aria-1.1/#role_definitions|identify the role] of the main elements of navigation and information of the page. Then, we should apply the correct aria attributes to the elements that conform that role. | ||
[https://github.com/moodlehq/moodlemobile2/commit/b95de260ee46d6278d03cff294015aa11fd99a6b|Here | [https://github.com/moodlehq/moodlemobile2/commit/b95de260ee46d6278d03cff294015aa11fd99a6b|Here you have some examples] of how to apply these attributes. | ||
Revision as of 08:10, 1 April 2019
Screen readers
VoiveOver and TalkBack are the native applications for screen reading in iOS and Android devices. In order to make the code understandable to these applications we encourage the developers tu use the Rich Internet Applications (WAI-ARIA) 1.1 recommendations of W3C. Those documents includes a bunch of rules to be applied to the HTML code to add semantic information to it.
First step on that is to the role of the main elements of navigation and information of the page. Then, we should apply the correct aria attributes to the elements that conform that role.
you have some examples of how to apply these attributes.
