Add Alt text to Free Culture Works Icons

Signed-off-by: Olga Bulat <obulat@gmail.com>

Author: obulat

src/components/SelectedLicenseInfo.vue

@@ -4,11 +4,10 @@
             <a :href="this.$licenseUrl(value.shortName)">{{ value.fullName }}</a>
         </h4>
         <p id='chooser-selected-description'>
-            <b>{{this.value.shortName.slice(0, this.value.shortName.length-3)}}</b>
-            {{ this.$t("selected-license.description.common") }}
-            <span v-if="!value.fullName.includes('CC0')">
-                {{this.$t("selected-license.description.non-cc0") }}
-            </span>
+            <b>{{this.value.shortName.slice(0, this.value.shortName.length-3)}}</b> {{
+            this.$t("license-description.common") }} <span
+            v-if="!value.fullName.includes('CC0')">{{this.$t("license-description.non-cc0")
+            }}</span>
         </p>
         <section class="license-visual-info">
             <ul class="license-list">
@@ -18,15 +17,17 @@
                         <LicenseIconography
                             :icon-list="[item]"/>
                         <span class="readable-string">
-                            {{ $t(`selected-license.description.${item}`)}}
+                            {{ $t(`license-description.${item}`)}}
                         </span>
                     </li>
                 </transition-group>
             </ul>
             <div class="freeworks-status__div">
                 <a href="https://creativecommons.org/freeworks">
-                    <img v-if="this.freeWorkStatus" src="../assets/license-icons/fc_approved_small.png" alt="" />
-                    <img v-else src="../assets/license-icons/fc_dubious.png" alt=""/>
+                    <img v-if="this.freeWorkStatus" src="../assets/license-icons/fc_approved_small.png"
+                         alt="{{ $t('alt.free-works-icon') }}" />
+                    <img v-else src="../assets/license-icons/fc_dubious.png"
+                         alt="{{ $t('alt.non-free-works-icon') }}" />
                 </a>
             </div>
             <p class="freeworks-status__p">

src/locales/en.json

@@ -163,5 +163,9 @@
             "text": " <p class='help-text'>  There are six main licenses that Creative Commons offers.</p>   <p class='help-text'>In the diagram to the right, you can see the six main licenses and the public domain CC0 license, and how restrictive they are, with licenses at the top being the least restrictive, and licenses at the bottom being the most restrictive.</p>   <p class='help-text'> If you are unsure about which one is right for you and your work, please see the \"Choose a License\" section above. </p>",
             "footer": "For more information, please see <a id=\"licensing_examples_link\" href=\"https://creativecommons.org/share-your-work/licensing-types-examples/\">this page on Creative Commons licenses.</a>"
         }
+    },
+    "alt": {
+        "free-works-icon": "Free Works Icon",
+        "non-free-works-icon": "Icon for a non-Free Works License"
     }
 }