CINXE.COM
TESOL | The 6 Principles
<!DOCTYPE html> <html dir="ltr" lang="en" class="no-js usn"> <head> <!-- Google Analytics --> <link rel="dns-prefetch" href="//www.google-analytics.com"> <!-- Google Tag Manager --> <link rel="dns-prefetch" href="//www.googletagmanager.com"> <!-- Google Fonts --> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=2"> <link rel="canonical" href="https://www.the6principles.org/" /> <title>TESOL | The 6 Principles</title> <meta name="description" content=""> <link rel="alternate" hreflang="en-us" href="https://www.the6principles.org/" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="og:type" content="website"> <meta property="og:title" content="TESOL | The 6 Principles" /> <meta property="og:image" content="" /> <meta property="og:url" content="https://www.the6principles.org/" /> <meta property="og:description" content="" /> <meta property="og:site_name" content="TESOL | The 6 Principles" /> <meta name="robots" content="index,follow"> <link href="/sb/sitebuilder-ltr-css-bundle.css.v1" media="screen" rel="stylesheet" /> <link href="/sb/sitebuilder-css-bundle.css.v1" media="screen" rel="stylesheet" /> <link href="/sb/sitebuilder-css-small-bundle.css.v1" media="screen and (min-width:0) and (max-width:991px)" rel="stylesheet" /> <link href="/sb/sitebuilder-css-large-bundle.css.v1" media="screen and (min-width:992px)" rel="stylesheet" /> <link rel="stylesheet" media="screen" href="/uSkinned/css/generated/8818d2bb-8832-4b6d-999c-546a396c94f3.css?version=638634685194430000" /> <link href="/sb/sitebuilder-css-prnt-bundle.css.v1" media="print" rel="stylesheet" /> <!-- css for the full-calendar libraries --> <link rel="stylesheet" media="screen" href="/Static/dist/css/calendar.css?version=638634685194430000" /> <!-- customized css for uSkinned --> <link rel="stylesheet" media="screen" href="/Static/dist/css/ace-main.css?version=638634685194430000" /> <!-- css for the calendar apps --> <link rel="stylesheet" media="screen" href="/Static/dist/css/calendar-apps.css?version=638634685194430000" /> <!-- theme based customized css --> <link rel="stylesheet" media="screen" href="/Static/dist/css/theme/main-theme.css?version=638634685194430000" /> <link rel="shortcut icon" type="image/ico" href="/media/4rihd4yk/tesol-favicon.ico?width=32&height=32"> <link rel="apple-touch-icon" sizes="57x57" href="/media/4rihd4yk/tesol-favicon.ico?width=57&height=57"> <link rel="apple-touch-icon" sizes="60x60" href="/media/4rihd4yk/tesol-favicon.ico?width=60&height=60"> <link rel="apple-touch-icon" sizes="72x72" href="/media/4rihd4yk/tesol-favicon.ico?width=72&height=72"> <link rel="apple-touch-icon" sizes="76x76" href="/media/4rihd4yk/tesol-favicon.ico?width=76&height=76"> <link rel="apple-touch-icon" sizes="114x114" href="/media/4rihd4yk/tesol-favicon.ico?width=114&height=114"> <link rel="apple-touch-icon" sizes="120x120" href="/media/4rihd4yk/tesol-favicon.ico?width=120&height=120"> <link rel="apple-touch-icon" sizes="144x144" href="/media/4rihd4yk/tesol-favicon.ico?width=144&height=144"> <link rel="apple-touch-icon" sizes="152x152" href="/media/4rihd4yk/tesol-favicon.ico?width=152&height=152"> <link rel="apple-touch-icon" sizes="180x180" href="/media/4rihd4yk/tesol-favicon.ico?width=180&height=180"> <link rel="icon" type="image/png" sizes="16x16" href="/media/4rihd4yk/tesol-favicon.ico?width=16&height=16"> <link rel="icon" type="image/png" sizes="32x32" href="/media/4rihd4yk/tesol-favicon.ico?width=32&height=32"> <link rel="icon" type="image/png" sizes="96x96" href="/media/4rihd4yk/tesol-favicon.ico?width=96&height=96"> <link rel="icon" type="image/png" sizes="192x192" href="/media/4rihd4yk/tesol-favicon.ico?width=192&height=192"> <meta name="msapplication-square70x70logo" content="/media/4rihd4yk/tesol-favicon.ico?width=70&height=70" /> <meta name="msapplication-square150x150logo" content="/media/4rihd4yk/tesol-favicon.ico?width=150&height=150" /> <meta name="msapplication-wide310x150logo" content="/media/4rihd4yk/tesol-favicon.ico?width=310&height=150" /> <meta name="msapplication-square310x310logo" content="/media/4rihd4yk/tesol-favicon.ico?width=310&height=310" /> <script> var notificationExDays = 365; </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-HTL1B05NSQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-HTL1B05NSQ'); </script> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MMXL49N');</script> <!-- End Google Tag Manager --> </head> <body class="body-bg body-bg-solid header-18-lg header-03-sm show_header-on-scroll-lg show_header-on-scroll-sm directional-icons-chevron full-page has-secondary-heading-seperator-above content-underline-link-hover footer-underline-link " > <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMXL49N" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- Skip to content --> <a class="skip-to-content" id="skip-to-content-link" href="#site-content">Skip to main content</a> <a class="skip-to-content" id="skip-to-footer-link" href="#site-footer"></a> <!--// Skip to content --> <!-- Site --> <div id="site"> <!-- Header --> <header id="site-header" class="header-bg header-bg-solid" tabindex="-1"> <div class="container"> <div class="row"> <div id="logo" > <a href="/" title="TESOL | The 6 Principles"> <picture> <img src="/media/hq5biu15/6p-web-graphic-tm-01-01.png" alt=""> </picture> <span>TESOL | The 6 Principles</span> </a> </div> <!-- Expand --> <button id="burgerNavStyle" class="expand-header expand-3-bars expand-uneven-lines expand-active-cross" type="button" aria-expanded="false" aria-label=""> <span>Menu</span> </button> <!--// Expand --> <!-- Main navigation --> <nav aria-label="" class="main nav-dropdown navigation-dropdown-bg navigation-dropdown-bg-solid"> <ul > <li class="no-child "> <span> <a href="/about/" >ABOUT</a> </span> </li> <li class="no-child "> <span> <a href="/the-principles/" >THE PRINCIPLES</a> </span> </li> <li class="no-child "> <span> <a href="/products/" >PRODUCTS</a> </span> </li> <li class="no-child active"> <span> <a href="/" >HOME</a> </span> </li> </ul> </nav> <!--// Main navigation --> <!-- Secondary navigation --> <!--// Secondary navigation --> <!-- CTA Links --> <nav aria-label="" class="cta-links"> <a class="btn base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders" href="https://www.tesol.org/about/" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <span></span> About TESOL<i class="icon usn_ion-md-open after"></i> </a> <a class="btn base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders" href="https://www.tesol.org/contact-us/" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <span></span> Contact Us<i class="icon usn_ion-md-open after"></i> </a> </nav> <!--// CTA Links --> <!-- Site search --> <!--// Site search --> </div> </div> </header> <!--// Header --> <!-- Content --> <main id="site-content"> <section class="content component usn_cmp_banner base-bg base-bg-solid " > <div class="component-inner"> <div class="item item_overlay item_medium-banner c1-bg c1-bg-solid "> <!-- IMAGE --> <div class="image lazyload background-image " style="background-image:url('/media/bfpm5rhk/bg_fotolia_176331609_cropped_2.jpg?width=300&height=140&rnd=133723590221330000')" data-bgset="/media/bfpm5rhk/bg_fotolia_176331609_cropped_2.jpg?width=1500&height=700&rnd=133723590221330000 1x, /media/bfpm5rhk/bg_fotolia_176331609_cropped_2.jpg?width=3000&height=1400&rnd=133723590221330000 2x" data-sizes="auto" > </div> <!--// IMAGE --> <!-- SCROLL PROMPT --> <div class="scroll-prompt scroll-prompt-wheel os-animation"> <button type="button" aria-label="" class="scroll-link"> <i aria-hidden="true" class="icon"></i> <div class="mouse-scroll"></div> <span>Scroll</span> </button> </div> <!--// SCROLL PROMPT --> </div> </div> </section> <section class="content component usn_cmp_text c1-bg c1-bg-solid " > <div class="component-inner"> <div class="container-fluid"> <div class="info "> <div class="text c1-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <h3 style="text-align: center;">The 6 Principles are the foundation for excellence in English language teaching.</h3> </div> </div> </div> </div> </section> <section class="content component usn_cmp_pods base-bg base-bg-solid " > <div class="component-inner"> <div class="container"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-6 col-12 item_text-below usn_pod_textimage text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner rounded-circle"> <a href="/the-principles/principle-1/" > <div class="image rounded-circle"> <picture> <img class="lazyload rounded-circle" src="/media/rh2n44ku/prupel1.png?width=160&height=160&rnd=133071067872470000" width="800" height="800" data-srcset="/media/rh2n44ku/prupel1.png?width=800&height=800&rnd=133071067872470000 1x, /media/rh2n44ku/prupel1.png?width=1600&height=1600&rnd=133071067872470000 2x" alt=""> </picture> </div> <div class="info "> <p class="link"> <span class="btn btn-lg c5-btn-bg c5-btn-bg-solid c5-btn-bg-hover-solid c5-btn-text c5-btn-borders"> <span></span> Principle 1 </span> </p> </div> </a> </div> </div> <div class="item items-6 col-12 item_text-below usn_pod_textimage text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner rounded-circle"> <a href="/the-principles/principle-2/#" > <div class="image rounded-circle"> <picture> <img class="lazyload rounded-circle" src="/media/eejnrysf/prupel2.png?width=160&height=160&rnd=133071067891570000" width="800" height="800" data-srcset="/media/eejnrysf/prupel2.png?width=800&height=800&rnd=133071067891570000 1x, /media/eejnrysf/prupel2.png?width=1600&height=1600&rnd=133071067891570000 2x" alt=""> </picture> </div> <div class="info "> <p class="link"> <span class="btn btn-lg c5-btn-bg c5-btn-bg-solid c5-btn-bg-hover-solid c5-btn-text c5-btn-borders"> <span></span> Principle 2 </span> </p> </div> </a> </div> </div> <div class="item items-6 col-12 item_text-below usn_pod_textimage text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner rounded-circle"> <a href="/the-principles/principle-3/" > <div class="image rounded-circle"> <picture> <img class="lazyload rounded-circle" src="/media/hwndr4os/prupel3.png?width=160&height=160&rnd=133071067925730000" width="800" height="800" data-srcset="/media/hwndr4os/prupel3.png?width=800&height=800&rnd=133071067925730000 1x, /media/hwndr4os/prupel3.png?width=1600&height=1600&rnd=133071067925730000 2x" alt=""> </picture> </div> <div class="info "> <p class="link"> <span class="btn btn-lg c5-btn-bg c5-btn-bg-solid c5-btn-bg-hover-solid c5-btn-text c5-btn-borders"> <span></span> Principle 3 </span> </p> </div> </a> </div> </div> <div class="item items-6 col-12 item_text-below usn_pod_textimage text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner rounded-circle"> <a href="/the-principles/principle-4/" > <div class="image rounded-circle"> <picture> <img class="lazyload rounded-circle" src="/media/ftfmtcwk/prupel4.png?width=160&height=160&rnd=133071067942900000" width="800" height="800" data-srcset="/media/ftfmtcwk/prupel4.png?width=800&height=800&rnd=133071067942900000 1x, /media/ftfmtcwk/prupel4.png?width=1600&height=1600&rnd=133071067942900000 2x" alt=""> </picture> </div> <div class="info "> <p class="link"> <span class="btn btn-lg c5-btn-bg c5-btn-bg-solid c5-btn-bg-hover-solid c5-btn-text c5-btn-borders"> <span></span> Principle 4 </span> </p> </div> </a> </div> </div> <div class="item items-6 col-12 item_text-below usn_pod_textimage text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner rounded-circle"> <a href="/the-principles/principle-5/" > <div class="image rounded-circle"> <picture> <img class="lazyload rounded-circle" src="/media/xj2aorcl/prupel5.png?width=160&height=160&rnd=133071067953670000" width="800" height="800" data-srcset="/media/xj2aorcl/prupel5.png?width=800&height=800&rnd=133071067953670000 1x, /media/xj2aorcl/prupel5.png?width=1600&height=1600&rnd=133071067953670000 2x" alt=""> </picture> </div> <div class="info "> <p class="link"> <span class="btn btn-lg c5-btn-bg c5-btn-bg-solid c5-btn-bg-hover-solid c5-btn-text c5-btn-borders"> <span></span> Principle 5 </span> </p> </div> </a> </div> </div> <div class="item items-6 col-12 item_text-below usn_pod_textimage text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner rounded-circle"> <a href="/the-principles/principle-6/#" > <div class="image rounded-circle"> <picture> <img class="lazyload rounded-circle" src="/media/tlrj0pn5/prupel6.png?width=160&height=160&rnd=133071067962130000" width="800" height="800" data-srcset="/media/tlrj0pn5/prupel6.png?width=800&height=800&rnd=133071067962130000 1x, /media/tlrj0pn5/prupel6.png?width=1600&height=1600&rnd=133071067962130000 2x" alt=""> </picture> </div> <div class="info "> <p class="link"> <span class="btn btn-lg c5-btn-bg c5-btn-bg-solid c5-btn-bg-hover-solid c5-btn-text c5-btn-borders"> <span></span> Principle 6 </span> </p> </div> </a> </div> </div> </div> </div> </div> </section> </main> <!--// Content --> <!-- Footer --> <footer id="site-footer" class="footer-bg footer-bg-solid" tabindex="-1"> <!-- Breadcrumb --> <!--// Breadcrumb --> <div class="container"> <!-- Row --> <div class="row listing"> <div class="item footer-item col-lg-6 col-md-3 col-12 col item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <div class="text footer-text"> <p><span class="sm heading footer-heading"><a href="https://the6principles.org/about/" title="ABOUT" data-anchor="#">ABOUT</a> 聽 <a href="https://the6principles.org/the-principles" title="THE PRINCIPLES" data-anchor="#">THE PRINCIPLES</a> 聽 <a href="https://www.the6principles.org/products/" title="PRODUCTS" data-anchor="#">PRODUCTS</a> 聽 <a href="https://www.tesol.org/" title="TESOL HOME">TESOL HOME</a></span></p> </div> </div> </div> </div> <div class="item footer-item usn_pod_sociallinks offset-lg-2 offset-md-1 col-lg-4 col-md-5 col-12 col "> <div class="inner"> <p class="heading sm footer-heading " data-os-animation="fadeInDown" data-os-animation-delay="0s" data-os-animation-duration="1.0s" >Social</p> <nav class="social " data-os-animation="fadeInDown" data-os-animation-delay="0s" data-os-animation-duration="1.0s" aria-label=""> <ul> <li> <span> <a href="https://www.facebook.com/tesol.assn#" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <img class="lazyload" src="/media/4i0hhx1g/facebook.png?height=16" data-srcset="/media/4i0hhx1g/facebook.png?height=80 1x, /media/4i0hhx1g/facebook.png?height=160 2x" alt=""> </picture> </a> </span> </li> <li> <span> <a href="https://twitter.com/TESOL_Assn#" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <img class="lazyload" src="/media/ubvkfp3y/twitter.png?height=16" data-srcset="/media/ubvkfp3y/twitter.png?height=80 1x, /media/ubvkfp3y/twitter.png?height=160 2x" alt=""> </picture> </a> </span> </li> <li> <span> <a href="https://www.linkedin.com/company/tesol-international-association/#" > <picture> <img class="lazyload" src="/media/e04pcfcy/linkedin.png?height=16" data-srcset="/media/e04pcfcy/linkedin.png?height=80 1x, /media/e04pcfcy/linkedin.png?height=160 2x" alt=""> </picture> </a> </span> </li> <li> <span> <a href="https://www.instagram.com/tesol_assn/?hl=en" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <img class="lazyload" src="/media/xhkh1f3m/instagram.png?height=16" data-srcset="/media/xhkh1f3m/instagram.png?height=80 1x, /media/xhkh1f3m/instagram.png?height=160 2x" alt=""> </picture> </a> </span> </li> <li> <span> <a href="https://www.youtube.com/user/tesolinc" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <img class="lazyload" src="/media/zsmpjit5/youtube.png?height=16" data-srcset="/media/zsmpjit5/youtube.png?height=80 1x, /media/zsmpjit5/youtube.png?height=160 2x" alt=""> </picture> </a> </span> </li> </ul> </nav> </div> </div> <div class="item footer-item usn_pod_image col-lg-3 col-md-3 col-12 col "> <div class="inner"> <div class="image " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <picture> <img class="lazyload" src="/media/q1obcucs/tesol_logo_vert_white.png?width=53&height=21" width="268" height="108" data-srcset="/media/q1obcucs/tesol_logo_vert_white.png?width=268&height=108 1x, /media/q1obcucs/tesol_logo_vert_white.png?width=536&height=216 2x" alt=""> </picture> </div> </div> </div> </div> <!--// Row --> <!-- Row --> <div class="row"> <div class="col"> <nav aria-label="" class="footer-navigation"> <ul> <li><div>© 2024 TESOL. All Rights Reserved.</div></li> </ul> </nav> </div> </div> <!--// Row --> <!-- Back to top --> <div class="usn_back-to-top position-right"> <button id="back-to-top-link" role="button" aria-label="Back to top" class="btn base-btn-bg base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders btn-back-to-top"> <span></span> <i aria-hidden="true" class="icon"></i><span aria-hidden="true" class="d-none">Back to top</span> </button> </div> <!--// Back to top --> </div> </footer> <!--// Footer --> </div> <!--// Site --> <!-- Notification --> <div class="usn-notification position-left base-bg closed" id="NotificationPanel"> <div class="inner"> <div class="text base-text"> <p><strong>This website uses cookies.</strong>聽A cookie is a small piece of code that gives your computer a unique identity, but it does not contain any information that allows us to identify you personally. For more information on how TESOL International Association uses cookies, please read our<a rel="noopener" href="https://www.tesol.org/privacy-policy/" target="_blank" title="Privacy Policy">聽</a><a rel="noopener" href="https://www.tesol.org/privacy-policy/" target="_blank" title="Privacy Policy">privacy policy</a>. Most browsers automatically accept cookies, but if you prefer, you can opt out by changing your browser settings.</p> </div> <p class="link"> <button class="btn base-btn-bg base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders accept-cookies"> <span></span> Accept </button> </p> </div> </div> <!--// Notification --> <script src="/sb/sitebuilder-js-bundle.js.v1" type="text/javascript"></script> <script type="text/javascript" src="/Static/dist/js/global.js?version=638634685194430000"></script> <script type="text/javascript" src="/Static/dist/js/calendar.js?version=638634685194430000"></script> <script type="text/javascript" src="/Static/javascript/scripts/upcomingEvents.js?version=638634685194430000"></script> <script type="text/javascript" src="/Static/javascript/scripts/url-current-page-cookie.js?version=638634685194430000"></script> <!-- CSS VARS Ponyfill --> <script>cssVars({ onlyLegacy: true });</script> </body> </html>