---
title: Degradação graciosa
slug: Glossary/Graceful_degradation
translation_of: Glossary/Graceful_degradation
original_slug: Glossario/degradação_graciosa
---
<p><strong>Degradação graciosa</strong> é uma filosofia de design centrada na tentativa de criar um site/aplicativo moderno que funcione nos navegadores mais recentes, mas recorre a uma experiência que, embora não tão boa, ainda oferece conteúdo e funcionalidade essenciais para os navegadores antigos.</p>

<p>{{Glossary("Polyfill","Polyfills")}} podem ser usados para criar com JavaScript recursos ausentes, mas alternativas aceitáveis para recursos como estilo e layout devem ser fornecidas sempre que possível, por exemplo, usando a cascata CSS ou o comportamento de HTML substituto. Alguns bons exemplos podem ser encontrados em <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a>.</p>

<p>É uma técnica útil que permite aos desenvolvedores da Web se concentrarem no desenvolvimento dos melhores sites possíveis, uma vez que esses sites são acessados por vários user-agents desconhecidos.<br>
 {{Glossary("Progressive enhancement")}} está relacionado, mas é diferente - geralmente visto como na direção oposta à degradação graciosa. Na realidade, ambas as abordagens são válidas e geralmente podem se complementar.</p>

<section class="Quick_links" id="Quick_Links">
<ol>
 <li>{{Interwiki("wikipedia", "Graceful degradation")}} on Wikipedia</li>
 <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li>
 <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li>
 <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
  <ol>
   <li>{{Glossary("Graceful degradation")}}</li>
   <li>{{Glossary("Polyfill")}}</li>
   <li>{{Glossary("Progressive enhancement")}}</li>
  </ol>
 </li>
</ol>
</section>