diff --git a/src/components/header/_macro.njk b/src/components/header/_macro.njk
index f3fbc1cb56..815a7091d1 100644
--- a/src/components/header/_macro.njk
+++ b/src/components/header/_macro.njk
@@ -102,9 +102,9 @@
                                                         href="{{ item.url }}"
                                                         class="ons-header-service-nav__link"
                                                         {% if item.id %} id="{{ item.id }}"{% endif %}
-                                                    >{{ item.title }}</a>
+                                                    >{% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %}</a>
                                                 {% else %}
-                                                    {{ item.title }}
+                                                    {% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %}
                                                 {% endif %}
                                                 </li>
                                             {% endfor %}
@@ -153,9 +153,9 @@
                                     href="{{ item.url }}"
                                     class="ons-header-service-nav__link"
                                     {% if item.id %} id="{{ item.id }}"{% endif %}
-                                >{{ item.text }}</a>
+                                >{% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %}</a>
                             {% else %}
-                                {{ item.text }}
+                                {% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %}
                             {% endif %}
                             </li>
                         {% endfor %}
diff --git a/src/components/header/example-header-external-with-service-links.njk b/src/components/header/example-header-external-with-service-links.njk
index 9fc8a468ff..67a787be99 100644
--- a/src/components/header/example-header-external-with-service-links.njk
+++ b/src/components/header/example-header-external-with-service-links.njk
@@ -18,15 +18,15 @@
             },
             "itemsList": [
                 {
-                    "title": "Help",
+                    "text": "Help",
                     "url": "#0"
                 },
                 {
-                    "title": "My Account",
+                    "text": "My Account",
                     "url": "#0"
                 },
                 {
-                    "title": "Sign out",
+                    "text": "Sign out",
                     "url": "#0"
                 }
             ]
diff --git a/src/components/header/example-header-external-with-sub-navigation.njk b/src/components/header/example-header-external-with-sub-navigation.njk
index f5eed1b4f4..464ddaea50 100644
--- a/src/components/header/example-header-external-with-sub-navigation.njk
+++ b/src/components/header/example-header-external-with-sub-navigation.njk
@@ -15,23 +15,23 @@
             "currentPageTitle": 'Design system',
             "itemsList": [
                 {
-                    "title": 'Service standard',
+                    "text": 'Service standard',
                     "url": '#0'
                 },
                 {
-                    "title": 'Design system',
+                    "text": 'Design system',
                     "url": '#design-system'
                 },
                 {
-                    "title": 'Accessibility',
+                    "text": 'Accessibility',
                     "url": '#0'
                 },
                 {
-                    "title": 'Brand guidelines',
+                    "text": 'Brand guidelines',
                     "url": '#0'
                 },
                 {
-                    "title": 'Content style guide',
+                    "text": 'Content style guide',
                     "url": '#0'
                 }
             ],
@@ -46,19 +46,19 @@
                 "ariaLabel": 'Section menu',
                 "itemsList": [
                     {
-                        "title": 'Guidance',
+                        "text": 'Guidance',
                         "url": '#0'
                     },
                     {
-                        "title": 'Foundations',
+                        "text": 'Foundations',
                         "url": '#0'
                     },
                     {
-                        "title": 'Components',
+                        "text": 'Components',
                         "url": '#0'
                     },
                     {
-                        "title": 'Patterns',
+                        "text": 'Patterns',
                         "url": '#patterns',
                         "sections": [
                             {
diff --git a/src/components/header/example-header-internal.njk b/src/components/header/example-header-internal.njk
index 0c6b0a6450..e3794dbffe 100644
--- a/src/components/header/example-header-internal.njk
+++ b/src/components/header/example-header-internal.njk
@@ -19,11 +19,11 @@
             },
             "itemsList": [
                 {
-                    "title": "Jacky Turner",
+                    "text": "Jacky Turner",
                     "iconType": 'person'
                 },
                 {
-                    "title": "Sign out",
+                    "text": "Sign out",
                     "url": "#0"
                 }
             ]
diff --git a/src/components/header/example-header-neutral-for-multicoloured-logo.njk b/src/components/header/example-header-neutral-for-multicoloured-logo.njk
index 9ea6216aa4..ea3d7b6bde 100644
--- a/src/components/header/example-header-neutral-for-multicoloured-logo.njk
+++ b/src/components/header/example-header-neutral-for-multicoloured-logo.njk
@@ -18,15 +18,15 @@
             },
             "itemsList": [
                 {
-                    "title": "Help",
+                    "text": "Help",
                     "url": "#0"
                 },
                 {
-                    "title": "My Account",
+                    "text": "My Account",
                     "url": "#0"
                 },
                 {
-                    "title": "Sign out",
+                    "text": "Sign out",
                     "url": "#0"
                 }
             ]
@@ -38,15 +38,15 @@
             "currentPageTitle": 'Design system',
             "itemsList": [
                 {
-                    "title": 'Menu item 1',
+                    "text": 'Menu item 1',
                     "url": '#0'
                 },
                 {
-                    "title": 'Menu item 2',
+                    "text": 'Menu item 2',
                     "url": '#menu-item-2'
                 },
                 {
-                    "title": 'Menu item 3',
+                    "text": 'Menu item 3',
                     "url": '#0'
                 }
             ],
diff --git a/src/components/navigation/_macro.njk b/src/components/navigation/_macro.njk
index 821a3ea7eb..6435c8da2c 100644
--- a/src/components/navigation/_macro.njk
+++ b/src/components/navigation/_macro.njk
@@ -42,7 +42,7 @@
                 <ul class="ons-navigation__list">
                     {% for item in params.navigation.itemsList %}
                         <li class="ons-navigation__item {{ item.classes }}{{ ' ons-navigation__item--active' if (item.url == params.navigation.currentPath) or (params.navigation.currentPath is not string and item.url in params.navigation.currentPath) }}">
-                           <a class="ons-navigation__link" href="{{ item.url }}" {% if item.id %}id="{{ item.id }}" {% endif %}{% if item.ariaLabel %}aria-label="{{ item.ariaLabel }}" {% endif %}>{{ item.text }}</a>
+                           <a class="ons-navigation__link" href="{{ item.url }}" {% if item.id %}id="{{ item.id }}" {% endif %}{% if item.ariaLabel %}aria-label="{{ item.ariaLabel }}" {% endif %}>{% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %}</a>
                         </li>
                     {% endfor %}
                 </ul>
@@ -55,7 +55,7 @@
                 <ul class="ons-navigation__list ons-navigation__list">
                     {% for item in params.navigation.subNavigation.itemsList %}
                         <li class="ons-navigation__item {{ item.classes }}{{ ' ons-navigation__item--active' if (item.url == params.navigation.currentPath) or (params.navigation.currentPath is not string and item.url in params.navigation.currentPath) }}">
-                            <a class="ons-navigation__link ons-navigation__link" href="{{ item.url }}" {% if item.ariaLabel %}aria-label="{{ item.ariaLabel }}" {% endif %} {% if item.id %}id="{{ item.id }}" {% endif %}>{{ item.title }}</a>
+                            <a class="ons-navigation__link ons-navigation__link" href="{{ item.url }}" {% if item.ariaLabel %}aria-label="{{ item.ariaLabel }}" {% endif %} {% if item.id %}id="{{ item.id }}" {% endif %}>{% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %}</a>
                         </li>
                     {% endfor %}
                 </ul>
@@ -81,14 +81,14 @@
                         </li>
                         {% for item in params.navigation.subNavigation.itemsList %}
                             <li class="ons-navigation__item {{ ' ons-navigation__item--active' if (item.url == params.navigation.subNavigation.currentPath) or (item.url == params.navigation.currentPath) or (params.navigation.currentPath is not string and item.url in params.navigation.currentPath) }}">
-                                <a class="ons-navigation__link" href="{{ item.url }}" {% if item.ariaLabel %}aria-label="{{ item.ariaLabel }}" {% endif %} {% if item.id %}id="{{ item.id }}--mobile" {% endif %}>{{ item.title }}</a>
+                                <a class="ons-navigation__link" href="{{ item.url }}" {% if item.ariaLabel %}aria-label="{{ item.ariaLabel }}" {% endif %} {% if item.id %}id="{{ item.id }}--mobile" {% endif %}>{% if item.title %}{{ item.title }}{% elif item.text %}{{ item.text }}{% endif %}</a>
                                 {% if item.sections %}
                                     {% for section in item.sections %}
                                         {% if section.sectionTitle %}<h3 class="ons-navigation__list-header">{{ section.sectionTitle }}</h3>{% endif %}
                                         <ul class="ons-navigation__list ons-navigation__list--child ons-list--dashed ons-u-ml-s ons-u-mt-xs">
                                             {% for child in section.children %}
                                                 <li class="ons-navigation__item ons-list__item {{ ' ons-navigation__item--active' if (child.url == params.navigation.currentPath) or (params.navigation.currentPath is not string and child.url in params.navigation.currentPath) }}">
-                                                    <a class="ons-navigation__link ons-navigation__link--section" href="{{ child.url }}" {% if child.ariaLabel %}aria-label="{{ child.ariaLabel }}" {% endif %} {% if child.id %}id="{{ child.id }}" {% endif %}>{{ child.title }}</a>
+                                                    <a class="ons-navigation__link ons-navigation__link--section" href="{{ child.url }}" {% if child.ariaLabel %}aria-label="{{ child.ariaLabel }}" {% endif %} {% if child.id %}id="{{ child.id }}" {% endif %}>{% if child.title %}{{ child.title }}{% elif child.text %}{{ child.text }}{% endif %}</a>
                                                 </li>
                                             {% endfor %}
                                         </ul>