diff --git a/angular/Accordion/Getting-Started.md b/angular/Accordion/Getting-Started.md
index 651430fb..706d4d43 100644
--- a/angular/Accordion/Getting-Started.md
+++ b/angular/Accordion/Getting-Started.md
@@ -1,6 +1,6 @@
 ---
 title: Getting Started for Angular Accordion
-description: Getting Started for Angular Accordion
+description: Check out and learn here all about getting started with Angular Accordion in Syncfusion and much more details.
 platform: Angular
 control: Accordion
 documentation: Ug
@@ -16,7 +16,7 @@ This section encompasses the details on how you can configure the **Accordion**
 
 The following screenshot illustrates you the usage of **Accordion** control in listing the controls under the Essential Studio products. 
 
-![](Getting-Started-images/Getting-Started_img1.png) 
+![configure Accordion in Angular.](Getting-Started-images/Getting-Started_img1.png) 
 
 The usage of **Accordion** control is described in the following sections.
 
@@ -146,7 +146,7 @@ Create the Accordion control as follows.
 
 You can execute the above code example to display the Accordion control with simple control list.
 
-![](Getting-Started-images/Getting-Started_img2.png) 
+![create a simple Accordion in Angular.](Getting-Started-images/Getting-Started_img2.png) 
 
 You can customize the Accordion control using various properties. The Accordion control properties and its default values are described in the following section.
 
@@ -257,7 +257,7 @@ You can also open all the panels during initialization using the **selectedItems
 
 **Accordion** control with **enableMultipleOpen** property is illustrated in the following screen shot.
 
-![](Getting-Started-images/Getting-Started_img3.png) 
+![Configure multiple open in Angular Accordion.](Getting-Started-images/Getting-Started_img3.png) 
 
 ### Setting rounded corner
 
@@ -343,7 +343,7 @@ N> showRoundedCorner property is False by default.
 
 The following screenshot illustrates the **Accordion** control with rounded corners.
 
-![](Getting-Started-images/Getting-Started_img4.png) 
+![setting rounded corner in Angular Accordion.](Getting-Started-images/Getting-Started_img4.png) 
 
 ## Customize Icon
 
@@ -434,5 +434,5 @@ You can set the Up or Down arrow icon to **Accordion** header, by adding **e-arr
 
 The following screenshot illustrates the customization of **selectedHeader** and **header** of the **Accordion** control.
 
-![](Getting-Started-images/Getting-Started_img5.png) 
+![customize icon for Angular Accordion.](Getting-Started-images/Getting-Started_img5.png) 
 
diff --git a/angular/Diagram/Getting-Started.md b/angular/Diagram/Getting-Started.md
index e50bd2f0..eaae3d4a 100644
--- a/angular/Diagram/Getting-Started.md
+++ b/angular/Diagram/Getting-Started.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Getting Started for Angular Diagram
-description: Getting Started for Angular Diagram
+description: Check out and learn here all about getting started for Angular Diagram in Syncfusion and much more details.
 platform: Angular
 control: Diagram
 documentation: ug
@@ -71,7 +71,7 @@ import {EJ_DIAGRAM_COMPONENTS} from 'ej/diagram.component';
 
 This creates an empty diagram
 
-![](Getting-Started-images/Getting-Started_img1.png)
+![initialize Diagram in Angular.](Getting-Started-images/Getting-Started_img1.png)
 
 ### Initialize Nodes and Connectors
 
@@ -120,7 +120,7 @@ export class DiagramComponent {
 	
 {% endhighlight %}
 	
-![](Getting-Started-images/Getting-Started_img2.png)
+![initialize nodes and connectors in Angular Diagram.](Getting-Started-images/Getting-Started_img2.png)
 
 ### Business object (Employee information)
 
@@ -187,4 +187,4 @@ export class DefaultComponent {
 
 * The Employee details are displayed in the Diagram as follows.
 
-![](Getting-Started_images/Getting-Started_img3.png)
+![map data source in Angular Diagram.](Getting-Started-images/Getting-Started_img3.png)
diff --git a/angular/Gantt/Task-Scheduling-modes.md b/angular/Gantt/Task-Scheduling-modes.md
index 7033ecf7..f992fd92 100644
--- a/angular/Gantt/Task-Scheduling-modes.md
+++ b/angular/Gantt/Task-Scheduling-modes.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Task-scheduling-modes
-description: Task scheduling modes
+description: Check out and learn here all about task scheduling modes for Angular Gantt in Syncfusion and much more details.
 platform: Angular
 control: Gantt
 documentation: ug
@@ -103,4 +103,4 @@ export class AppComponent {
 
 The following screen shot depicts a project with custom scheduling mode, where both automatic and manual scheduling modes are mapped to the tasks.
 
-![](Task-Scheduling-modes_images/Task-Scheduling-modes_img1.png)
\ No newline at end of file
+![manually scheduled tasks in Angular Gantt.](Task-Scheduling-modes_images/Task-Scheduling-modes_img1.png)
\ No newline at end of file