Website Design Website Design MCQ 4

Question 1

Which accessibility attribute provides alternative text for images?

Accepted Answer

alt

Answer

The alt attribute on <img> elements provides descriptive text for screen readers and displays when the image cannot load.

Question 2

What is the recommended minimum contrast ratio for normal text according to WCAG AA standards?

Accepted Answer

4.5:1

Answer

WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text to ensure readability for users with visual impairments.

Question 3

What is a hero image in web design?

Accepted Answer

A large, prominent banner image displayed at the top of a page

Answer

A hero image is a large, full-width or oversized image placed prominently at the top of a webpage to immediately engage visitors.

Question 4

Which layout approach uses a 12-column grid system commonly seen in frameworks like Bootstrap?

Accepted Answer

Grid-based layout

Answer

Grid-based layouts divide the page into equal columns (typically 12) allowing designers to align content consistently and create responsive designs.

Question 5

What does the CSS 'display: flex' property enable?

Accepted Answer

A one-dimensional layout model for arranging items in rows or columns

Answer

Flexbox creates a flexible container where child elements can be arranged, aligned, and distributed along a single axis (row or column).

Website Design Practice Test