![]() Let's say we wanted to make the pizza quiz question more engaging. This brings us to our second topic of the day, custom controls. If this is the case, you'll likely also need to supplement your components with ARIA attributes so that their semantics are properly conveyed to assistive technologies. However, sometimes you may have a need not completely fulfilled by semantic HTML, and need to create custom components with JavaScript. ![]() Using these semantic HTML elements should be your default, as this will guarantee a consistent, accessible experience for your users across all browsers. For example, Safari has built-in accessibility support for semantic HTML elements like button, h1 through h6, table elements, list elements, and many more. Tyler: As a web developer, you have many tools at your disposal for making your pages accessible to users of technologies like VoiceOver. Siri: One of six: How many slices are in 1/4 of a pizza with eight total slices? Two slices, radio button, unchecked, one of four, Three slices- Four slices- Six slices- Next question. Tyler: And swipe right to move through the elements on this page. Tyler: And now, with VoiceOver active, I'll tap the page heading to focus it. ![]() On my iPad, I'll triple-press the top button to activate VoiceOver. To learn more about these tools and some others, check out last year's session, titled: "Support Full Keyboard Access in your iOS app." To get a feel for what this is like on a real webpage, let's use VoiceOver to navigate a sample quiz assessment website. These tools include VoiceOver, Switch Control, Voice Control, and Full Keyboard Access, all of which provide alternate means of device usage. Apple has built a variety of tools to enable users to interact with their devices in a way that works best for them. People can experience disabilities at any age, for any duration, and at varying levels of severity. So let's begin by talking about assistive technologies.Īpproximately one in seven people worldwide have a disability that affects the way they interact with the world, their devices, and the web. Then, we'll talk about ways you can build rich, accessible web apps with tools like custom controls, speech synthesis markup language, or SSML, in the Web Speech API, and the dialog element. In today's session, we're going to take a tour of modern web accessibility, beginning with a brief overview of assistive technologies like screenreaders. Tyler: Hi, my name is Tyler, and I'm an engineer on the WebKit accessibility team.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |