diff --git a/wpf/Diagram/Constraints.md b/wpf/Diagram/Constraints.md
index cf4594b286..a4edb7901e 100644
--- a/wpf/Diagram/Constraints.md
+++ b/wpf/Diagram/Constraints.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Constraints in WPF Diagram control | Syncfusion
-description: Learn here all about Constraints support in Syncfusion WPF Diagram (SfDiagram) control, its elements and more.
+title: Constraints in WPF Diagram Control | Syncfusion
+description: Learn here all about constraints support in Syncfusion WPF Diagram (SfDiagram) control, it's elements, and more.
 platform: wpf
 control: SfDiagram
 documentation: ug
@@ -195,7 +195,7 @@ ConnectorViewModel connector1 = new ConnectorViewModel()
 {% endhighlight %}
 {% endtabs %} 
 
-![WPF Diagram displays GraphConstraints](Constraints_images/wpf-diagram-group-contraints.gif)
+![WPF Diagram displays graphconstraints.](constraints_images/wpf-diagram-group-contraints.gif)
 
 [View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Constraints/Constraints-Node-Connector-Graph)
 
@@ -236,7 +236,7 @@ NodePortViewModel port=	new NodePortViewModel()
 {% endhighlight %}
 {% endtabs %}
 
-![WPF Diagram displays Port Connection](Constraints_images/wpf-diagram-port-connection.gif)
+![WPF Diagram displays port connection.](constraints_images/wpf-diagram-port-connection.gif)
 
 [View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Constraints/Port-Constraints-sample)
 
@@ -284,7 +284,7 @@ AnnotationEditorViewModel anno = new AnnotationEditorViewModel()
 {% endhighlight %}
 {% endtabs %} 
 
-![WPF Diagram displays Annotation Constraints](Constraints_images/wpf-diagram-drag-annotation.gif)
+![WPF Diagram displays annotation constraints.](constraints_images/wpf-diagram-drag-annotation.gif)
 
 [View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Constraints/Annotation-constraints-sample)
 
@@ -316,7 +316,7 @@ The following code example illustrates how to hide rotator.
 {% endhighlight %}
 {% endtabs %}
 
-![WPF Diagram displays Selector Constraints](Constraints_images/wpf-diagram-selector-constraints.png)
+![WPF Diagram displays selector constraints.](constraints_images/wpf-diagram-selector-constraints.png)
 
 [View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Constraints/Selector-constraints-sample)
 
diff --git a/wpf/Surface-Chart/Overview.md b/wpf/Surface-Chart/Overview.md
index da0e587479..143487fb08 100644
--- a/wpf/Surface-Chart/Overview.md
+++ b/wpf/Surface-Chart/Overview.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: About WPF Surface Chart control | Syncfusion
-description: Learn here all about introduction of Syncfusion WPF Surface Chart (SfSurfaceChart) control, its elements and more.
+title: Overview of WPF Surface Chart Control | Syncfusion
+description: Learn here all about overview of Syncfusion WPF Surface Chart (SfSurfaceChart) control, it's elements, and more.
 platform: wpf
 control: SfSurfaceChart
 documentation: ug
@@ -11,7 +11,7 @@ documentation: ug
 
 Essential Surface Chart shows a three-dimensional surface that connects a set of data points.  
 
-![surface_chart_img1](surface_chart_images/surface_chart_img1.jpeg)
+![WPF Surface Chart overview.](surface_chart_images/wpf-surface-chart-overview.jpeg)
 
 
 ## Key Feature of Surface Chart
diff --git a/wpf/Surface-Chart/surface_chart_images/surface_chart_img1.jpeg b/wpf/Surface-Chart/surface_chart_images/wpf-surface-chart-overview.jpeg
similarity index 100%
rename from wpf/Surface-Chart/surface_chart_images/surface_chart_img1.jpeg
rename to wpf/Surface-Chart/surface_chart_images/wpf-surface-chart-overview.jpeg