fixup! Feat(web-react): Introduce UNSTABLE_PartnerLogo component #DS-…

…1357

packages/web-react/src/components/UNSTABLE_PartnerLogo/README.md

@@ -8,7 +8,7 @@ PartnerLogo is a component designed to display the partner's logo (e.g. advertis
 ```jsx
 import { UNSTABLE_PartnerLogo } from '@lmc-eu/spirit-web-react';
 
-<UNSTABLE_PartnerLogo>
+<UNSTABLE_PartnerLogo aria-label="Logo of the partner">
   <!-- Logo go here -->
 </UNSTABLE_PartnerLogo>
 ```
@@ -18,17 +18,45 @@ import { UNSTABLE_PartnerLogo } from '@lmc-eu/spirit-web-react';
 The PartnerLogo component is available in [sizes][dictionary-size].
 
 ```jsx
-<UNSTABLE_PartnerLogo size="small">
+<UNSTABLE_PartnerLogo size="small" aria-label="Logo of the partner">
   <!-- Logo go here -->
 </UNSTABLE_PartnerLogo>
-<UNSTABLE_PartnerLogo size="small">
+<UNSTABLE_PartnerLogo size="small" aria-label="Logo of the partner">
   <!-- Logo go here -->
 </UNSTABLE_PartnerLogo>
-<UNSTABLE_PartnerLogo size="small">
+<UNSTABLE_PartnerLogo size="small" aria-label="Logo of the partner">
   <!-- Logo go here -->
 </UNSTABLE_PartnerLogo>
 ```
 
+## Content
+
+The content of the PartnerLogo component can be an image or svg.
+
+### Image
+
+```jsx
+<UNSTABLE_PartnerLogo aria-label="Logo of the partner">
+  <img src="path-to-logo" alt="Partner Logo" aria-hidden="true" />
+</UNSTABLE_PartnerLogo>
+```
+
+ℹ️ Don't forget to add the `aria-label` attribute for accessible title.
+The image should have an `alt` attribute set and can be aria-hidden, because the `aria-label`
+attribute is set on the container.
+
+### SVG
+
+```jsx
+<UNSTABLE_PartnerLogo aria-label="Logo of the partner">
+  <svg width="300" height="130">
+    <rect width="200" height="100" x="10" y="10" rx="20" ry="20" fill="#fff" />
+  </svg>
+</UNSTABLE_PartnerLogo>
+```
+
+ℹ️ Don't forget to add the `aria-label` attribute for accessible title.
+
 ## API
 
 | Name       | Type                               | Default  | Required | Description                |