UI/UX Basics
HTML
CSS
Accessibility & Inclusive Design
Internet safety and law
100
​​​All the features of a product a user interacts with, especially its screen design elements: graphics, icons, buttons, text entry fields and mouse pointer.​​​

User Interface (UI)

100

The HTML element used to display an image on a page.

IMG

100

The CSS property used to change the colour of text.

COLOUR

100

Software that reads webpage content aloud for people who are blind or have low vision.

SCREENREADER

100

A secret combination of characters used to protect access to an online account.



PASSWORD

200

How a person feels when using a product, including how easy, enjoyable, and efficient it is to use.

User Experience

200

What is Observing real users interact with a product to find problems?

Testing

200

The CSS layout model that arranges items into rows and columns at the same time.

GRID

200

Text shown on screen for a video's spoken dialogue, helping deaf or hard-of-hearing users.

CAPTIONS

200

A scam that tricks people into giving up personal details by pretending to be a trustworthy sender.

PHISHING

300

What one word describes how easy and efficient a product is to use?

Usability(describes how easy and efficient a product is for users to achieve their goals.)

300

One word describes using the same colours, fonts, and styles throughout an website?

Consistency

300

A CSS declaration like 'color: blue;' is made up of which two parts?

Property : Value

300

The overall term for designing digital content so people with disabilities can use it.

ACCESSIBILITY

300

Malicious software designed to damage a device or gain unauthorized access to it.

MALWARE

400

A simple sketch showing the structure and layout of a webpage before it's designed.

WIREFRAME

400

The tag that defines the largest, most important heading on a page.

H1

400

The CSS property that adds space inside an element, between its content and its border.

PADDING

400

The difference in brightness between text and its background, important for readability.

CONTRAST

400

The extra login step, beyond a password, that confirms it's really you.

AUTHENTICATION

500

The visual layout and controls a user interacts with on a screen.

INTERFACE

500

Which tag is the root element that contains all the content of a webpage?

<html>

500

The type of selector used to target one unique element on a page, written with a # symbol.

ID

500

The keyboard key people who can't use a mouse rely on to move between links and buttons.

TAB

500

The practice of protecting your personal data and identity while using the internet.

PRIVACY