From affffdfb85bcda0d230a38762e096a436db00a0a Mon Sep 17 00:00:00 2001
From: Joshua Barbosa <44610149+tongsonbarbs@users.noreply.github.com>
Date: Thu, 24 Oct 2024 14:56:28 +0800
Subject: [PATCH] Scheduler a11y: Images must have alternate text (#28231)
---
.../CurrentTimeIndicator/Angular/app/app.component.html | 2 +-
.../CurrentTimeIndicator/React/AppointmentTemplate.tsx | 2 +-
.../CurrentTimeIndicator/ReactJs/AppointmentTemplate.js | 5 ++++-
.../CurrentTimeIndicator/Vue/AppointmentTemplate.vue | 2 +-
.../Demos/Scheduler/CurrentTimeIndicator/jQuery/index.js | 2 +-
.../Demos/Scheduler/Overview/Angular/app/app.component.html | 2 +-
apps/demos/Demos/Scheduler/Overview/React/ResourceCell.tsx | 5 ++++-
apps/demos/Demos/Scheduler/Overview/ReactJs/ResourceCell.js | 5 ++++-
apps/demos/Demos/Scheduler/Overview/Vue/ResourceCell.vue | 2 +-
apps/demos/Demos/Scheduler/Overview/jQuery/index.js | 2 +-
10 files changed, 19 insertions(+), 10 deletions(-)
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.html b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.html
index 5cb15c2c68bb..c473935e309f 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.html
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.html
@@ -21,7 +21,7 @@
*ngIf="getMovieById | apply : model.appointmentData.movieId as movie"
>
-
![]()
+
{{ movie.text }}
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/AppointmentTemplate.tsx b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/AppointmentTemplate.tsx
index 4e7a15043a04..1c3219fc79f8 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/AppointmentTemplate.tsx
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/React/AppointmentTemplate.tsx
@@ -16,7 +16,7 @@ const AppointmentTemplate = (props: AppointmentTemplateProps) => {
return (
-
![]({movieInfo.image})
+
{movieInfo.text}
);
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/ReactJs/AppointmentTemplate.js b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/ReactJs/AppointmentTemplate.js
index 08e9d1da9285..ab182e7d5934 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/ReactJs/AppointmentTemplate.js
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/ReactJs/AppointmentTemplate.js
@@ -8,7 +8,10 @@ const AppointmentTemplate = (props) => {
const movieInfo = getMovieById(appointmentData.movieId) || {};
return (
-
![]({movieInfo.image})
+
{movieInfo.text}
);
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/AppointmentTemplate.vue b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/AppointmentTemplate.vue
index ca092352ffe5..738591a55dde 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/AppointmentTemplate.vue
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/Vue/AppointmentTemplate.vue
@@ -1,6 +1,6 @@
-
![]()
+
{{ movieInfo.text }}
diff --git a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/jQuery/index.js b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/jQuery/index.js
index 124a91198a3e..2da86c5565f3 100644
--- a/apps/demos/Demos/Scheduler/CurrentTimeIndicator/jQuery/index.js
+++ b/apps/demos/Demos/Scheduler/CurrentTimeIndicator/jQuery/index.js
@@ -18,7 +18,7 @@ $(() => {
const movieInfo = getMovieById(model.appointmentData.movieId) || {};
return $(`${""
- + "
![]("}${movieInfo.image})
`
+ + "
![${movieInfo.text} poster]("}${movieInfo.image})
`
+ `
${movieInfo.text}
`
+ '
');
},
diff --git a/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.html b/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.html
index eeb8f61b2968..7e3bb9b44064 100644
--- a/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.html
+++ b/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.html
@@ -26,7 +26,7 @@
{{ employee.text }}
-
![]()
+
Age: {{ employee.data.age }}
diff --git a/apps/demos/Demos/Scheduler/Overview/React/ResourceCell.tsx b/apps/demos/Demos/Scheduler/Overview/React/ResourceCell.tsx
index cf34a7d921c8..2ea79a94aa97 100644
--- a/apps/demos/Demos/Scheduler/Overview/React/ResourceCell.tsx
+++ b/apps/demos/Demos/Scheduler/Overview/React/ResourceCell.tsx
@@ -13,7 +13,10 @@ const ResourceCell = (props: ResourceCellProps) => {
{text}
-
![]({avatar})
+
Age: {age}
diff --git a/apps/demos/Demos/Scheduler/Overview/ReactJs/ResourceCell.js b/apps/demos/Demos/Scheduler/Overview/ReactJs/ResourceCell.js
index a1dc550e09f8..61681cc2fceb 100644
--- a/apps/demos/Demos/Scheduler/Overview/ReactJs/ResourceCell.js
+++ b/apps/demos/Demos/Scheduler/Overview/ReactJs/ResourceCell.js
@@ -17,7 +17,10 @@ const ResourceCell = (props) => {
{text}
-
![]({avatar})
+
{{ employee.text }}
-
![]()
+
{
const avatar = $('
')
.addClass('avatar')
- .html(`
![](${cellData.data.avatar})
`)
+ .html(`
![${cellData.text} photo](${cellData.data.avatar})
`)
.attr('title', cellData.text);
const info = $('
')