What is a real world use case for the alt attribute being used in a website? The user is visually impaired, and is using a screen reader to read the web out to them.
How can you improve accessibility of images in an HTML document? colors, sizes, fonts, styles
Provide an example of when the figure element would be useful in an HTML document. when we are trying to describe content, providing information supporting the main text
Describe the difference between a gif image and an svg image, pretend you are explaining to an elder in your community. SVG is ideal for user interface elements, gif is a good choice for simple images and animations
What image type would you use to display a screenshot on your website and why? PNG - This is particularly important if there's any text in your screenshot, as text easily becomes fuzzy and unclear under lossy compression
Describe the difference between foreground and background colors of an HTML element, pretend you are talking to someone with no technical knowledge. Foreground color is like the color of the writing, background color is like the color of the surface
Your friend asks you to give his colorless blog website a touch up. How would you use color to give his blog some character? we can add color in some of his main points with code p { color: red; }
What should you consider when choosing fonts for an HTML document? Font choices are limited, they generally are not free
What do font-size, font-weight, and font-style do to HTML text elements? size-size of text (ex: 12,36,62)weight-sets how bold the text is. style-Used to turn italic text on or off Describe two ways you could add spacing around the characters displayed in an h1 element. h1 { letter-spacing: 2px; }
p::first-line { letter-spacing: 4px; word-spacing: 4px; }