CRP and A11y cross interview #8
CRP:
- What is the Critical Rendering Path?
- What are the main stages of CRP?
- Blocking and non-blocking resources: provide examples.
- Explain the async and defer attributes of the
<script> tag.
- What is the DOM?
- What is the CSSOM?
- What is the Render Tree, and how does it differ from the DOM?
- Reflow / Layout: What is the difference? Name some properties that trigger Reflow.
- Paint / Repaint: What is it? Name some properties that trigger Repaint.
- Composite: What happens during this stage?
- What is the difference between hardware and software compositing in browsers?
- How do browser rendering engines handle CSS animations and transitions?
- For moving an element during an animation, is it better to use
transition: translate or modify properties like left, top, etc.? Why?
- How can you optimize the Critical Rendering Path to improve page load performance?
- What is the impact of large images and fonts on the rendering process?
- How do properties like
opacity and visibility differ in terms of CRP? How do they affect rendering?
A11y:
- What is A11y?
- Why is it important to make interfaces accessible?
- List the main tools used to check the accessibility of an application.
- What is semantic HTML?
- How does semantic HTML affect accessibility?
- Which CSS properties can negatively impact website accessibility?
- How can color contrast affect accessibility, and how can it be tested?
- WCAG 2.1 conformance levels (A, AA, AAA).
- What are NVDA and VoiceOver? What are they used for?
- How do screen readers interpret dynamic content updates (e.g., via JavaScript)?
- What is
tabindex, and how does it affect accessibility?
- How can you ensure that all interactive elements are accessible via keyboard navigation?
- What ARIA roles and attributes are commonly used to enhance accessibility?
- How can you make forms more accessible for users with disabilities?