Global attributes in HTML - Cheat Sheet & Quick Revision

Recall & Review

beginner

What are global attributes in HTML?

Global attributes are special attributes that can be used on any HTML element to add extra information or control behavior.

beginner

Name three common global attributes in HTML.

Three common global attributes are:<br>1. id - unique identifier<br>2. class - groups elements<br>3. style - inline CSS styling

intermediate

What does the tabindex global attribute do?

The tabindex attribute controls the order in which elements receive keyboard focus when pressing the Tab key. It helps with keyboard navigation.

intermediate

How does the aria-label attribute help users?

The aria-label attribute provides a text label for elements, especially for screen readers. It improves accessibility by describing elements that might not have visible text.

beginner

Can the style attribute be used on any HTML element? Why?

Yes, the style attribute is a global attribute and can be used on any HTML element to apply CSS styles directly to that element.

Which of the following is NOT a global attribute in HTML?

A id

B href

C class

D style

href is an attribute specific to <a> and some other elements, not a global attribute.

What does the hidden global attribute do?

A Makes the element invisible and not focusable

B Changes the text color

C Adds a tooltip

D Makes the element editable

The hidden attribute hides the element from view and removes it from keyboard navigation.

Which global attribute helps improve accessibility by labeling elements for screen readers?

A class

B style

C aria-label

D id

aria-label provides descriptive text for screen readers.

How can you group multiple elements for styling or scripting?

A Using the <code>class</code> attribute

B Using the <code>id</code> attribute

C Using the <code>style</code> attribute

D Using the <code>tabindex</code> attribute

class groups elements so CSS or JavaScript can target them together.

Which global attribute controls keyboard focus order?

A hidden

B style

C aria-label

D tabindex

tabindex sets the order elements receive focus when tabbing.

Explain what global attributes are and why they are useful in HTML.

Think about attributes that work everywhere in HTML.

Describe how the aria-label and tabindex attributes improve accessibility.

Focus on how these help people who use keyboards or screen readers.