Web Structure
What is the difference between a responsive and non-responsive website?
A responsive web design that is able to render well on a multitude of devices, windows and screens. While a non responsive website does not.
What is a media query?
A media query is a CSS technique that allows developers to modify the appearance and behavior of a website or app based on the device's characteristics.
Define Accessibility
Accessibility refers to the practice of making websites and web applications usable by all people.
What is a guideline?
A guideline is a general rule, principle, or recommendation that provides direction or advice on how to approach a task, make decisions, or handle a situation.
Define metadata
Metadata is data that provides information about other data.
Give me the names of the 3 different types of web structures.
Static, Liquid and Adaptive.
Name me one of the key components of media queries.
Adapt to different devices, target device orientation, target preferred theme.
True or False: Web accessibility aims to remove barriers that only affect people with a select few disabilities from accessing and interacting with online content.
False: Web accessibility aims to remove barriers for individuals with all different disabilities not a select few.
Define what WCAG is.
Web accessibility guidelines are a set of standards and best practices designed to ensure that websites, applications, and digital content are usable by people with a wide range of disabilities.
What is ANDI?
a free, browser-based tool that helps developers test web accessibility.
What is the difference between margins and padding?
Padding is the space inside an element's border, between the content and the border, while margins are the space outside an element's border, creating external separation between the element and surrounding elements.
What is a responsive photo?
Responsive photos are images that adapt to different screen sizes, resolutions, or devices, ensuring that they display optimally on each platform.
List some of the key components that come with accessibility.
Visual Accessibility, Keyboard Navigation, Screen Reader Compatibility, Clear and Simple Language, Responsive Design, Error Prevention and Recovery.
Give me some examples of WCAG criteria.
Text Alternatives, Keyboard Navigation, Color Contrast, Resizing Text, Time-based Media
What is alt text?
a brief description used to convey the content or function of an image on a webpage.
Name the 3 different types of web models.
Box, Grid, Flexbox.
Define double media query
A double media query refers to a media query that combines two or more conditions to target specific device characteristics simultaneously.
This accessibility device, is a tool or application that makes text, buttons, and other content on a screen easier to see and read.
Screen Magnifier
When was WCAG first published?
1999
What is an accessibility audit?
A web accessibility audit is a thorough evaluation of a website or web application's adherence to accessibility standards, particularly those outlined in the Web Content Accessibility Guidelines (WCAG).
What are the differences between liquid, static, and adaptive web structures?
Static Web Structure = Content is fixed and cannot change unless done manually
Liquid Web Structure = Emphasizes flexibility and adaptability in the layout
Adaptive Web Structure = Pre-Defined layouts tailored to different devices
Name me one of the common types of media queries.
Screen width, device orientation, device pixel ratio, touch capabilities.
This accessibility program, is a software program that allows people who are blind or have low vision to use computers and other devices by reading text aloud or displaying it in braille.
Screen Reader
Differentiate between Level A, Level AA, and Level AAA WCAG levels.
Level A: The most basic web accessibility features.
Level AA: Addresses the most common barriers for users with disabilities and is the recommended level for most websites.
Level AAA: The highest and most comprehensive level of web accessibility.
What is an SEO keyword?
SEO keywords are specific words and phrases that people commonly use when searching for information, products, or services on search engines like Google.