Skip to content

Commit ad2c4b0

Browse files
committed
fix(catalog): add missing alt tags for accessibility
Signed-off-by: Lorenzo Croce <lorenzo.croce@arenastudios.it>
1 parent 9df7ecf commit ad2c4b0

1 file changed

Lines changed: 7 additions & 7 deletions

File tree

src/sections/Cloud-Native-Catalog/catalog.js

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -137,35 +137,35 @@ const Catalog = () => {
137137
<Row className="catalog">
138138
<Col $md={6} className="catalog-image">
139139
<div className="image-wrapper">
140-
<img src={isDark ? CatalogsDark : CatalogsLight} className="calalog-image" />
140+
<img src={isDark ? CatalogsDark : CatalogsLight} className="calalog-image" alt="Kubernetes Patterns Catalog" />
141141
</div>
142142
</Col>
143143
<Col $md={6} className="catalog-detail">
144144
<h2 className="heading">Harness Well-Architected Kubernetes Patterns</h2>
145145
<p className="caption">
146-
Discover and use top-quality patterns and conventions as templates for your cloud native infrastructure with Meshery Catalog. Publish your own best practices and share with team members and the world.
146+
Discover and use top-quality patterns and conventions as templates for your cloud native infrastructure with Meshery Catalog. Publish your own best practices and share with team members and the world.
147147
</p>
148148
</Col>
149149
</Row>
150150
<Row className="catalog">
151151
<Col $md={6} className="catalog-detail">
152152
<h2 className="heading">
153-
Center of Excellence: Mutli-tentant Platform Engineering Patterns
153+
Center of Excellence: Mutli-tentant Platform Engineering Patterns
154154
</h2>
155155
<p className="caption">
156156
Disseminate your organizational best practices by encapsulating them into your own Meshery design patterns. Expose configurable templates for your developer teams for reuse and environment reconfiguration, while retaining the imbued operational practices within your shared designs.
157157
</p>
158158
</Col>
159159
<Col $md={6} className="catalog-image">
160160
<div className="image-wrapper">
161-
<img src={Patterns} className="calalog-image" />
161+
<img src={Patterns} className="calalog-image" alt="Service Mesh Patterns" />
162162
</div>
163163
</Col>
164164
</Row>
165165
<Row className="catalog">
166166
<Col $md={6} className="catalog-image">
167167
<div className="image-wrapper">
168-
<img src={Wasm} className="calalog-image" />
168+
<img src={Wasm} className="calalog-image" alt="WebAssembly Icon" />
169169
</div>
170170
</Col>
171171
<Col md={6} className="catalog-detail">
@@ -202,7 +202,7 @@ const Catalog = () => {
202202
</Col>
203203
<Col $md={6} className="catalog-image">
204204
<div className="image-wrapper">
205-
<img src={Opa} className="calalog-image" />
205+
<img src={Opa} className="calalog-image" alt="Open Policy Agent (OPA) Icon" />
206206
</div>
207207
</Col>
208208
</Row>
@@ -211,4 +211,4 @@ const Catalog = () => {
211211
);
212212
};
213213

214-
export default Catalog;
214+
export default Catalog;

0 commit comments

Comments
 (0)