Merge pull request #53 from mpolidori/fix/WCAG-2.1-compliance

Fix/wcag 2.1 compliance

Author: EvgeniiaVak

dist/App.js

@@ -163,6 +163,7 @@ function DataView(props) {
         className: "App"
       }, _react.default.createElement("p", null, t('Data view unavailable.')), _react.default.createElement("a", {
         href: view.resources[0].path,
+        "aria-label": t('Download ') + view.resources[0].title + t(' data'),
         className: "text-primary font-bold"
       }, t('Download the data.')));
     } else {

dist/__snapshots__/App.test.js.snap

@@ -589,6 +589,7 @@ exports[`renders an iframe for web spec type 1`] = `
   <iframe
     height="475px"
     src="http://example.com"
+    title="Embedded content"
     width="100%"
   >
     Your browser doesn't support "iframe".

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datopian/datapackage-views-js",
-  "version": "1.3.16",
+  "version": "1.3.17",
   "private": false,
   "main": "/dist/App.js",
   "module": "/dist/App.js",

src/App.js

@@ -120,7 +120,7 @@ export function DataView(props) {
       return (
         <div className="App">
           <p>{t('Data view unavailable.')}</p>
-          <a href={view.resources[0].path} className="text-primary font-bold">{t('Download the data.')}</a>
+          <a href={view.resources[0].path} aria-label={t('Download ') + view.resources[0].title + t(' data')} className="text-primary font-bold">{t('Download the data.')}</a>
         </div>
       )
     } else {