Skip to content

Commit ad7d77f

Browse files
HaudinFlorenceSylvainCorlay
HaudinFlorence
authored and
SylvainCorlay
committed
Add alt text for all pictures.
1 parent 8325df8 commit ad7d77f

File tree

20 files changed

+130
-57
lines changed

20 files changed

+130
-57
lines changed

‎src/components/about/Avatar.tsx‎

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,21 @@ import styles from "./styles.module.css";
22
import Link from "@docusaurus/Link";
33

44
export default function Avatar({ person }) {
5-
return (
6-
<div className="flex-full-centered">
7-
<div className={styles.avatar}>
8-
<img src={require(person.avatarRoute).default} width={"160px"} height={"160px"}></img>
9-
</div>
5+
return (
6+
<div className="flex-full-centered">
7+
<div className={styles.avatar}>
8+
<img
9+
src={require(person.avatarRoute).default}
10+
width={"160px"}
11+
height={"160px"}
12+
alt={
13+
"Avatar of " +
14+
person.CompleteName +
15+
"working at QuantStack as a " +
16+
person.position
17+
}
18+
></img>
1019
</div>
11-
);
12-
}
13-
20+
</div>
21+
);
22+
}

‎src/components/about/FourValues.tsx‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ import OpennessMD from "@site/src/components/about/Values/openness.md";
44
import ScienceMD from "@site/src/components/about/Values/science.md";
55
import IntegrityMD from "@site/src/components/about/Values/integrity.md";
66
import OptimismMD from "@site/src/components/about/Values/optimism.md";
7-
//import OpennessPicture from "@site/static/img/values/openness.svg";
8-
//import SciencePicture from "@site/static/img/values/science.svg";
9-
//import OptimismPicture from "@site/static/img/values/optimism.svg";
10-
//import IntegrityPicture from "@site/static/img/values/integrity.svg";
7+
/*import OpennessPicture from "@site/static/img/values/openness-light.svg";
8+
import SciencePicture from "@site/static/img/values/science-light.svg";
9+
import OptimismPicture from "@site/static/img/values/optimism-light.svg";
10+
import IntegrityPicture from "@site/static/img/values/integrity-light.svg";*/
1111
import { ValueCardMobile } from "@site/src/components/about/ValueCard";
1212
import { ValueCardDesktop } from "@site/src/components/about/ValueCard";
1313
import { useEffect, useState } from "react";
@@ -25,7 +25,7 @@ const valuesPictures = [
2525
export function SciencePicture() {
2626
return (
2727
<ThemedImage
28-
alt="Icon representing the science value, representing an atom."
28+
alt="Icon representing the science value, displaying an atom."
2929
sources={{
3030
light: useBaseUrl("/img/values/science-light.svg"),
3131
dark: useBaseUrl("/img/values/science-dark.svg"),
@@ -69,6 +69,7 @@ export function OptimismPicture() {
6969
/>
7070
);
7171
}
72+
*/
7273

7374
const valuesNames = ["Openness", "Science", "Optimism", "Integrity"];
7475
const cardColors = ["white", "yellow", "white", "yellow"];

‎src/components/about/LargePortraitCard.tsx‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,16 @@ export default function LargePortraitCard({ person, avatarUrl, BioComponent }) {
4444
className={"col col--3 col--offset-1" + " " + "flex-full-centered"}
4545
>
4646
<div className="flex-full-centered">
47-
<img src={avatarUrl} className={styles.avatar} />
47+
<img
48+
src={avatarUrl}
49+
className={styles.avatar}
50+
alt={
51+
"Avatar of " +
52+
person.CompleteName +
53+
"working at QuantStack as a " +
54+
person.position
55+
}
56+
/>
4857
</div>
4958
</div>
5059
<div className="col col--6 col--offset-1">

‎src/components/about/SmallPortraitCardDesktop.tsx‎

Lines changed: 18 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@ import LargePortraitCard from "./LargePortraitCard";
66

77
const contentStyle = {
88
background: "var(--ifm-background-color-large-portrait-card)",
9-
borderRadius: "10px"
10-
}
9+
borderRadius: "10px",
10+
};
1111

1212
const overlayStyle = {
1313
backgroundColor: "var(--ifm-background-color-popup-overlay)",
@@ -50,7 +50,17 @@ export function SmallPortraitCardDesktop({ person, avatarUrl, setOffsets }) {
5050
>
5151
<div className="flex-full-centered">
5252
<div className={styles.avatar}>
53-
<img src={avatarUrl} width={"160px"} height={"160px"} />
53+
<img
54+
src={avatarUrl}
55+
width={"160px"}
56+
height={"160px"}
57+
alt={
58+
"Avatar of " +
59+
person.CompleteName +
60+
"working at QuantStack as a " +
61+
person.position
62+
}
63+
/>
5464
</div>
5565
</div>
5666
<div className={styles.small_card_complete_name}>
@@ -74,11 +84,11 @@ export default function PopupPortrait({
7484
<Popup
7585
trigger={
7686
<div>
77-
<SmallPortraitCardDesktop
78-
person={person}
79-
avatarUrl={avatarUrl}
80-
setOffsets={setOffsets}
81-
/>
87+
<SmallPortraitCardDesktop
88+
person={person}
89+
avatarUrl={avatarUrl}
90+
setOffsets={setOffsets}
91+
/>
8292
</div>
8393
}
8494
contentStyle={contentStyle}

‎src/components/blog/BlogpostCard.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@ export default function BlogpostCard({ blogpost, timeIndex }) {
3333
id={blogpost.imageID}
3434
width={blogpost.imageRenderedWidth}
3535
height={blogpost.imageRenderedHeight}
36+
alt={"Illustration for the blog post"}
3637
/>
3738
</div>
3839
</div>

‎src/components/careers/Header.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default function Header() {
66
<div className={styles.careers_header}>
77
<h1 className="text-centered">Join the QuantStack team!</h1>
88
<div className={styles.group_photo_container + " " + "flex-full-centered"}>
9-
<img src={GroupPhotoJupyterConUrl} />
9+
<img src={GroupPhotoJupyterConUrl} alt={"Picture showing QuantStack people gathered at the Jupytercon in Paris in May 2023."}/>
1010
</div>
1111
</div>
1212
);

‎src/components/careers/InterviewPicture.tsx‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,19 @@
11
import styles from "./styles.module.css";
22
import PlayCircle from "@site/static/img/icons/PlayCircle.svg";
33

4-
54
export default function InterviewPicture({ person }) {
65
return (
76
<div className={styles.picture_container}>
87
<div className={styles.interview_picture}>
9-
<img src={person.pictureRoute} />
8+
<img
9+
src={person.pictureRoute}
10+
alt={
11+
"Picture of" +
12+
person.CompleteName +
13+
"working at QuantStack as a" +
14+
person.position
15+
}
16+
/>
1017
<PlayCircle className={styles.play_interview} />
1118
</div>
1219
</div>

‎src/components/careers/LinkToWTJ.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ export default function LinkToWTJ({label}) {
77
<Link
88
className={"link-to-button" + " " + styles.link_to_WTJ}
99
href="https://www.welcometothejungle.com/fr/companies/quantstack"
10+
aria-label="Learn more by visiting the page dedicated to QuantStack on Welcome to the Jungle platform."
1011
>
1112
{label}
1213
</Link>

‎src/components/home/AboutQS/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ export default function AboutQS() {
2828
className={"col" + " " + "padding-none" + " " + "margin-none"}
2929
>
3030
<div className="flex-full-centered" style={{marginBottom: "var(--ifm-spacing-2xl)"}}>
31-
<img src={GroupPhotoUrl} />
31+
<img src={GroupPhotoUrl} alt={"Picture showing a group of Quantstack people in front of Saint-Maur's office, in Paris area."} />
3232
</div>
3333
</div>
3434
</div>

‎src/components/home/Hero/LogosTableBy8.tsx‎

Lines changed: 45 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -104,35 +104,48 @@ export function LogosTable1Light() {
104104
<div className={"container" + " " + styles.table_with_8_customers}>
105105
<div className="row row--no-gutters">
106106
<div className={"col col--3" + " " + "flex-full-centered"}>
107-
<img src={BloombergLogoUrl} className={styles.customer_logo_light} />
107+
<img
108+
src={BloombergLogoUrl}
109+
className={styles.customer_logo_light}
110+
alt={"Logo of Bloomberg."}
111+
/>
108112
</div>
109113
<div className={"col col--3" + " " + "flex-full-centered"}>
110-
<img src={SGLogoUrl} className={styles.customer_logo_light} />
114+
<img
115+
src={SGLogoUrl}
116+
className={styles.customer_logo_light}
117+
alt={"Logo of Société Générale bank."}
118+
/>
111119
</div>
112120
<div className={"col col--3" + " " + "flex-full-centered"}>
113-
<img src={RapyutaLogoUrl} className={styles.customer_logo_light} />
121+
<img
122+
src={RapyutaLogoUrl}
123+
className={styles.customer_logo_light}
124+
alt={"Logo of Rapyuta company."}
125+
/>
114126
</div>
115127
<div className={"col col--3" + " " + "flex-full-centered"}>
116-
<img src={CFMLogoUrl} className={styles.customer_logo_light} />
128+
<img src={CFMLogoUrl} className={styles.customer_logo_light} alt={"Logo of CFM) "} />
117129
</div>
118130
</div>
119131
<div className="row row--no-gutters">
120132
<div className={"col col--3" + " " + "flex-full-centered"}>
121-
<img src={EngieLogoUrl} className={styles.customer_logo_light} />
133+
<img src={EngieLogoUrl} className={styles.customer_logo_light} alt={"Logo of Engie company."} />
122134
</div>
123135
<div className={"col col--3" + " " + "flex-full-centered"}>
124136
<img
125137
src={JRCLogoUrl}
126138
className={styles.customer_logo_light}
139+
alt={"Logo of JRC."}
127140
style={{ width: "100px" }}
128141
/>
129142
</div>
130143

131144
<div className={"col col--3" + " " + "flex-full-centered"}>
132-
<img src={ERDCLogoUrl} className={styles.customer_logo_light} />
145+
<img src={ERDCLogoUrl} className={styles.customer_logo_light} alt={"Logo of ERDC."} />
133146
</div>
134147
<div className={"col col--3" + " " + "flex-full-centered"}>
135-
<img src={PandaLogoUrl} className={styles.customer_logo_light} />
148+
<img src={PandaLogoUrl} className={styles.customer_logo_light} alt={"Logo of Panda company."}/>
136149
</div>
137150
</div>
138151
</div>
@@ -186,30 +199,33 @@ export function LogosTable2Light() {
186199
<img
187200
src={UniversiteParisCiteLogoUrl}
188201
className={styles.customer_logo_light}
202+
alt={"Logo of Paris Cité Université."}
203+
204+
189205
/>
190206
</div>
191207
<div className={"col col--3" + " " + "flex-full-centered"}>
192-
<img src={AirbusLogoUrl} className={styles.customer_logo_light} />
208+
<img src={AirbusLogoUrl} className={styles.customer_logo_light} alt={"Logo of Airbus company."} />
193209
</div>
194210
<div className={"col col--3" + " " + "flex-full-centered"}>
195-
<img src={INRIALogoUrl} className={styles.customer_logo_light} />
211+
<img src={INRIALogoUrl} className={styles.customer_logo_light} alt={"Logo of INRIA."} />
196212
</div>
197213
<div className={"col col--3" + " " + "flex-full-centered"}>
198-
<img src={CNAMLogoUrl} className={styles.customer_logo_light} />
214+
<img src={CNAMLogoUrl} className={styles.customer_logo_light} alt={"Logo of CNAM."}/>
199215
</div>
200216
</div>
201217
<div className="row row--no-gutters">
202218
<div className={"col col--3" + " " + "flex-full-centered"}>
203-
<img src={NatixisLogoUrl} className={styles.customer_logo_light} />
219+
<img src={NatixisLogoUrl} className={styles.customer_logo_light} alt={"Logo of Natixis bank."} />
204220
</div>
205221
<div className={"col col--3" + " " + "flex-full-centered"}>
206-
<img src={NumfocusLogoUrl} className={styles.customer_logo_light} />
222+
<img src={NumfocusLogoUrl} className={styles.customer_logo_light} alt={"Logo of Numfocus foundation."} />
207223
</div>
208224
<div className={"col col--3" + " " + "flex-full-centered"}>
209-
<img src={RobocorpLogoUrl} className={styles.customer_logo_light} />
225+
<img src={RobocorpLogoUrl} className={styles.customer_logo_light} alt={"Logo of Robocorp company."} />
210226
</div>
211227
<div className={"col col--3" + " " + "flex-full-centered"}>
212-
<img src={CalPolyLogoUrl} className={styles.customer_logo_light} />
228+
<img src={CalPolyLogoUrl} className={styles.customer_logo_light} alt={"Logo of CalPoly University."} />
213229
</div>
214230
</div>
215231
</div>
@@ -259,39 +275,41 @@ export function LogosTable3Light() {
259275
<div className={"container" + " " + styles.table_with_8_customers}>
260276
<div className="row row--no-gutters">
261277
<div className={"col col--3" + " " + "flex-full-centered"}>
262-
<img src={MaxFordhamLogoUrl} className={styles.customer_logo_light} />
278+
<img src={MaxFordhamLogoUrl} className={styles.customer_logo_light} alt={"Logo of MaxFordham company."} />
263279
</div>
264280
<div className={"col col--3" + " " + "flex-full-centered"}>
265281
<img
266282
src={GainTheoryUrl}
267283
className={styles.customer_logo_light}
284+
alt={"Logo of Gain Theory company."}
268285
style={{ width: "60px" }}
269286
/>
270287
</div>
271288

272289
<div className={"col col--3" + " " + "flex-full-centered"}>
273-
<img src={EnthoughtLogoUrl} className={styles.customer_logo_light} />
290+
<img src={EnthoughtLogoUrl} className={styles.customer_logo_light} alt={"Logo of Enthought company."} />
274291
</div>
275292
<div className={"col col--3" + " " + "flex-full-centered"}>
276-
<img src={CressetLogoUrl} className={styles.customer_logo_light} />
293+
<img src={CressetLogoUrl} className={styles.customer_logo_light} alt={"Logo of Cresset company."} />
277294
</div>
278295
</div>
279296
<div className="row row--no-gutters">
280297
<div className={"col col--3" + " " + "flex-full-centered"}>
281298
<img
282299
src={TDKLogoUrl}
283300
className={styles.customer_logo_light}
301+
alt={"Logo of TDK company."}
284302
style={{ width: "60px" }}
285303
/>
286304
</div>
287305
<div className={"col col--3" + " " + "flex-full-centered"}>
288-
<img src={HarvardLogoUrl} className={styles.customer_logo_light} />
306+
<img src={HarvardLogoUrl} className={styles.customer_logo_light} alt={"Logo of Harvard University."} />
289307
</div>
290308
<div className={"col col--3" + " " + "flex-full-centered"}>
291-
<img src={EMBLLogoUrl} className={styles.customer_logo_light} />
309+
<img src={EMBLLogoUrl} className={styles.customer_logo_light} alt={"Logo of EMBL."}/>
292310
</div>
293311
<div className={"col col--3" + " " + "flex-full-centered"}>
294-
<img src={QuantCoUrl} className={styles.customer_logo_light} />
312+
<img src={QuantCoUrl} className={styles.customer_logo_light} alt={"Logo of QuantCo company."}/>
295313
</div>
296314
</div>
297315
</div>
@@ -350,19 +368,21 @@ export function LogosTable4Light() {
350368
<img
351369
src={VoltronDataLogoUrl}
352370
className={styles.customer_logo_light}
371+
alt={"Logo of Voltron Data company."}
353372
style={{ width: "140px" }}
354373
/>
355374
</div>
356375
<div className={"col col--3" + " " + "flex-full-centered"}>
357-
<img src={SafranLogoUrl} className={styles.customer_logo_light} />
376+
<img src={SafranLogoUrl} className={styles.customer_logo_light} alt={"Logo of Safran company."} />
358377
</div>
359378
<div className={"col col--3" + " " + "flex-full-centered"}>
360-
<img src={DEShawLogoUrl} className={styles.customer_logo_light} />
379+
<img src={DEShawLogoUrl} className={styles.customer_logo_light} alt={"Logo of DE Shaw company."} />
361380
</div>
362381
<div className={"col col--3" + " " + "flex-full-centered"}>
363382
<img
364383
src={UniversiteParisSaclayLogoUrl}
365384
className={styles.customer_logo_light}
385+
alt={"Logo of Université Paris Saclay."}
366386
/>
367387
</div>
368388
</div>
@@ -371,19 +391,22 @@ export function LogosTable4Light() {
371391
<img
372392
src={UnitedRoboticsLogoUrl}
373393
className={styles.customer_logo_light}
394+
alt={"Logo of United Robotics company."}
374395
/>
375396
</div>
376397
<div className={"col col--3" + " " + "flex-full-centered"}>
377398
<img
378399
src={CEALogoUrl}
379400
className={styles.customer_logo_light}
380401
style={{ width: "60px" }}
402+
alt={"Logo of CEA."}
381403
/>
382404
</div>
383405
<div className={"col col--3" + " " + "flex-full-centered"}>
384406
<img
385407
src={EcolePolytechniqueLogoUrl}
386408
className={styles.customer_logo_light}
409+
alt={"Logo of Ecole Polytechnique."}
387410
style={{ width: "80px" }}
388411
/>
389412
</div>

0 commit comments

Comments
 (0)