From 1d3bb8776ebbb53bc213c53670f098df309952ac Mon Sep 17 00:00:00 2001 From: hypnotoad08 Date: Mon, 2 Jun 2025 18:31:07 -0400 Subject: [PATCH 1/2] Add meaningful captions for accessibility attribues of the image --- src/app/app.component.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index bb0b73f..faac77c 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -111,6 +111,9 @@ export class AppComponent { enlargedWidth: i.width, enlargedHeight: i.height, title: i.description ? i.description : i.user.name, + caption: i.description + ? `A photo showing: ${i.description}` + : `A photo by ${i.user.name}`, }; } From 303989b14f74740dc264c69484da1e55b3d52370 Mon Sep 17 00:00:00 2001 From: hypnotoad08 Date: Sun, 9 Nov 2025 14:17:51 -0500 Subject: [PATCH 2/2] refactor: update image object to use 'alt' instead of 'caption' for accessibility --- src/app/app.component.ts | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 049269d..26ffb84 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -111,9 +111,7 @@ export class AppComponent { enlargedWidth: i.width, enlargedHeight: i.height, title: i.description ? i.description : i.user.name, - caption: i.description - ? `A photo showing: ${i.description}` - : `A photo by ${i.user.name}`, + alt: i.description ? `A photo showing: ${i.description}` : `A photo by ${i.user.name}`, }; }