fix allow passing aria label to link

Author: fabiankaegy

components/link/index.tsx

@@ -104,6 +104,7 @@ interface LinkProps {
 	kind?: string;
 	placeholder?: string;
 	className?: string;
+	ariaLabel?: string;
 }
 
 /*
@@ -123,6 +124,7 @@ export const Link: FC<LinkProps> = ({
 	kind = '',
 	placeholder = __('Link text ...', '10up-block-components'),
 	className = undefined,
+	ariaLabel = undefined,
 	...rest
 }) => {
 	const [isPopoverVisible, setIsPopoverVisible] = useState(false);
@@ -155,7 +157,7 @@ export const Link: FC<LinkProps> = ({
 				className={clsx('tenup-block-components-link__label', className)}
 				value={value}
 				onChange={onTextChange}
-				aria-label={__('Link text', '10up-block-components')}
+				aria-label={ariaLabel || value || __('Link text', '10up-block-components')}
 				placeholder={placeholder}
 				__unstablePastePlainText
 				allowedFormats={[]}

components/link/readme.md

@@ -37,6 +37,7 @@ const BlockEdit = (props) => {
                 onLinkRemove={ handleLinkRemove }
                 className='example-classname'
                 placeholder='Enter Link Text here...'
+                ariaLabel='Read more about our services'
             />
         </div>
     )
@@ -59,4 +60,5 @@ The `<RichText>` node will only render when BlockEdit is selected.
 |  `kind` | `string` | `""` |        Page or Post |
 |  `placeholder` | `string` | `Link text ...` |      Text visible before actual value is inserted |
 |  `className` | `string` | `undefined` |          html class to be applied to the anchor element |
+|  `ariaLabel` | `string` | `undefined` |          Custom aria-label for accessibility. Defaults to the link text (value) if not provided |
 |  `...rest` | `object` | `{}` | pass through any additional props to the RichText component used for the link element |