Skip to content
Fitness Medium #ankle#dorsiflexion#squat

Ankle Dorsiflexion

Limited dorsiflexion changes squat mechanics, knee tracking, and foot strike.

A free, animated ankle dorsiflexion you can read here or embed on any website, from Scrollchart.

Ankle Dorsiflexion

Ankle DorsiflexionKnee-to-wall test · squat depth correlation · compensation chainEffective squat depth0%25%50%75%100%Restricted<8 cm55%Normal8-13 cm80%Excellent13+ cm100%Knee-to-wall testRestrictedNormalExcellent05810131520cmCompensation chain (restricted DF)Heel rise↓Knee valgus↓Forward torso lean↓Lumbar flexion under load↓Reduced squat depthFix: ankle mobility workAnkle rocker stretch · banded joint mob · calf eccentric+5 cm KTW = approx. +10° squat depth (Macrum et al. 2012)

Side-by-side squats with normal vs limited dorsiflexion. The latter compensates with knee valgus and forward lean.

Good for

  • Articles in the fitness category
  • Editorial pages where a quick visual replaces a wall of text
  • Content-marketing posts that need a clean, branded illustration

Source & accuracy

This ankle dorsiflexion is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

What dorsiflexion is and where it limits

Ankle dorsiflexion is the motion of bringing the toes and top of the foot upward toward the shin, narrowing the angle at the front of the ankle. In a squat or lunge it is the movement that lets the knee travel forward over the foot, so the range available at the ankle directly shapes how deep and upright a squat can be.

Limited dorsiflexion is often felt as a wall at the front of the ankle or a tight calf. Common contributors include stiffness in the calf muscles and Achilles tendon, restricted gliding of the talus within the joint, or prior ankle injury.

Knock-on effects up the chain

When the ankle cannot bend enough, the body tends to compensate. The heels may lift, the torso may pitch forward, the foot may flatten and roll inward, or the knee may cave toward the midline, any of which can load joints in less favorable positions. These compensations can also alter how the foot strikes the ground when running.

Whether limited dorsiflexion causes problems depends on the individual and the demands placed on the joint, and addressing it usually combines mobility work with technique adjustments. Persistent pain or a hard bony block warrants assessment by a qualified clinician. This is general educational information, not medical advice.

Embed this diagram

Add this animated ankle dorsiflexion to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated ankle dorsiflexion for any website.
Who uses it
Fitness blogs, Coaches & personal trainers.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="ankle-dorsiflexion" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Ankle Dorsiflexion" for my website?
Scrollchart provides "Ankle Dorsiflexion" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a ankle dorsiflexion diagram in a health or wellness blog?
Copy the HTML snippet from the Scrollchart diagram page and paste it into any post or page in your CMS. It works in WordPress, Webflow, Ghost, Substack, and plain HTML without any plugin or account. The diagram renders as animated SVG directly in your page, so search engines can index the accompanying explainer text.