diff --git a/docs/assets/images/bottom-nav-2.png b/docs/assets/images/bottom-nav-2.png
index 378ddf9..ff31513 100644
Binary files a/docs/assets/images/bottom-nav-2.png and b/docs/assets/images/bottom-nav-2.png differ
diff --git a/docs/assets/images/bottom-nav.png b/docs/assets/images/bottom-nav.png
index 0e6a07b..10bd422 100644
Binary files a/docs/assets/images/bottom-nav.png and b/docs/assets/images/bottom-nav.png differ
diff --git a/docs/assets/images/top-nav-2.png b/docs/assets/images/top-nav-2.png
index 63d1d26..9034f54 100644
Binary files a/docs/assets/images/top-nav-2.png and b/docs/assets/images/top-nav-2.png differ
diff --git a/docs/assets/images/top-nav.png b/docs/assets/images/top-nav.png
index db446b1..678ee6c 100644
Binary files a/docs/assets/images/top-nav.png and b/docs/assets/images/top-nav.png differ
diff --git a/docs/components/bottom-navigation.md b/docs/components/bottom-navigation.md
index 4657de2..e53d34e 100644
--- a/docs/components/bottom-navigation.md
+++ b/docs/components/bottom-navigation.md
@@ -7,7 +7,7 @@ tags:
   - component
 ---
 
-![](/assets/images/bottom-nav.png)
+![The bottom navigation menu. It contains four icons with text labels: Home, Services, Your health and Messages.](/assets/images/bottom-nav.png)
 
 ## When to use
 
@@ -23,7 +23,7 @@ The bottom navigation is not part of the web browser version of the NHS App. The
 
 Each hub is represented by a text label and an icon. The text labels match the main heading on the respective hub page.
 
-![](/assets/images/bottom-nav-2.png)
+![Details of the bottom navigation menu. Icons become highlighted when selected. An unread indicator can be placed over icons.](/assets/images/bottom-nav-2.png)
 
 ## Accessibility
 
diff --git a/docs/components/top-navigation.md b/docs/components/top-navigation.md
index df32ee8..f3c287e 100644
--- a/docs/components/top-navigation.md
+++ b/docs/components/top-navigation.md
@@ -6,7 +6,7 @@ tags:
   - component
 ---
 
-![](/assets/images/top-nav.png)
+![The top navigation menu. There are two right-aligned icons: one is a question mark and the other is shaped like a person.](/assets/images/top-nav.png)
 
 ## When to use
 
@@ -24,7 +24,7 @@ The top navigation includes a link to the NHS App help and support pages hosted
 
 The top also includes an ’Account and settings’ link. This opens the respective hub page.
 
-![ ](/assets/images/top-nav-2.png)
+![Details of the top navigation menu. The question mark icon links to Help and Support. The person icon links to Account.](/assets/images/top-nav-2.png)
 
 ## Accessibility