diff --git a/src/components/editor/ButtonCatalog.vue b/src/components/editor/ButtonCatalog.vue
index a3e16b6d..6a5e2561 100644
--- a/src/components/editor/ButtonCatalog.vue
+++ b/src/components/editor/ButtonCatalog.vue
@@ -6,15 +6,15 @@
                 searchResults: !!searchState
                }">
 
-    <h3 id="ButtonCatalogHeader">Button Catalog</h3>
+    <h3 id="ButtonCatalogHeader">{{ $t('ButtonCatalog.heading') }}</h3>
     <div id="CatalogDescription">
-      <span v-if="isLite">Click on a button name to configure and add to MorphicBar</span>
-      <span v-else>Click or Drag name (below) to add button to the bar</span>
+      <span v-if="isLite">{{ $t('ButtonCatalog.description-lite') }}</span>
+      <span v-else>{{ $t('ButtonCatalog.description') }}</span>
     </div>
 
     <!-- search -->
     <b-input-group id="search-group" class="catalogSearch" size="sm">
-      <b-form-input type="search" placeholder="Search buttons" v-model="searchText" aria-label="Search the button catalog"/>
+      <b-form-input type="search" placeholder="Search buttons" v-model="searchText" :aria-label="$t('ButtonCatalog.search_label')"/>
       <b-input-group-append>
         <b-button variant="outline-secondary" aria-label="Search" @click="searchButtonClick">
           <b-icon-search/>
@@ -36,7 +36,7 @@
           :class="{ searchResults: isSearchResult}">
 
         <li v-if="isSearchResult && searchResult && searchResult.itemsFound.hidden">
-          <small>No buttons where found while searching for '<code>{{searchText}}</code>'</small>
+          <small>{{ $t('ButtonCatalog.no-results', {searchText}) }}</small>
         </li>
         <template v-for="(buttonGroup, subkind) in catalog">
           <li v-if="!buttonGroup.hidden"
@@ -52,7 +52,7 @@
             <h4 v-if="buttonGroup.title">{{buttonGroup.title}}</h4>
 
             <ul class="buttonCatalogEntries"
-                :aria-label="buttonGroup.isSearchResult && 'Search results'">
+                :aria-label="buttonGroup.isSearchResult && $t('ButtonCatalog.search-results')">
               <template v-for="(button, buttonId) in buttonGroup.items">
                 <li v-if="!(button.data.isExpander && alwaysShowSecondaryItems)"
                     :key="button.data.buttonKey"
diff --git a/src/components/editor/DesktopBarEditor.vue b/src/components/editor/DesktopBarEditor.vue
index e56d8379..b5bec4a8 100644
--- a/src/components/editor/DesktopBarEditor.vue
+++ b/src/components/editor/DesktopBarEditor.vue
@@ -9,7 +9,7 @@
         <div class="bar-label">
           <strong class="bar-name" aria-label="Bar name">{{barDetails.name}}</strong>
           <span v-if="memberDetails" class="bar-owner" aria-label="Bar owner">{{memberDetails.displayName}}</span>
-          <small class="bar-tip">Tip: To customize a button on the bar, click on it.</small>
+          <small class="bar-tip" v-t="'DesktopBarEditor.customize-tip'" />
         </div>
       </div>
 
@@ -22,9 +22,7 @@
                 endpoint: {type: 'arrowHead'}
         }"/>
         <span class="arrowTo" />
-        <p>This is an empty MorphicBar.</p>
-        Click or drag a button from the Button Catalog (on the right) to add it to the bar.
-      </div>
+        <p v-t="'DesktopBarEditor.empty-hint_lead'" />{{ $t('DesktopBarEditor.empty-hint_text') }}</div>
 
       <!-- Bar item problems -->
       <div class="desktop-alerts">
@@ -46,28 +44,35 @@
             <!-- Duplicated labels -->
             <template
                     v-if="error.type === 'duplicate' && error.item.configuration.label === error.duplicates[0].configuration.label">
-              <BarItemLink :bar-item="error.item"
-                           @click="showEditDialog(error.item)"
-                           @mouseover="highlight(false, error.item)"
-                           @mouseleave="highlight(true, error.item)"
-              />
-              is duplicated.
+              <i18n path="DesktopBarEditor.bar-error.duplicated">
+                <template #item>
+                  <BarItemLink :bar-item="error.item"
+                               @click="showEditDialog(error.item)"
+                               @mouseover="highlight(false, error.item)"
+                               @mouseleave="highlight(true, error.item)"
+                  />
+                </template>
+              </i18n>
             </template>
 
             <!-- Duplicated actions -->
             <template v-else-if="error.type === 'duplicate'">
-              <BarItemLink :bar-item="error.item"
-                           @click="showEditDialog(error.item)"
-                           @mouseover="highlight(false, error.item)"
-                           @mouseleave="highlight(true, error.item)"
-              />
-
-              performs the same action as
-              <BarItemLink :bar-item="error.duplicates[0]"
-                           @click="showEditDialog(error.duplicates[0])"
-                           @mouseenter="highlight(false, error.duplicates)"
-                           @mouseleave="highlight(true, error.duplicates)"
-              />
+              <i18n path="DesktopBarEditor.bar-error.duplicate-action">
+                <template #item1>
+                  <BarItemLink :bar-item="error.item"
+                               @click="showEditDialog(error.item)"
+                               @mouseover="highlight(false, error.item)"
+                               @mouseleave="highlight(true, error.item)"
+                  />
+                </template>
+                <template #item2>
+                  <BarItemLink :bar-item="error.duplicates[0]"
+                               @click="showEditDialog(error.duplicates[0])"
+                               @mouseenter="highlight(false, error.duplicates)"
+                               @mouseleave="highlight(true, error.duplicates)"
+                  />
+                </template>
+              </i18n>
             </template>
 
             <!-- Generic problem -->
diff --git a/src/components/editor/EditorDetails.vue b/src/components/editor/EditorDetails.vue
index 61fb8396..7c5fec46 100644
--- a/src/components/editor/EditorDetails.vue
+++ b/src/components/editor/EditorDetails.vue
@@ -6,8 +6,8 @@
                fluid="1">
 
     <TextInputDialog id="barNameDialog"
-                     title="Rename Bar"
-                     prompt="Enter the new name for the bar"
+                     :title="$t('EditorDetails.rename-dialog_title')"
+                     :prompt="$t('EditorDetails.rename-dialog_prompt')"
                      v-model="barDetails.name"
                      @ok="renameBar"
     />
@@ -28,24 +28,22 @@
         <div id="BarDetails" :class="isLite && 'bg-silver rounded p-2'">
           <!-- Bar name -->
           <div class="bar-name">
-            <h2>Bar: <span class="name">{{barName}}</span></h2>
+            <h2>{{ $t('EditorDetails.bar_heading') }}: <span class="name">{{barName}}</span></h2>
             <!-- rename bar -->
             <span v-if="barDetails.name !== 'Default'" class="actions">
-              <b-button variant="link" @click="showRenameBarDialog()">rename</b-button>
-              <b-button variant="link" @click="deleteBar()" class="text-danger">delete</b-button>
+              <b-button variant="link" @click="showRenameBarDialog()" v-t="'EditorDetails.rename-bar_button'" />
+              <b-button variant="link" @click="deleteBar()" class="text-danger" v-t="'EditorDetails.delete-bar_button'" />
             </span>
 
           </div>
           <div class="mb-1">
             <span class="lead">
-              <template v-if="barMembers.length === 0">
-                Shared bar
-              </template>
+              <template v-if="barMembers.length === 0">{{ $t('EditorDetails.shared-bar') }}</template>
               <template v-else-if="barMembers.length === 1">
-                Person: <span class="name">{{ barMembers[0].displayName }}</span>
+                {{ $t('EditorDetails.person') }}: <span class="name">{{ barMembers[0].displayName }}</span>
               </template>
               <template v-else>
-                Person: <span class="name">{{ barMembers.length }} members</span>
+                {{ $t('EditorDetails.person') }}: <span class="name">{{ $t('EditorDetails.bar-members', {memberCount: barMembers.length}) }}</span>
               </template>
             </span>
           </div>
diff --git a/src/components/editor/LiteBarEditor.vue b/src/components/editor/LiteBarEditor.vue
index 0f15da3c..b3a020f2 100644
--- a/src/components/editor/LiteBarEditor.vue
+++ b/src/components/editor/LiteBarEditor.vue
@@ -3,10 +3,10 @@
     <div class="editorHeader">
       <div/>
       <div class="editorTitle">
-        <h3>Buttons on the Bar</h3>
-        Tip: To customize a button on the bar, click on it.
+        <h3 v-t="'LiteBarEditor.bar_header'" />
+        {{ $t('LiteBarEditor.customize-tip') }}
       </div>
-      <div><b-button variant="secondary" @click="showCatalog()">Add a button</b-button></div>
+      <div><b-button variant="secondary" @click="showCatalog()" v-t="'LiteBarEditor.add-button_button'" /></div>
     </div>
 
     <div class="bar">
diff --git a/src/locales/en.json b/src/locales/en.json
index fb71c145..2fa44ecf 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,10 +1,74 @@
 {
+  "AccountSettings": {
+    "account": {
+      "basic_lead": "You have a free account with basic Morphic features",
+      "basic_list-label": "With the free basic features of Morphic, you can...",
+      "basic_list": [
+        "Apply your usability and accessibility settings on computers with Morphic installed",
+        "Use the Basic MorphicBar and any MorphicBars that you have been invited to use"
+      ],
+      "billing_button": "Manage subscription and billing",
+      "number-of-people": "{member_count} (out of {member_limit} maximum allowed on this subscription)",
+      "number-of-people_label": "Number of people you have added:",
+      "rename-dialog_title": "Rename Account",
+      "rename-dialog_prompt": "Enter the new name for the account",
+      "rename_button": "Change account name",
+      "signup_button": "Sign up for a Morphic Plus subscription",
+      "subscription-type": "Subscription type: {plan_name}",
+      "title": "My Morphic account",
+      "update-list_items": [
+        "Create MorphicBars for yourself",
+        "Create and manage MorphicBars for other people"
+      ],
+      "upgrade-list": "With a Morphic Plus subscription, you can...",
+      "upgrade_lead": "Upgrade to Morphic Plus"
+    },
+    "back_link": "Back to Custom MorphicBar Tool",
+    "bars": {
+      "lead": "Listed below are the MorphicBars you have accepted from others and that are managed by them on your behalf.",
+      "lead_remove": "If you \"remove\" their bar(s), then you will no longer have access to the bar(s) that they manage for you.",
+      "list-item": "<b>{name}</b> has provided the following bar(s) for you:",
+      "title": "MorphicBars I have accepted"
+    },
+    "sign-in": {
+      "change-password_button": "Change password",
+      "email+password": "Email & Password",
+      "email-confirmed": "(confirmed)",
+      "email-not-confirmed": "This email address is not confirmed. You will need to click a link sent you you by Morphic to confirm.\n            Check your junk or spam folder or re-send the confirmation email.",
+      "lead": "You have currently set up the following ways to sign into your Morphic account",
+      "resend-confirmation_button": "Re-send confirmation email",
+      "title": "My sign-in method"
+    }
+  },
   "BarSettings": {
     "delete_button": "Delete Bar",
     "rename_button": "Edit bar name"
   },
   "ButtonCatalog": {
-    "search-result-summary": "No items found | 1 item found | {n} items found"
+    "catalog-groups": {
+      "make": "Make a button",
+      "call": "Call a Person",
+      "meeting": "Meeting Room",
+      "action": "Action Buttons",
+      "local-calendar": "Calendar - App on Computer",
+      "calendar": "Calendar - Website",
+      "socialMedia": "Social Media Sites",
+      "local-email": "Email - App on Computer",
+      "email": "Email - Websites",
+      "photo": "Photo Sharing",
+      "news": "News",
+      "shopping": "Shopping",
+      "multimedia": "Media",
+      "onlineFileDrives": "Online Drives",
+      "app": "Local Apps"
+    },
+    "description": "Click or Drag name (below) to add button to the bar",
+    "description-lite": "Click on a button name to configure and add to MorphicBar",
+    "heading": "Button Catalog",
+    "no-results": "No buttons where found while searching for '<code>{searchText}</code>'",
+    "search-result-summary": "No items found | 1 item found | {n} items found",
+    "search-results": "Search results",
+    "search_label": "Search the button catalog"
   },
   "ConfirmEmail": {
     "dialog_title": "Confirm your email",
@@ -24,10 +88,28 @@
     "select-instruction": "Select a bar to copy from:",
     "title": "Copy bar"
   },
+  "DesktopBarEditor": {
+    "customize-tip": "Tip: To customize a button on the bar, click on it.",
+    "empty-hint_lead": "This is an empty MorphicBar.",
+    "empty-hint_text": "Click or drag a button from the Button Catalog (on the right) to add it to the bar.",
+    "bar-error": {
+      "duplicated": "{item} is duplicated",
+      "duplicate-action": "{item1} performs the same action as {item2}",
+      "error": "{item1} performs the same action as {item2}"
+    }
+  },
   "EditorDetails": {
+    "bar-members": "{memberCount} members",
+    "bar_heading": "Bar",
     "copy-bar_button": "Copy bar from...",
+    "delete-bar_button": "delete",
+    "person": "Person",
+    "rename-dialog_prompt": "Enter the new name for the bar",
+    "rename-dialog_title": "Rename Bar",
+    "rename-bar_button": "rename",
     "revert-bar_button": "Revert to user's current bar",
     "save-bar_button": "Save bar",
+    "shared-bar": "Shared bar",
     "try-it_button": "Try it"
   },
   "General": {
@@ -77,6 +159,60 @@
     "new-bar_button_aria-label": "Add a new bar for {name}"
   },
   "BillingDetails": {
+    "CouponDialog": {
+      "apply_button": "Apply coupon",
+      "clear_button": "clear coupon",
+      "coupon-applied": "Coupon applied",
+      "coupon-not-applied": "You've entered a coupon, but have not applied it.",
+      "coupon-not-applied_title": "Coupon not applied",
+      "coupon_label": "Coupon Code",
+      "payment_radio": {
+        "free": "{price_text}",
+        "month": "{price_text} per month monthly subscription",
+        "year": "{price_text} per year yearly subscription"
+      },
+      "radio_description": {
+        "free": "Free",
+        "month": "Renews automatically every month until cancelled",
+        "year": "Renews automatically every year until cancelled"
+      },
+      "skip_button": "Skip"
+    },
+    "add-card_button": "Add Card",
+    "add-more": "If you want to add more people, change your subscription below.",
+    "back_link": "Back to Morphic Account Settings",
+    "basic-features": "(Basic features only)",
+    "basic-features_button": "Basic features only",
+    "basic-morphic-bar": "Use the Basic MorphicBar (no custom MorphicBars)",
+    "change-card_button": "Change Card",
+    "change-subscription_header": "Change your Morphic Subscription",
+    "coupon-error": {
+      "unknown": "Not a valid coupon",
+      "expired": "Coupon expired",
+      "inactive": "Coupon is no longer valid",
+      "invalid_email": "Coupon is not valid for your email address",
+      "wrong_plan": "Coupon is not valid for this plan"
+    },
+    "coupon-used": "Coupon used:",
+    "current-subscription_title": "Current subscription for {name}",
+    "custom-morphic-bars": "Make and use custom MorphicBars for yourself",
+    "free": "Free!",
+    "free-forever": "Free forever",
+    "free-months": "Free for {duration_months} months",
+    "free-year": "Free for one year",
+    "morphic": "Morphic",
+    "morphic-bars-for-others": "Make up to 5 MorphicBars each for up to {member_limit} other people",
+    "morphic-plus": "Morphic Plus",
+    "morphic-plus-number_button": "Morphic Plus {member_limit}",
+    "no-payment-method": "No credit card on file",
+    "number-of-people": "Number of people you have added:",
+    "number-of-people_value": "{member_count} (out of {member_limit} maximum allowed on this subscription)",
+    "or": "or",
+    "payment-monthly": "{monthly_price_text} per month ({annual_price_text} over 12 months)",
+    "payment-time": "| {price_text} per month |  {price_text} every {n} months",
+    "payment-yearly": "{price_text} (12 month) subscription",
+    "subscription-type": "Subscription type: {name}",
+    "transfer-settings": "Transfer your AT settings to any computer with Morphic on it"
   },
   "BlockLoginRegister": {
   },
@@ -106,12 +242,40 @@
     "sign-in-register_link": "Sign up for a new Morphic account with a different email",
     "sign-in_button": "Sign in"
   },
+  "LiteBarEditor": {
+    "bar_header": "Buttons on the Bar",
+    "customize-tip": "Tip: To customize a button on the bar, click on it.",
+    "add-button_button": "Add a button"
+  },
   "MemberDetails": {
     "bar-unused": "This bar has no members using it.",
     "delete-member_button": "Delete member",
     "re-invite_button": "Send a new invitation",
     "invite_button": "Send an invitation"
   },
+  "MorhpicBarEditor": {
+    "saved-dialog": {
+      "details": "It will show up automatically on the computer soon. Users may need to open Morphic and switch to this MorphicBar to see it.",
+      "lead": "This MorphicBar has been saved.",
+      "title": "MorphicBar Saved"
+    },
+    "saved-uninvited-dialog": {
+      "invite-later_button": "Invite later",
+      "invite_button": "Invite now",
+      "p1": "This MorphicBar has been saved.",
+      "p2": "Now that the bar has been saved, it is ready for the person to start using it.",
+      "p3": "If you are ready for the person to use it, you can invite the following person to download, install, and sign\n        into Morphic, which will get this bar on the person's computer:",
+      "title": "MorphicBar Saved"
+    },
+    "unsaved-dialog": {
+      "cancel_button": "@:(General.cancel_button)",
+      "continue_button": "Continue, without saving",
+      "p1": "You have made some changes to this bar, but they are not saved yet.",
+      "p2": "If you leave now, the recent modifications will be lost.",
+      "save_button": "Save",
+      "title": "Unsaved Changes"
+    }
+  },
   "NewMember": {
       "title": "Add a person"
   },
@@ -256,6 +420,8 @@
     "settings_tooltip": "Settings for {name}"
   },
   "MorphicBarEditor": {
+    "back_link": "Switch Bar or Person",
+    "confirm-revert": "Are you sure you want reload last saved version of the bar? This means you will lose all unsaved changes!"
   },
   "MorphicBarPreconfigured": {
   },
@@ -396,6 +562,11 @@
   },
   "ValidatedInput": {
   },
+  "billing": {
+    "special-coupon_button": "Get coupon for free year",
+    "special-coupon_notice": "Option available today for a free year!",
+    "special-coupon_text": "Thanks to a generous donor, you can get one year of Morphic Plus 5 for free for a limited time."
+  },
   "members": {
     "changeRole": {
       "apply_button": "Change to {role}",
diff --git a/src/utils/billing.js b/src/utils/billing.js
index 5e79fd69..5ca0d3c5 100644
--- a/src/utils/billing.js
+++ b/src/utils/billing.js
@@ -1,4 +1,5 @@
 import * as billingService from "@/services/billingService";
+import i18n from "@/i18n/i18n";
 
 /**
  * Collection of billing plans, with the key being the plan ID.
@@ -103,9 +104,9 @@ var allPlans;
 
 const specialCoupon = {
     code: "FreeYearCoupon",
-    text: "Thanks to a generous donor, you can get one year of Morphic Plus 5 for free for a limited time.",
-    button: "Get coupon for free year",
-    notice: "Option available today for a free year!"
+    text: "",
+    button: "",
+    notice: ""
 };
 
 
@@ -189,6 +190,10 @@ export function getPlans() {
     if (allPlans) {
         togo = Promise.resolve(JSON.parse(JSON.stringify(allPlans)));
     } else {
+        specialCoupon.text = i18n.t("billing.special-coupon_text");
+        specialCoupon.button = i18n.t("billing.special-coupon_button");
+        specialCoupon.notice = i18n.t("billing.special-coupon_notice");
+
         togo = billingService.getCommunityPlans().then(result => {
             allPlans = {};
             result.data.plans.forEach(plan => {
diff --git a/src/views/MorphicBarEditor.vue b/src/views/MorphicBarEditor.vue
index d691d42c..ba7d7e1c 100644
--- a/src/views/MorphicBarEditor.vue
+++ b/src/views/MorphicBarEditor.vue
@@ -6,43 +6,36 @@
     <CopyBarDialog id="copyBarDialog" :bars="barsList" :members="membersList" :current-bar="barDetails" @change="onBarChanged" />
     <InviteMemberDialog id="InviteMemberDialog-MorphicBarEditor" :member="memberDetails" :members="membersList" />
 
-    <b-modal id="unsavedChanges" title="Unsaved Changes">
-      <p>You have made some changes to this bar, but they are not saved yet.</p>
-      <p>If you leave now, the recent modifications will be lost.</p>
+    <b-modal id="unsavedChanges" :title="$t('MorhpicBarEditor.unsaved-dialog.title')">
+      <p v-t="'MorhpicBarEditor.unsaved-dialog.p1'" />
+      <p v-t="'MorhpicBarEditor.unsaved-dialog.p2'" />
 
       <template #modal-footer="{ ok, cancel, hide }">
-        <b-button @click="cancel()" variant="secondary">Cancel</b-button>
-        <b-button @click="hide('no-save')" variant="secondary">Continue, without saving</b-button>
-        <b-button @click="hide('save')" variant="primary">Save</b-button>
+        <b-button @click="cancel()" variant="secondary" v-t="'MorhpicBarEditor.unsaved-dialog.cancel_button'" />
+        <b-button @click="hide('no-save')" variant="secondary" v-t="'MorhpicBarEditor.unsaved-dialog.continue_button'" />
+        <b-button @click="hide('save')" variant="primary" v-t="'MorhpicBarEditor.unsaved-dialog.save_button'" />
       </template>
     </b-modal>
 
     <b-modal id="SaveConfirmation"
-             title="MorphicBar Saved"
+             :title="$t('MorhpicBarEditor.saved-dialog.title')"
              ok-only
     >
-      <p>This MorphicBar has been saved.</p>
-      <p>
-        It will show up automatically on the computer soon. Users may need to open Morphic and switch to this MorphicBar to see it.
-      </p>
+      <p v-t="'MorhpicBarEditor.saved-dialog.lead'" />
+      <p v-t="'MorhpicBarEditor.saved-dialog.details'" />
     </b-modal>
 
     <b-modal id="SaveConfirmationUninvited"
-             title="MorphicBar Saved"
-             ok-title="Invite now"
-             cancel-title="Invite later"
+             :title="$t('MorhpicBarEditor.saved-uninvited-dialog.title')"
+             :ok-title="$t('MorhpicBarEditor.saved-uninvited-dialog.invite_button')"
+             :cancel-title="$t('MorhpicBarEditor.saved-uninvited-dialog.invite-later_button')"
              @ok="showModalDialog('InviteMemberDialog-MorphicBarEditor')"
 
     >
-      <p>This MorphicBar has been saved.</p>
-      <p>
-        Now that the bar has been saved, it is ready for the person to start using it.
-      </p>
-      <p>
-        If you are ready for the person to use it, you can invite the following person to download, install, and sign
-        into Morphic, which will get this bar on the person's computer:
-      </p>
-      <p class="font-weight-bold ml-2">{{memberDetails.displayName}}</p>
+      <p v-t="'MorhpicBarEditor.saved-uninvited-dialog.p1'" />
+      <p v-t="'MorhpicBarEditor.saved-uninvited-dialog.p2'" />
+      <p v-t="'MorhpicBarEditor.saved-uninvited-dialog.p3'" />
+      <p v-if="memberDetails" class="font-weight-bold ml-2">{{memberDetails.displayName}}</p>
     </b-modal>
 
 
@@ -56,8 +49,7 @@
       <div id="barEditor" class="pt-2">
 
         <b-link v-if="isLite" to="/">
-          <b-img src="/img/back-arrow.svg" width="20" height="20" class="switchBarIcon" />Switch Bar or Person
-        </b-link>
+          <b-img src="/img/back-arrow.svg" width="20" height="20" class="switchBarIcon" />{{ $t('MorphicBarEditor.back_link') }}</b-link>
 
         <!-- Bar info, actions, and editor tabs -->
         <EditorDetails ref="EditorDetails"
@@ -269,7 +261,7 @@ export default {
         },
 
         revertBar: function () {
-            if (window.confirm("Are you sure you want reload last saved version of the bar? This means you will lose all unsaved changes!")) {
+            if (window.confirm(this.$t("MorphicBarEditor.confirm-revert"))) {
                 this.isChanged = false;
                 this.barDetails = JSON.parse(JSON.stringify(this.originalBarDetails));
             }
@@ -285,7 +277,9 @@ export default {
                 this.loadBarMembers()
             ]);
 
-            this.screenReaderMessage(`Now editing bar '${this.barDetails.name}', owned by '${this.memberDetails.displayName}`);
+            if (this.barDetails?.name && this.memberDetails?.displayName) {
+                this.screenReaderMessage(`Now editing bar '${this.barDetails.name}', owned by '${this.memberDetails.displayName}`);
+            }
         },
 
         /** Loads the initial bar data */
@@ -556,6 +550,17 @@ export default {
     mounted() {
         this.loadAllData();
 
+        Object.entries(this.buttonCatalog).forEach(([key, value]) => {
+            if (!value.translated) {
+                const messageKey = `ButtonCatalog.catalog-groups.${key}`;
+                const message = this.$t(messageKey);
+                if (message !== messageKey) {
+                    value.title = message;
+                }
+                value.translated = true;
+            }
+        });
+
         // Move the footer text
         const footer = document.querySelector("#PageContainer > footer");
         const editorFooter = document.querySelector("#EditorFooter");
diff --git a/src/views/account/AccountSettings.vue b/src/views/account/AccountSettings.vue
index 7ce77718..00573e8c 100644
--- a/src/views/account/AccountSettings.vue
+++ b/src/views/account/AccountSettings.vue
@@ -3,11 +3,11 @@
 
     <div class="m-3">
       <b-link v-if="$store.getters.hasAccount && $store.getters.role === 'manager'" :to="{name:'Dashboard'}" >
-      <b-icon icon="arrow-return-right" rotate="180"/>Back to Custom MorphicBar Tool</b-link>
+      <b-icon icon="arrow-return-right" rotate="180"/>{{ $t('AccountSettings.back_link') }}</b-link>
     </div>
 
-    <AccountSettingItem icon="person-circle" title="My sign-in method">
-      <template #lead>You have currently set up the following ways to sign into your Morphic account</template>
+    <AccountSettingItem icon="person-circle" :title="$t('AccountSettings.sign-in.title')">
+      <template #lead>{{ $t('AccountSettings.sign-in.lead') }}</template>
 
       <ul class="signInMethods list-unstyled">
 
@@ -23,25 +23,22 @@
               </b-iconstack>
             </div>
             <dl role="presentation" class="mb-0">
-              <dt id="SignIn-email">Email &amp; Password</dt>
+              <dt id="SignIn-email" v-t="'AccountSettings.sign-in.email+password'" />
               <dd>
                 {{ userDetails.email }}
-                <span v-if="userDetails.email_verified">(confirmed)</span>
+                <span v-if="userDetails.email_verified" v-t="'AccountSettings.sign-in.email-confirmed'" />
               </dd>
             </dl>
           </div>
 
-          <div v-if="!userDetails.email_verified" class="mb-3">
-            This email address is not confirmed. You will need to click a link sent you you by Morphic to confirm.
-            Check your junk or spam folder or re-send the confirmation email.
-          </div>
+          <div v-if="!userDetails.email_verified" class="mb-3" v-t="'AccountSettings.sign-in.email-not-confirmed'" />
 
           <b-button v-if="!userDetails.email_verified"
                     variant="invert-dark"
                     @click="resendEmailConfirmation()"
-                    class="mr-3">Re-send confirmation email</b-button>
+                    class="mr-3" v-t="'AccountSettings.sign-in.resend-confirmation_button'" />
 
-          <b-button variant="invert-dark" v-b-modal="'ChangePasswordDialog'">Change password</b-button>
+          <b-button variant="invert-dark" v-b-modal="'ChangePasswordDialog'" v-t="'AccountSettings.sign-in.change-password_button'" />
 
           <ChangePasswordDialog />
 
@@ -50,35 +47,34 @@
     </AccountSettingItem>
 
 
-    <AccountSettingItem v-if="isManager || !hasAccount" icon="people-fill" title="My Morphic account">
+    <AccountSettingItem v-if="isManager || !hasAccount" icon="people-fill" :title="$t('AccountSettings.account.title')">
       <div v-if="hasAccount">
         <div class="lead font-weight-bold">{{ community.name }}</div>
 
-        <b-button variant="invert-dark" v-b-modal="'AccountNameDialog'">Change account name</b-button>
+        <b-button variant="invert-dark" v-b-modal="'AccountNameDialog'" v-t="'AccountSettings.account.rename_button'" />
 
-        <div class="mt-3 mb-2">Subscription type: {{plan.name}}</div>
+        <div class="mt-3 mb-2">{{ $t('AccountSettings.account.subscription-type', {plan_name:plan.name}) }}</div>
         <div class="d-flex flex-wrap">
-          <span class="pr-1">Number of people you have added:</span>
-          <b>{{community.member_count}} (out of {{community.member_limit}} maximum allowed on this subscription)</b>
+          <span class="pr-1" v-t="'AccountSettings.account.number-of-people_label'" />
+          <b>{{ $t('AccountSettings.account.number-of-people', community) }}</b>
         </div>
 
 
-        <b-button variant="invert-dark" :to="{name:'BillingDetails'}">Manage subscription and billing</b-button>
+        <b-button variant="invert-dark" :to="{name:'BillingDetails'}" v-t="'AccountSettings.account.billing_button'" />
 
         <TextInputDialog id="AccountNameDialog"
-                         title="Rename Account"
-                         prompt="Enter the new name for the account"
+                         :title="$t('AccountSettings.account.rename-dialog_title')"
+                         :prompt="$t('AccountSettings.account.rename-dialog_prompt')"
                          :value="community.name"
                          @ok="$event.promise = renameAccount($event.newValue)"
         />
       </div>
       <div v-else>
-        <p class="lead">You have a free account with basic Morphic features</p>
+        <p class="lead" v-t="'AccountSettings.account.basic_lead'" />
 
-        <div id="basic-features">With the free basic features of Morphic, you can...</div>
+        <div id="basic-features" v-t="'AccountSettings.account.basic_list-label'" />
         <ul aria-labelledby="basic-features">
-          <li>Apply your usability and accessibility settings on computers with Morphic installed</li>
-          <li>Use the Basic MorphicBar and any MorphicBars that you have been invited to use</li>
+          <li v-for="(item, index) in $t('AccountSettings.account.basic_list')" :key="index">{{item}}</li>
         </ul>
 
         <div class="box">
@@ -88,14 +84,13 @@
                 <img src="/img/logo-color.svg" width="70" class="m-2" alt=""/>
               </b-col>
               <b-col>
-                <p class="lead">Upgrade to Morphic Plus</p>
-                <div id="plus-features">With a Morphic Plus subscription, you can...</div>
+                <p class="lead" v-t="'AccountSettings.account.upgrade_lead'" />
+                <div id="plus-features" v-t="'AccountSettings.account.upgrade-list'" />
                 <ul aria-labelledby="plus-features">
-                  <li>Create MorphicBars for yourself</li>
-                  <li>Create and manage MorphicBars for other people</li>
+                  <li v-for="(item, index) in $t('AccountSettings.account.update-list_items')" :key="index">{{item}}</li>
                 </ul>
 
-                <b-button v-b-modal="'AccountNameDialog'" variant="morphic-green">Sign up for a Morphic Plus subscription</b-button>
+                <b-button v-b-modal="'AccountNameDialog'" variant="morphic-green" v-t="'AccountSettings.account.signup_button'" />
 
                 <div v-if="specialCoupon" class="font-weight-bold text-morphic-green m-2">
                   {{specialCoupon.notice}}
@@ -121,19 +116,16 @@
 
     </AccountSettingItem>
 
-    <AccountSettingItem v-if="hasAccount" icon="envelope-open" title="MorphicBars I have accepted">
+    <AccountSettingItem v-if="hasAccount" icon="envelope-open" :title="$t('AccountSettings.bars.title')">
       <template #lead>
-        Listed below are the MorphicBars you have accepted from others and that are managed by them on your behalf.
-<!--        If you "remove" their bar(s), then you will no longer have access to the bar(s) that they manage for you.-->
+        {{ $t('AccountSettings.bars.lead') }}
+<!--        {{ $t('AccountSettings.bars.lead_remove') }}-->
       </template>
 
       <ul class="list-unstyled">
         <!-- TODO: unable to get invitation details from the API server -->
-        <li v-for="(memberCommunity) in memberCommunities" :key="memberCommunity.id" :aria-labelledby="`${memberCommunity.id}_name`">
-          <span :id="`${memberCommunity.id}_label`">
-            <b :id="`${memberCommunity.id}_name`">{{memberCommunity.name}}</b>
-            has provided the following bar(s) for you:
-          </span>
+        <li v-for="(memberCommunity) in memberCommunities" :key="memberCommunity.id" :aria-label="memberCommunity.name">
+          <span :id="`${memberCommunity.id}_label`" v-html="$t('AccountSettings.bars.list-item', {name:memberCommunity.name})"/>
 
           <ul :aria-labelledby="`${memberCommunity.id}_label`" class="mb-3">
             <li v-for="bar in (memberBars[memberCommunity.id])" :key="bar.id">
diff --git a/src/views/billing/BillingDetails.vue b/src/views/billing/BillingDetails.vue
index 3e0c1c48..22fbdaab 100644
--- a/src/views/billing/BillingDetails.vue
+++ b/src/views/billing/BillingDetails.vue
@@ -3,44 +3,42 @@
     <b-overlay :show="!loaded" no-wrap opacity="1"/>
     <div class="m-3">
       <b-link :to="{name:'AccountSettings'}" >
-        <b-icon icon="arrow-return-right" rotate="180"/>Back to Morphic Account Settings</b-link>
+        <b-icon icon="arrow-return-right" rotate="180"/>{{ $t('BillingDetails.back_link') }}</b-link>
     </div>
 
-    <AccountSettingItem class="mb-5" :title="`Current subscription for ${community.name}`">
+    <AccountSettingItem class="mb-5" :title="$t('BillingDetails.current-subscription_title', community)">
 
       <template v-if="plan.isBasic">
         <div class="no-shade">
-          <div>Subscription type: {{plan.name}}</div>
+          <div>{{ $t('BillingDetails.subscription-type', plan) }}</div>
         </div>
 
       </template>
       <template v-else>
         <div class="no-shade">
 
-          <div class="mb-2">Subscription type: {{plan.name}}</div>
+          <div class="mb-2">{{ $t('BillingDetails.subscription-type', plan) }}</div>
           <div class="mb-3">
-            <div class="pr-1">Number of people you have added:</div>
-            <div class="font-weight-bold">{{community.member_count}} (out of {{community.member_limit}} maximum allowed on this subscription)</div>
+            <div class="pr-1" v-t="'BillingDetails.number-of-people'" />
+            <div class="font-weight-bold">{{ $t('BillingDetails.number-of-people_value', community) }}</div>
           </div>
 
-          <div>If you want to add more people, change your subscription below.</div>
+          <div v-t="'BillingDetails.add-more'" />
         </div>
 
         <div class="no-shade">
-          <div v-if="!billingInfo.card">No credit card on file</div>
+          <div v-if="!billingInfo.card" v-t="'BillingDetails.no-payment-method'" />
 
-          <div v-if="billingInfo.coupon">Coupon used: <b>{{billingInfo.coupon.code}}</b></div>
+          <div v-if="billingInfo.coupon">{{ $t('BillingDetails.coupon-used') }}<b>{{billingInfo.coupon.code}}</b></div>
 
           <div v-if="billingInfo.coupon && !plan.price">
             {{getCouponFreeText(plan.coupon)}}
           </div>
-          <div v-else-if="!plan.isBasic">
-            {{plan.price_text}} {{ plan.months === 1 ? "per month" : `every ${plan.months} months` }}
-          </div>
+          <div v-else-if="!plan.isBasic">{{ $tc('BillingDetails.payment-time', plan.months, plan) }}</div>
 
           <b-button variant="primary"
                     v-b-modal="'PaymentDialog'">
-            {{ billingInfo && billingInfo.card ? "Change Card" : "Add Card" }}
+            {{ billingInfo && billingInfo.card ? $t('BillingDetails.change-card_button') : $t('BillingDetails.add-card_button') }}
           </b-button>
 
           <PaymentDialog ref="PaymentDialog" id="PaymentDialog"/>
@@ -50,7 +48,7 @@
 
 
     <div>
-      <h2>Change your Morphic Subscription</h2>
+      <h2 v-t="'BillingDetails.change-subscription_header'" />
 
       <div class="plans" v-if="planList">
         <div v-for="(plan, index) in (planList.filter(p => !p.hide))"
@@ -58,33 +56,29 @@
              class="plan"
              :class="{isSubscription: !plan.free}"
         >
-          <h3 v-if="plan.member_limit">Morphic Plus <div>{{plan.member_limit}}</div></h3>
-          <h3 v-else>Morphic <div>(Basic features only)</div></h3>
+          <h3 v-if="plan.member_limit">{{ $t('BillingDetails.morphic-plus') }}<div>{{plan.member_limit}}</div></h3>
+          <h3 v-else>{{ $t('BillingDetails.morphic') }}<div v-t="'BillingDetails.basic-features'" /></h3>
 
           <div class="info">
             <ul class="list-unstyled">
-              <li v-if="plan.free">Use the Basic MorphicBar (no custom MorphicBars)</li>
-              <li v-if="!plan.free">Make and use custom MorphicBars for yourself</li>
-              <li v-if="!plan.free">Make up to 5 MorphicBars each for up to {{plan.member_limit}} other people</li>
-              <li>Transfer your AT settings to any computer with Morphic on it</li>
+              <li v-if="plan.free" v-t="'BillingDetails.basic-morphic-bar'" />
+              <li v-if="!plan.free" v-t="'BillingDetails.custom-morphic-bars'" />
+              <li v-if="!plan.free">{{ $t('BillingDetails.morphic-bars-for-others', plan) }}</li>
+              <li v-t="'BillingDetails.transfer-settings'" />
             </ul>
           </div>
           <div class="pricing">
-            <div v-if="plan.free">
-              Free!
-            </div>
-            <div v-else-if="plan.monthly">
-              {{plan.monthly.monthly_price_text}} per month ({{plan.monthly.annual_price_text}} over 12 months)<br/>
-              or<br/>
-              {{plan.price_text}} (12 month) subscription
-            </div>
+            <div v-if="plan.free" v-t="'BillingDetails.free'" />
+            <div v-else-if="plan.monthly">{{ $t('BillingDetails.payment-monthly', plan.monthly) }}
+              <br/>{{ $t('BillingDetails.or') }}
+              <br/>{{ $t('BillingDetails.payment-yearly', plan) }}</div>
             <div v-if="plan.specialCoupon" class="font-weight-bold text-morphic-green mt-3">
               {{plan.specialCoupon.notice}}
             </div>
           </div>
           <div>
             <b-button :class="{invisible: !plan.member_limit}" variant="primary" v-b-modal="'PrePaymentDialog'" @click="selectedPlan = plan; applyCoupon(null)">
-              {{ plan.member_limit ? `Morphic Plus ${plan.member_limit}` : `Basic features only` }}
+              {{ plan.member_limit ? $t('BillingDetails.morphic-plus-number_button', plan) : $t('BillingDetails.basic-features_button') }}
             </b-button>
           </div>
 
@@ -106,7 +100,7 @@
           </div>
         </div>
 
-        <b-form-group label="Coupon Code" :state="couponState">
+        <b-form-group :label="$t('BillingDetails.CouponDialog.coupon_label')" :state="couponState">
 
           <b-input-group>
             <b-form-input id="coupon" v-model="couponCodeInput" :disabled="couponState" />
@@ -116,23 +110,26 @@
                         size="sm"
                         @click="applyCoupon(couponCodeInput)"
                         :class="{loading: checkingCoupon}"
-                        :disabled="couponState || checkingCoupon">Apply coupon</b-button>
+                        :disabled="couponState || checkingCoupon" v-t="'BillingDetails.CouponDialog.apply_button'" />
             </b-input-group-append>
           </b-input-group>
 
-          <template #valid-feedback>Coupon applied: "{{couponCode}}" (<b-button variant="link" @click.prevent="applyCoupon()">clear coupon</b-button>)</template>
+          <template #valid-feedback>
+            {{ $t('BillingDetails.CouponDialog.coupon-applied') }}: {{couponCode}}
+            (<b-button variant="link" @click.prevent="applyCoupon()" v-t="'BillingDetails.CouponDialog.clear_button'" />)
+          </template>
           <template #invalid-feedback>{{couponError}}</template>
         </b-form-group>
 
 
         <b-form-group v-for="(pp, frequency) in (paymentRadios)"
                       :key="frequency"
-                      :description="frequency !== 'free' && `(Renews automatically every ${frequency} until canceled)`">
+                      :description="$t('BillingDetails.CouponDialog.radio_description.' + frequency)">
           <b-form-radio v-model="payFrequency"
                         name="payFrequency"
                         :value="frequency"
-                        :disabled="pp.disabled">
-            {{pp.price_text}} {{ radioText[frequency] }}
+                        :disabled="pp.disabled">{{ $t('BillingDetails.CouponDialog.payment_radio.' + frequency, pp) }}<br/>
+
           </b-form-radio>
         </b-form-group>
 
@@ -250,14 +247,6 @@ import * as billingService from "@/services/billingService";
  * @property {Boolean} free true if it's not a plus subscription
  */
 
-const couponErrors = {
-    unknown: "Not a valid coupon",
-    expired: "Coupon expired",
-    inactive: "Coupon is no longer valid",
-    invalid_email: "Coupon is not valid for your email address",
-    wrong_plan: "Coupon is not valid for this plan"
-};
-
 export default {
     name: "BillingDetails",
     components: {AccountSettingItem, PaymentDialog},
@@ -285,10 +274,6 @@ export default {
                 /** @type {DiscountedPlan} */
                 yearly: null
             },
-            radioText: {
-                month: "per month monthly subscription",
-                year: "per year annual subscription"
-            },
             payFrequency: null
         };
     },
@@ -335,19 +320,19 @@ export default {
             switch (coupon?.duration) {
             case "repeating":
                 if (coupon.duration_months === 12) {
-                    freeText = "Free for one year";
+                    freeText = this.$t("BillingDetails.free-year");
                 } else {
-                    freeText = `Free for ${coupon.duration_months} months`;
+                    freeText = this.$t("BillingDetails.free-months", coupon);
                 }
                 break;
             case "forever":
-                freeText = "Free forever";
+                freeText = this.$t("BillingDetails.free-forever");
                 break;
             case null:
             case undefined:
                 break;
             default:
-                freeText = "Free";
+                freeText = this.$t("BillingDetails.free");
                 break;
             }
 
@@ -411,7 +396,7 @@ export default {
                 }
 
                 if (couponResponse.error) {
-                    this.couponError = couponErrors[couponResponse.error] || couponErrors.unknown;
+                    this.couponError = this.$t("BillingDetails.coupon-error." + couponResponse.error);
                     this.payPlan.yearly = {...this.selectedPlan};
                     this.payPlan.monthly = {...this.selectedPlan.monthly};
                 } else {
@@ -452,7 +437,11 @@ export default {
             }
 
             if (!this.couponCode && this.couponLastChecked !== this.couponCodeInput) {
-                const applyCoupon = await this.showConfirm("You've entered a coupon, but have not applied it.", ["Apply Coupon", "Skip"], "Coupon not applied");
+                const applyCoupon = await this.showConfirm(
+                    this.$t("BillingDetails.CouponDialog.coupon-not-applied"),
+                    [this.$t("BillingDetails.CouponDialog.apply_button"), this.$t("BillingDetails.CouponDialog.skip_button")],
+                    this.$t("BillingDetails.CouponDialog.coupon-not-applied_title"));
+
                 if (applyCoupon) {
                     this.applyCoupon(this.couponCodeInput);
                     return;