[WCAG][s]: Use "em" instead of "i" in copy links

datopian · Dec 9, 2020 · b3bd51f · b3bd51f
1 parent 1eed852
commit b3bd51f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/dist/components/Share/index.js b/dist/components/Share/index.js
@@ -74,7 +74,7 @@ var _default = function _default(props) {
     onClick: function onClick() {
       copy(shareLink);
     }
-  }, _react.default.createElement("i", null, t("copy share link")))), _react.default.createElement("div", {
+  }, _react.default.createElement("em", null, t("copy share link")))), _react.default.createElement("div", {
     className: "m-4 ml-0 dx-embed-link"
   }, _react.default.createElement("input", {
     id: "embed-" + Math.random().toString(36).slice(2, 5),
@@ -88,7 +88,7 @@ var _default = function _default(props) {
     onClick: function onClick() {
       copy(iframe);
     }
-  }, _react.default.createElement("i", null, t("copy embed text"))))) : _react.default.createElement("p", {
+  }, _react.default.createElement("em", null, t("copy embed text"))))) : _react.default.createElement("p", {
     className: "no-share-link-message"
   }, t('No share link available')), props.apiUri && _react.default.createElement("div", {
     className: "m-4 ml-0 dx-apiuri-link"
@@ -104,7 +104,7 @@ var _default = function _default(props) {
     onClick: function onClick() {
       copy(props.apiUri);
     }
-  }, _react.default.createElement("i", null, t("copy API URI")))));
+  }, _react.default.createElement("em", null, t("copy API URI")))));
 };
 
 exports.default = _default;
diff --git a/src/components/Share/index.js b/src/components/Share/index.js
@@ -50,19 +50,19 @@ export default props => {
           ? <div>
               <div className="m-4 ml-0 dx-share-link">
                 <input id={"share-link-"+Math.random().toString(36).slice(2,5)} title="Share link" className="border-solid border-2 border-gray-600 w-1/2 px-2" value={shareLink} />
-                <a href="#/" id={"copy-share-link-"+Math.random().toString(36).slice(2,5)} className="m-4" onClick={() => {copy(shareLink)}}><i>{t("copy share link")}</i></a>
+                <a href="#/" id={"copy-share-link-"+Math.random().toString(36).slice(2,5)} className="m-4" onClick={() => {copy(shareLink)}}><em>{t("copy share link")}</em></a>
               </div>
               <div className="m-4 ml-0 dx-embed-link">
                 <input id={"embed-"+Math.random().toString(36).slice(2,5)} title="Embedded link" className="border-solid border-2 border-gray-600 px-2 w-1/2" value={iframe} />
-                <a href="#/" id={"copy-share-link-"+Math.random().toString(36).slice(2,5)} className="m-4" onClick={() => {copy(iframe)}}><i>{t("copy embed text")}</i></a>
+                <a href="#/" id={"copy-share-link-"+Math.random().toString(36).slice(2,5)} className="m-4" onClick={() => {copy(iframe)}}><em>{t("copy embed text")}</em></a>
               </div>
             </div>
           : <p className="no-share-link-message">{t('No share link available')}</p>
         }
         {props.apiUri
           && <div className="m-4 ml-0 dx-apiuri-link">
                 <input id={"apiUri-"+Math.random().toString(36).slice(2,5)} title="API URI link" className="border-solid border-2 border-gray-600 px-2 w-1/2" value={props.apiUri} />
-                <a href="#/" id={"copy-share-link-"+Math.random().toString(36).slice(2,5)} className="m-4" onClick={() => {copy(props.apiUri)}}><i>{t("copy API URI")}</i></a>
+                <a href="#/" id={"copy-share-link-"+Math.random().toString(36).slice(2,5)} className="m-4" onClick={() => {copy(props.apiUri)}}><em>{t("copy API URI")}</em></a>
              </div>
         }
       </div>