Scribd
Upload
21 views

Frontend Interview

Janice interviews Shahbaz for a frontend developer role. They discuss semantic HTML, which makes web pages easier for people and search engines to understand by using HTML elements that clearly describe their meaning. Semantic HTML increases accessibility and SEO performance. Janice asks Shahbaz to explain accessibility further. Shahbaz outlines W3C guidelines for accessibility, like writing semantic HTML, responsive design, including alt text for images, keyboard navigation, form labels, transcripts for audio, adjustability of audio/video, undo functionality, and error handling.

Uploaded by

Casheyranking
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
21 views

Frontend Interview

Janice interviews Shahbaz for a frontend developer role. They discuss semantic HTML, which makes web pages easier for people and search engines to understand by using HTML elements that clearly describe their meaning. Semantic HTML increases accessibility and SEO performance. Janice asks Shahbaz to explain accessibility further. Shahbaz outlines W3C guidelines for accessibility, like writing semantic HTML, responsive design, including alt text for images, keyboard navigation, form labels, transcripts for audio, adjustability of audio/video, undo functionality, and error handling.

Uploaded by

Casheyranking
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

EP.

1
THE FRONTEND
INTERVIEW

shahbazkhan.js © www.shahbazkhan.in
Hi Shahbaz!
I am Janice, I’ll be taking your Hi Janice!
technical interview for the frontend an k yo u for giving me
Th
developer role in our company. this opportunity.

shahbazkhan.js © www.shahbazkhan.in
Alright!
Let’s start with HTML Sure!

shahbazkhan.js © www.shahbazkhan.in
n tic H T M L is th e use of
Sema
What is semantic m en ts th at clearly
HTML ele
HTML? t h eir m e a n in g to both
describe
w se r a n d de ve lop er…
bro

shahbazkhan.js © www.shahbazkhan.in
shahbazkhan.js © www.shahbazkhan.in
shahbazkhan.js © www.shahbazkhan.in
e a sie r f o r b o th people
Semantic HTML is
ad
and machine to re
rst a n d . S o it in c r e ases
and unde
is th e ad va ntage ility as w e ll a s SE O
What the accessib
a ntic H TML? w eb p a g e a n d is easy
m e
of se performance of th
m ain ta in & d e b u g.
to

shahbazkhan.js © www.shahbazkhan.in
ing t o W 3 C s ta n dard,
Accor d
u ctu re th eir c o de in
str
developers should s ible to
ca n b e a c ce s
Hmm… such a way that it ferent
of u se r s w it h d if
Can you tell me m or e different levels
g es , a n d a b ilit ie s…
about accessibility
? langua

shahbazkhan.js © www.shahbazkhan.in
W3C guidelines for accessibility

• Write semantic HTML

• Web page should be responsive.

• Image should include equivalent alt texts because some people with visual
impairment or other disabilities use screen reader to access a web page.

• User should be able to navigate with the help of keyboard.

• Add labels to form controls.

• Many people can’t hear but can see so add transcript in the audio.

• User should be able to pause, stop or adjust the audio/video.

• Add undo functionality.

• Include error handling and descriptive messages.

• User should be able to resize the text.

shahbazkhan.js © www.shahbazkhan.in
Like Comment Share

Save for future reference

shahbazkhan.js © www.shahbazkhan.in

You might also like