Home » HTML Quiz » Page 25

The _____ property in CSS is used to control the order of navigational elements when the tab key is used.

  • order 
  • tab-order 
  • tabindex 
  • z-index 
The tabindex property in CSS is used to specify the tab order of an element within a web page. A positive value defines the exact tab order, while a value of "0" means that the element should be focusable and reachable with the tab key. A negative value (like -1) makes the element focusable but not reachable via sequential keyboard navigation. It's essential for improving web accessibility and user navigation experience. 
Discuss it

A webpage with a carousel of images is not displaying the images. How would you use the "alt" attribute to provide context for missing images, and why is it important?

  • Use "alt" to decorate the image with colors. 
  • Use "alt" to describe the image, making the site accessible for visually impaired users. 
  • Use "alt" to link another image. 
  • Use "alt" to reduce the size of the image. 
The "alt" attribute provides a text alternative for an image. If an image fails to load or if the user is visually impaired and using a screen reader, the "alt" text will be read out or displayed. This ensures that the content is accessible to all users and provides context even if the image is missing. Additionally, "alt" attributes are beneficial for SEO. 
Discuss it

To represent a block-level quotation, the _______ element is used.

  •  

  •  
  •  
  •  
The

element is designed for containing a block of quoted text from another source. When browsers render a

, they usually indent the content from both left and right margins. This indentation helps visually differentiate the blockquote from other text. When using the

element, it's a good practice to include a citation (if available) with the element. 

Discuss it

______ is used to provide a caption for a
element.

  •  
  •  
  •  
  •  
The
element is used within the

element to provide a caption. The

element is often used to mark up diagrams, illustrations, photos, and code listings, among others, and
can be used to provide an explanatory caption for these content types. 
Discuss it

For ensuring multimedia content accessibility, you should provide ______ as a fallback option inside the audio or video tags.

  • annotations 
  • captions 
  • thumbnails 
  • transcripts 
Providing transcripts for audio and video content is crucial for accessibility. Transcripts offer a text representation of the content which can be beneficial for individuals who are deaf or hard of hearing, and for those who might not be able to access the content due to technical constraints. Captions serve a similar purpose but are synchronized with the media, while annotations often offer additional, non-essential information. 
Discuss it

To create a link that sends an email, you use the ______ attribute with a value that starts with mailto:.

  • alt 
  • href 
  • src 
  • target 
The href attribute is used within the tag to define the hyperlink reference. When its value starts with mailto:, clicking on the link will open the default email client on the user's machine, pre-filled with the specified email address. For example, Send Email will create a link to send an email to "[email protected]". 
Discuss it

Can the tags be placed outside the section?

  • tags are not a part of HTML. 
  • No, they are exclusive to the section. 
  • They are only valid inside the
    . 
  • Yes, they can be placed in the too. 
tags provide metadata about the HTML document, like character set, viewport settings, or author information. These tags should be placed exclusively inside the section as they usually provide information to browsers or search engines about how to display or index the page, respectively. 
Discuss it

The ______ tag is utilized to embed audio content on a webpage.

  •  
  •  
  •  
The
Discuss it

What is the purpose of the "legend" element within a fieldset?

  • To act as a placeholder for inputs. 
  • To add a decorative line around the fieldset. 
  • To provide a caption or title for the group of controls inside the fieldset. 
  • To specify the method of form submission. 
The legend element is used within a fieldset to provide a descriptive caption or title for the group of form controls contained inside that fieldset. It helps users understand the context or purpose of the information grouped together, thereby improving form usability and enhancing accessibility by providing context to users, especially those using assistive technologies. 
Discuss it

How can ARIA roles enhance the accessibility of form elements, particularly select lists?

  • They can automatically complete form entries for users. 
  • They can define the specific nature and behavior of the select list, aiding screen readers. 
  • They change the visual design of the form to be more readable. 
  • They provide audible feedback when a user hovers over an element. 
ARIA (Accessible Rich Internet Applications) roles provide additional semantic information about elements, particularly for assistive technologies like screen readers. By defining the specific nature and behavior of an element, ARIA roles enhance the accessibility and user experience for individuals with disabilities. For instance, a select list with an ARIA role can be identified and interacted with more easily by screen reader users, ensuring they can accurately navigate and understand the form's content. 
Discuss it