Doc: Add alternate text for Qt Quick image and effect example images

Alternate text (alt text) improves the documentation experience for
screen readers and for other accessibility tools.

Task-number: QTBUG-135098
Pick-to: 6.11 6.12
Change-Id: I9175561112336cec96dfecce7f4e543fe851fc77
Reviewed-by: Shawn Rutledge <shawn.rutledge@qt.io>

5 files changed, 11 insertions, 5 deletions

diff --git a/examples/quick/canvas/doc/src/canvas.qdoc b/examples/quick/canvas/doc/src/canvas.qdoc
index 87a7c7b5c4..96b7155260 100644
--- a/examples/quick/canvas/doc/src/canvas.qdoc
+++ b/examples/quick/canvas/doc/src/canvas.qdoc
@@ -5,7 +5,8 @@
     \title Qt Quick Examples - Canvas
     \example canvas
     \brief This is a collection of QML Canvas examples.
-    \image qml-canvas-example.png
+    \image qml-canvas-example.png {Pink heart drawn with bezier curves
+           and sliders for line width, scale, rotation, and alpha}
     \ingroup qtquickexamples
     \examplecategory {Graphics}
 
diff --git a/examples/quick/imageelements/doc/src/imageelements.qdoc b/examples/quick/imageelements/doc/src/imageelements.qdoc
index 06fa25ab19..9cef9ffc76 100644
--- a/examples/quick/imageelements/doc/src/imageelements.qdoc
+++ b/examples/quick/imageelements/doc/src/imageelements.qdoc
@@ -4,7 +4,8 @@
     \title Qt Quick Examples - Image Elements
     \example imageelements
     \brief This is a collection of QML examples relating to image types.
-    \image qml-imageelements-example.png
+    \image qml-imageelements-example.png {one frame shown by AnimatedSprite:
+          a 3D rendered woofer}
     \ingroup qtquickexamples
     \examplecategory {Graphics}
 
diff --git a/examples/quick/imageprovider/doc/src/imageprovider.qdoc b/examples/quick/imageprovider/doc/src/imageprovider.qdoc
index b59471608f..09b7c18e5f 100644
--- a/examples/quick/imageprovider/doc/src/imageprovider.qdoc
+++ b/examples/quick/imageprovider/doc/src/imageprovider.qdoc
@@ -12,7 +12,9 @@
     which is detected and loaded at runtime. The plugin is then a reusable component
     that can be installed into a system-wide location for use by multiple applications.
 
-    \image qml-imageprovider-example.png
+    \image qml-imageprovider-example.png {Two color blocks labeled
+           yellow and red generated by the image provider}
+*/
 
     It can be built and tested like this:
     \code
diff --git a/examples/quick/shadereffects/doc/src/shadereffects.qdoc b/examples/quick/shadereffects/doc/src/shadereffects.qdoc
index 134a14c618..622779248d 100644
--- a/examples/quick/shadereffects/doc/src/shadereffects.qdoc
+++ b/examples/quick/shadereffects/doc/src/shadereffects.qdoc
@@ -3,7 +3,8 @@
 /*!
     \title Qt Quick Examples - Shader Effects
     \example shadereffects
-    \image qml-shadereffects-example.png
+    \image qml-shadereffects-example.png {Qt text with various shader
+           effects including genie, outline, shadow, and wobble}
     \brief A Qt Quick example demonstrating the use of shader effects.
     \ingroup qtquickexamples
     \examplecategory {Graphics}
diff --git a/examples/quick/vectorimage/doc/src/vectorimage.qdoc b/examples/quick/vectorimage/doc/src/vectorimage.qdoc
index 31f250d7f6..27d9c2faf4 100644
--- a/examples/quick/vectorimage/doc/src/vectorimage.qdoc
+++ b/examples/quick/vectorimage/doc/src/vectorimage.qdoc
@@ -3,7 +3,8 @@
 /*!
     \title Vector Image Example
     \example vectorimage
-    \image qml-vectorimage-example.png
+    \image qml-vectorimage-example.png {3x3 grid comparing Image,
+           VectorImage, and svgtoqml rendering of hearts at different scales}
     \brief A Qt Quick example demonstrating the differences of \l{Qt SVG}, VectorImage and \l{svgtoqml}.
     \ingroup qtquickexamples
     \examplecategory {Graphics}