fix accessibility issue

Author: kens-visuals

css/style.css

@@ -159,7 +159,8 @@ body {
         fill: #6d7f97;
         background-color: #ecf2f8;
         padding: 0.4rem 0.8rem;
-        border-radius: 50%; }
+        border-radius: 50%;
+        cursor: pointer; }
         @media (min-width: 768px) {
           .card__info-icon-share:hover {
             fill: #ecf2f8;

index.html

@@ -89,13 +89,12 @@ <h1 class="card__heading">
                   </a>
                 </div>
 
-                <a
+                <span
                   href="#"
                   class="
                     card__info-icon card__info-icon-share--active
                     js-share-icon
                   "
-                  aria-label="SVG icon"
                 >
                   <svg
                     xmlns="http://www.w3.org/2000/svg"
@@ -106,20 +105,19 @@ <h1 class="card__heading">
                       d="M15 6.495L8.766.014V3.88H7.441C3.33 3.88 0 7.039 0 10.936v2.049l.589-.612C2.59 10.294 5.422 9.11 8.39 9.11h.375v3.867L15 6.495z"
                     />
                   </svg>
-                </a>
+                </span>
               </div>
 
-              <a
+              <span
                 href="#"
                 class="card__info-icon card__info-icon-share js-share-icon"
-                aria-label="SVG icon"
               >
                 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="13">
                   <path
                     d="M15 6.495L8.766.014V3.88H7.441C3.33 3.88 0 7.039 0 10.936v2.049l.589-.612C2.59 10.294 5.422 9.11 8.39 9.11h.375v3.867L15 6.495z"
                   />
                 </svg>
-              </a>
+              </span>
             </div>
           </div>
         </figure>

scss/_components.scss

@@ -168,6 +168,7 @@
         background-color: $color-secondary;
         padding: 0.4rem 0.8rem;
         border-radius: 50%;
+        cursor: pointer;
 
         @media (min-width: 768px) {
           &:hover {