QUESTION IMAGE
Question
5 - accessibility
learning objective: identify techniques to design for accessibility.
which code sample will provide an auditory navigation marker for users with a visual impairment but will still provide an optimal ui for users who are able to see the screen and do not use screen reader technology?
a.) <!doctype html>
<html>
<head>
<style>
nav .audioprompt {
display: none; }
</style>
<body>
<nav>
The given code sample hides an element with the class 'audioPrompt' within a navigation (nav) element using CSS (display: none;). This ensures that for sight - ed users, it doesn't affect the UI as it's not visible. For visually impaired users relying on screen readers or auditory cues, if the appropriate ARIA (Accessible Rich Internet Applications) attributes or other auditory - enabling code is added to this element later, it can serve as an auditory navigation marker.
Snap & solve any problem in the app
Get step-by-step solutions on Sovi AI
Photo-based solutions with guided steps
Explore more problems and detailed explanations
a.
<!DOCTYPE html>
<html>
<head>
<style>
nav .audioPrompt {
display: none; }
</style>
</head>
<body>
<nav>