fix: added title and aria-label to 'a' tag and button (#531)

* fix: added title and aria-label to 'a' tag and button

* fix: add destructurization of props

* fix: add destructurization of props

Author: VitaliiDC8

src/blocks/Icons/Icons.tsx

@@ -24,17 +24,20 @@ const Icons = ({title, size = 's', items}: IconsBlockProps) => {
             {title && <Title className={b('header')} title={title} colSizes={{all: 12}} />}
             {items.map((item) => {
                 const itemContent = getItemContent(item);
-                return item.url ? (
+                const {url, text} = item;
+                return url ? (
                     <a
                         className={b('item')}
-                        key={item.url}
-                        href={item.url}
-                        {...getLinkProps(item.url, hostname)}
+                        key={url}
+                        href={url}
+                        aria-label={text}
+                        title={text}
+                        {...getLinkProps(url, hostname)}
                     >
                         {itemContent}
                     </a>
                 ) : (
-                    <div className={b('item')} key={item.url}>
+                    <div className={b('item')} key={url}>
                         {itemContent}
                     </div>
                 );

src/components/VideoBlock/VideoBlock.tsx

@@ -151,7 +151,7 @@ const VideoBlock = (props: VideoBlockProps) => {
                         containerClassName={b('image-wrapper')}
                     />
                     {playButton || (
-                        <button className={b('button')}>
+                        <button title="Play" className={b('button')}>
                             <Icon className={b('icon')} data={PlayVideo} size={24} />
                         </button>
                     )}

src/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx

@@ -38,7 +38,7 @@ export const NavigationLink: React.FC<NavigationLinkProps> = (props) => {
     } else {
         return (
             <RouterLink href={url} passHref>
-                <a {...rest} className={classes}>
+                <a title={text} {...rest} className={classes}>
                     {content}
                 </a>
             </RouterLink>

src/navigation/components/SocialIcon/SocialIcon.tsx

@@ -15,9 +15,17 @@ export interface NavigationSocialItemOwnProps extends NavigationSocialItem {
 
 const SocialIcon: React.FC<NavigationSocialItemOwnProps> = ({icon, url, className}) => {
     const iconData = getMediaImage(icon);
+    const {alt} = iconData;
 
     return (
-        <a href={url} target="_blank" rel="noopener noreferrer" className={b(null, className)}>
+        <a
+            href={url}
+            aria-label={alt}
+            title={alt}
+            target="_blank"
+            rel="noopener noreferrer"
+            className={b(null, className)}
+        >
             <Image className={b('icon')} {...iconData} />
         </a>
     );