accessibility amends misc
This commit is contained in:
+211
-207
@@ -13,7 +13,10 @@ export default function Footer(props) {
|
||||
|
||||
const linksBlock = Object.keys(linksArr).map((key) => (
|
||||
<li className="govuk-footer__inline-list-item" key={key}>
|
||||
<Link href={linksArr[key].path || "/"} className="govuk-footer__link">
|
||||
<Link
|
||||
href={linksArr[key].path || "/"}
|
||||
className="govuk-footer__link"
|
||||
>
|
||||
{linksArr[key].title}
|
||||
</Link>
|
||||
</li>
|
||||
@@ -34,214 +37,214 @@ export default function Footer(props) {
|
||||
" " +
|
||||
t("common:gov-wales-label").toLowerCase();
|
||||
|
||||
return <>
|
||||
<div className="sharebar" id="sharebar">
|
||||
<div className="sharebar__components container-fluid">
|
||||
<div className="main__sharebar">
|
||||
<div
|
||||
className={
|
||||
showShareState
|
||||
? "block-share active"
|
||||
: "block-share"
|
||||
}
|
||||
>
|
||||
<button
|
||||
id="sharePage"
|
||||
aria-controls="sharePageLinks"
|
||||
aria-expanded="true"
|
||||
onClick={() => {
|
||||
shareState();
|
||||
}}
|
||||
>
|
||||
{t("common:social-bar-share-link")}
|
||||
</button>
|
||||
<ul
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
className="sharebar"
|
||||
id="sharebar"
|
||||
role="complementary"
|
||||
aria-label="Share this page"
|
||||
>
|
||||
<div className="sharebar__components container-fluid">
|
||||
<div className="main__sharebar">
|
||||
<div
|
||||
className={
|
||||
showShareState
|
||||
? "block-share active"
|
||||
: "block-share"
|
||||
}
|
||||
id="sharePageLinks"
|
||||
aria-labelledby="sharePage"
|
||||
>
|
||||
<li>
|
||||
<a
|
||||
href={
|
||||
"https://twitter.com/intent/tweet?url=" +
|
||||
shareBodyStr
|
||||
}
|
||||
className="twitter"
|
||||
>
|
||||
<span className="vo_hidden">
|
||||
{t(
|
||||
"common:social-bar-share-via-link"
|
||||
)}{" "}
|
||||
</span>
|
||||
Twitter
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href={
|
||||
"https://www.facebook.com/sharer/sharer.php?u=" +
|
||||
shareBodyStr
|
||||
}
|
||||
className="facebook"
|
||||
>
|
||||
<span className="vo_hidden">
|
||||
Share this page via{" "}
|
||||
</span>
|
||||
Facebook
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href={
|
||||
"mailto:?body=" +
|
||||
shareBodyStr +
|
||||
"&subject=" +
|
||||
shareSubjectStr
|
||||
} //</li>https%3A//gov.wales/&subject=Shared%20from%20gov.wales"
|
||||
className="email"
|
||||
>
|
||||
<span className="vo_hidden">
|
||||
Share this page via{" "}
|
||||
</span>
|
||||
Email
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
id="sharebar__backtotop"
|
||||
className="btn--outlined btn--arrow-up"
|
||||
>
|
||||
<a href="#page_wrapper">
|
||||
{t("common:back-to-top-link")}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer className="govuk-footer " role="contentinfo">
|
||||
<div className="govuk-width-container ">
|
||||
<div className="govuk-footer__meta">
|
||||
<div className="govuk-footer__meta-item govuk-footer__meta-item--grow">
|
||||
<h2 className="govuk-visually-hidden">
|
||||
Support links
|
||||
</h2>
|
||||
<nav
|
||||
role="navigation"
|
||||
aria-labelledby="footer_links"
|
||||
>
|
||||
<ul className="govuk-footer__inline-list">
|
||||
<li className="govuk-footer__inline-list-item govuk-!-font-weight-bold govuk-!-margin-right-7">
|
||||
<button
|
||||
id="sharePage"
|
||||
aria-controls="sharePageLinks"
|
||||
aria-expanded="true"
|
||||
onClick={() => {
|
||||
shareState();
|
||||
}}
|
||||
>
|
||||
{t("common:social-bar-share-link")}
|
||||
</button>
|
||||
<ul
|
||||
className={
|
||||
showShareState
|
||||
? "block-share active"
|
||||
: "block-share"
|
||||
}
|
||||
id="sharePageLinks"
|
||||
aria-labelledby="sharePage"
|
||||
>
|
||||
<li>
|
||||
<a
|
||||
href={t(
|
||||
"common:footer-guidance-link"
|
||||
)}
|
||||
className="nav-link"
|
||||
href={
|
||||
"https://twitter.com/intent/tweet?url=" +
|
||||
shareBodyStr
|
||||
}
|
||||
className="twitter"
|
||||
>
|
||||
{t(
|
||||
"common:footer-guidance-link-label"
|
||||
)}
|
||||
<span className="vo_hidden">
|
||||
{t(
|
||||
"common:social-bar-share-via-link"
|
||||
)}{" "}
|
||||
</span>
|
||||
Twitter
|
||||
</a>
|
||||
</li>
|
||||
<li className="govuk-footer__inline-list-item govuk-!-font-weight-bold">
|
||||
<li>
|
||||
<a
|
||||
href={t(
|
||||
"common:footer-contact-us-link"
|
||||
)}
|
||||
className="govuk-footer__link"
|
||||
id="aContactUs"
|
||||
href={
|
||||
"https://www.facebook.com/sharer/sharer.php?u=" +
|
||||
shareBodyStr
|
||||
}
|
||||
className="facebook"
|
||||
>
|
||||
{t(
|
||||
"common:footer-contact-us-link-label"
|
||||
)}
|
||||
<span className="vo_hidden">
|
||||
Share this page via{" "}
|
||||
</span>
|
||||
Facebook
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href={
|
||||
"mailto:?body=" +
|
||||
shareBodyStr +
|
||||
"&subject=" +
|
||||
shareSubjectStr
|
||||
} //</li>https%3A//gov.wales/&subject=Shared%20from%20gov.wales"
|
||||
className="email"
|
||||
>
|
||||
<span className="vo_hidden">
|
||||
Share this page via{" "}
|
||||
</span>
|
||||
Email
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul
|
||||
className="govuk-footer__inline-list"
|
||||
id="footer_links"
|
||||
</div>
|
||||
<div
|
||||
id="sharebar__backtotop"
|
||||
className="btn--outlined btn--arrow-up"
|
||||
>
|
||||
<a href="#page_wrapper">
|
||||
{t("common:back-to-top-link")}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer className="govuk-footer " role="contentinfo">
|
||||
<div className="govuk-width-container ">
|
||||
<div className="govuk-footer__meta">
|
||||
<div className="govuk-footer__meta-item govuk-footer__meta-item--grow">
|
||||
<h2 className="govuk-visually-hidden">
|
||||
Support links
|
||||
</h2>
|
||||
<nav
|
||||
role="navigation"
|
||||
aria-labelledby="footer_links"
|
||||
>
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<Link
|
||||
href={
|
||||
router.locale == "cy"
|
||||
? "/hygyrchedd"
|
||||
: "/accessibility"
|
||||
}
|
||||
className="govuk-footer__link"
|
||||
id="aAccessibility">
|
||||
<ul className="govuk-footer__inline-list">
|
||||
<li className="govuk-footer__inline-list-item govuk-!-font-weight-bold govuk-!-margin-right-7">
|
||||
<a
|
||||
href={t(
|
||||
"common:footer-guidance-link"
|
||||
)}
|
||||
className="nav-link"
|
||||
>
|
||||
{t(
|
||||
"common:footer-guidance-link-label"
|
||||
)}
|
||||
</a>
|
||||
</li>
|
||||
<li className="govuk-footer__inline-list-item govuk-!-font-weight-bold">
|
||||
<a
|
||||
href={t(
|
||||
"common:footer-contact-us-link"
|
||||
)}
|
||||
className="govuk-footer__link"
|
||||
id="aContactUs"
|
||||
>
|
||||
{t(
|
||||
"common:footer-contact-us-link-label"
|
||||
)}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul
|
||||
className="govuk-footer__inline-list"
|
||||
id="footer_links"
|
||||
>
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<Link
|
||||
href={
|
||||
router.locale == "cy"
|
||||
? "/hygyrchedd"
|
||||
: "/accessibility"
|
||||
}
|
||||
className="govuk-footer__link"
|
||||
id="aAccessibility"
|
||||
>
|
||||
{t(
|
||||
"common:footer-accessibility-link-label"
|
||||
)}
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
{t(
|
||||
"common:footer-accessibility-link-label"
|
||||
)}
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<Link
|
||||
href={
|
||||
router.locale == "cy"
|
||||
? "/help/cwcis"
|
||||
: "/help/cookies"
|
||||
}
|
||||
id="aCookies"
|
||||
className="govuk-footer__link"
|
||||
>
|
||||
{t("common:footer-cookies-link")}
|
||||
</Link>
|
||||
</li>
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<a
|
||||
href={t(
|
||||
"common:footer-copyright-link"
|
||||
)}
|
||||
className="govuk-footer__link"
|
||||
id="Access"
|
||||
>
|
||||
{t(
|
||||
"common:footer-copyright-link-label"
|
||||
)}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</Link>
|
||||
</li>
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<Link
|
||||
href={t(
|
||||
"common:footer-privacy-link"
|
||||
)}
|
||||
id="aPrivacy"
|
||||
className="govuk-footer__link"
|
||||
>
|
||||
{t(
|
||||
"common:footer-privacy-link-label"
|
||||
)}
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<Link
|
||||
href={
|
||||
router.locale == "cy"
|
||||
? "/help/cwcis"
|
||||
: "/help/cookies"
|
||||
}
|
||||
id="aCookies"
|
||||
className="govuk-footer__link">
|
||||
|
||||
{t(
|
||||
"common:footer-cookies-link"
|
||||
)}
|
||||
|
||||
</Link>
|
||||
</li>
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<a
|
||||
href={t(
|
||||
"common:footer-copyright-link"
|
||||
)}
|
||||
className="govuk-footer__link"
|
||||
id="Access"
|
||||
>
|
||||
{t(
|
||||
"common:footer-copyright-link-label"
|
||||
)}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<Link
|
||||
href={t(
|
||||
"common:footer-privacy-link"
|
||||
)}
|
||||
id="aPrivacy"
|
||||
className="govuk-footer__link">
|
||||
|
||||
{t(
|
||||
"common:footer-privacy-link-label"
|
||||
)}
|
||||
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<Link
|
||||
href={t(
|
||||
"common:footer-terms-conditions-link"
|
||||
)}
|
||||
id="aTermsConds"
|
||||
className="govuk-footer__link">
|
||||
|
||||
{t(
|
||||
"common:footer-terms-conditions-link-label"
|
||||
)}
|
||||
|
||||
</Link>
|
||||
</li>
|
||||
{/* <li className="govuk-footer__inline-list-item">
|
||||
<li className="govuk-footer__inline-list-item">
|
||||
<Link
|
||||
href={t(
|
||||
"common:footer-terms-conditions-link"
|
||||
)}
|
||||
id="aTermsConds"
|
||||
className="govuk-footer__link"
|
||||
>
|
||||
{t(
|
||||
"common:footer-terms-conditions-link-label"
|
||||
)}
|
||||
</Link>
|
||||
</li>
|
||||
{/* <li className="govuk-footer__inline-list-item">
|
||||
<a
|
||||
href={t(
|
||||
"common:footer-alternative-languages-link"
|
||||
@@ -256,25 +259,26 @@ export default function Footer(props) {
|
||||
)}
|
||||
</a>
|
||||
</li> */}
|
||||
</ul>
|
||||
</nav>
|
||||
<div
|
||||
className="footer_logo container-fluid"
|
||||
id="footer_logo"
|
||||
>
|
||||
<a
|
||||
href={t("common:gov-wales-link")}
|
||||
className="footer__logo"
|
||||
id="footerlogo"
|
||||
</ul>
|
||||
</nav>
|
||||
<div
|
||||
className="footer_logo container-fluid"
|
||||
id="footer_logo"
|
||||
>
|
||||
<span className="visually-hidden">
|
||||
{t("common:gov-wales-label")}
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
href={t("common:gov-wales-link")}
|
||||
className="footer__logo"
|
||||
id="footerlogo"
|
||||
>
|
||||
<span className="visually-hidden">
|
||||
{t("common:gov-wales-label")}
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</>;
|
||||
</footer>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user