epam-short-track

Critical rendering path / Accessibility

In this module you will learn:

CRP:

• DOM
• CSSOM
• Render Tree
• Layout
• Paint
• Composite

Accessibility:

• A11y
• A, AA, AAA
• HTML (semantic and tags)
• Keyboard navigation
• NVDA / VoiceOver
• Lighthouse / Axe

Approximate time to complete this module:

• Theory: 6 hours

Theory

CRP

Text materials

• MDN: Critical rendering path
• Хабр: Понимание критического пути рендеринга
• How Browsers Work: Behind the scenes of modern web browsers
• Browser Rendering Optimization
• Understanding Reflow and Repaint in the browser Video materials
• Просто о CRP (Critical Rendering Path)
• Understanding the Critical Rendering Path

  A11y

  Text materials

• MDN: Accessibility
• Accessibility/A11Y. Веб доступность — зачем и для кого?
• A11y checklist Video materials
• Доступность интерфейсов (Юлия Коробова)

Additional materials

Deep Dive into Browser Internals:

• Inside look at modern web browser (Part 1)
• Inside look at modern web browser (Part 2)
• Inside look at modern web browser (part 3)
• Inside look at modern web browser (part 4)

This site is open source. Improve this page.