BB2-2497 Add missing aria labels and alt text for accessibility (#1121)

* BB2-2497 Add missing aria labels and alt text for accessibility

* BB2-2497 Add periods for more clarity for screen readers.

* BB2-2497 Hide hint text for screen readers.

Author: ajshred

sitestatic/design-system/package/fonts/montserrat/montserrat-latin-600.woff2 sitestatic/design-system/package/css/montserrat-latin-600.woff2

@@ -14,6 +14,7 @@
     <div class="ds-u-text-align--center">
         <svg
           role="img"
+          aria-label="medicare.gov"
           aria-labelledby="medicare-gov-1"
           width="273"
           height="39"
@@ -80,14 +81,15 @@ <h1 class="ds-text-heading--2xl ds-u-margin-bottom--3">Connect your Medicare cla
                                     type="checkbox"
                                     value="True"
                                     checked=""
+                                    aria-describedby="allow_access block_access"
                                   />
-                                  <label class="ds-c-label ds-u-text-align--left" for="checkbox_checkbox_choices_2">
+                                  <label class="ds-c-label ds-u-text-align--left" for="radio_1">
 
                                     <span class="ds-text-body--md">Personal Information<br>Your name, address, date of birth, race, and gender</span>
                                   </label>
                                 </div>
-                                    <span class="ds-c-field__hint" id="allow_access">Uncheck to block access to personal information</span>
-                                    <span class="ds-c-field__hint" id="block_access" style="display:none;">Check to allow access to personal information</span>
+                                    <span class="ds-c-field__hint" id="allow_access" role="presentation" aria-hidden="true">Uncheck to block access to personal information.</span>
+                                    <span class="ds-c-field__hint" id="block_access"  role="presentation" aria-hidden="true" style="display:none;">Check to allow access to personal information.</span>
                               </div>
                             </fieldset>
                         </p>

templates/design_system/new_authorize_v2.html

@@ -10,6 +10,7 @@
 
 <!-- FavIcons generated by http://realfavicongenerator.net -->
 <link href="{% static 'img/favicon/favicon.ico' %}" rel="shortcut icon" type="image/x-icon" />
+<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
 <link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/favicon/apple-touch-icon.png' %}">
 <link rel="icon" type="image/png" href="{% static 'img/favicon/favicon-32x32.png' %}" sizes="32x32">
 <link rel="icon" type="image/png" href="{% static 'img/favicon/favicon-16x16.png' %}" sizes="16x16">