Skip to content

Commit 61ca373

Browse files
committed
alt text fix
1 parent c9144e6 commit 61ca373

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

docs/spfx/viva/design/designing-card.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ Each dashboard card has the following elements:
3939

4040
When adding the title and heading, ensure the text does not truncate and can fit in the card width on both desktop and mobile in both card sizes (more information about sizes is given below) and all languages used. Truncated text can hide key information that might be necessary for the end user to complete the task. For the title, in most cases, a length of 10-12 characters should fit the card width well.
4141

42-
:::image type="content" source="../../../images/viva-design/img_card_truncation.jpg" alt-text="Diagram that shows the submit time of... and Time off options, with the Time off option being the recommended option.":::
42+
:::image type="content" source="../../../images/viva-design/img_card_truncation.jpg" alt-text="Diagram that shows the submit time of and Time off options, with the Time off option being the recommended option.":::
4343

4444
### Layouts and sizes
4545

@@ -67,7 +67,7 @@ Use when the description can add informational value to the heading and can make
6767

6868
Images draw viewer's eye, so use images carefully either to create recognition of a familiar app or website, or increase overall visual prominence of the card on the dashboard. The image should meaningfully connect to the heading and/or title.
6969

70-
:::image type="content" source="../../../images/viva-design/img_card_image.jpg" alt-text="Showing the medium and large icons showing how an image appears for the medium card layout versus how it appears for the large card layout.":::
70+
:::image type="content" source="../../../images/viva-design/img_card_image.jpg" alt-text="Screenshot of the medium and large icons showing how an image appears for the medium card layout versus how it appears for the large card layout.":::
7171

7272
## Interaction
7373

@@ -99,7 +99,7 @@ Here are the best practices for designing card interactions:
9999

100100
​​​​​​​Here are some example cards for how these layouts can be used
101101

102-
:::image type="content" source="../../../images/viva-design/img_card_collections.jpg" alt-text="Screenshot showing various example cards, including cards for Shifts, Tasks, COVID-19, and Tutorials.":::
102+
:::image type="content" source="../../../images/viva-design/img_card_collections.jpg" alt-text="Screenshot showing various example cards, including cards for Shifts, Tasks, COVID 19, and Tutorials.":::
103103

104104

105105
## Platforms and modes

docs/spfx/viva/design/quick-view-samples.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ Design for presenting inventory details from warehouse.
5151

5252
* Sample at [GitHub](https://github.com/pnp/AdaptiveCards-Templates/tree/main/samples/inventory)
5353

54-
:::image type="content" source="../../../images/viva-design/samples/inventory.png" alt-text="Screenshot of a sample inventory details card from a warehouse, showing Distribution center # 73's top selling items.":::
54+
:::image type="content" source="../../../images/viva-design/samples/inventory.png" alt-text="Screenshot of a sample inventory details card from a warehouse, showing Distribution center number 73's top selling items.":::
5555

5656
## Payslip
5757

0 commit comments

Comments
 (0)