Custom Accessibility statement link on bootstrap

In the bootstrap footer, is there a way to display a text link to a custom accessibility statement, instead of the WCAG logo? In the 'Accessibility logo and link' optional property I can only see the option to change the URL the existing image links to, or to hide it completely. I would like to have just the word "Accessibility" to be hyperlinked to a custom URL. Thanks!

Hi Takeshi

You would need to add the script optional property to do this and then paste in this code:

$('.wcagLink a').html('Accessibility');

Change 'Accessibility' to whatever you want the link text to be.

This would need to be done on each individual project - although we do have a ticket open to add functionality in the management pages to allow for changes to the accessibility image / link etc. to be changed for all projects within an installation (unless overridden via optional properties in an individual project).

Fay

Thanks Fay, the script has added the text and for now we are happy to add it manually to each project that needs it.

Unfortunately another issue has arisen now - I'm using the Flat: Blue & Grey theme and the Accessibility link text colour does not have enough contrast to the footer bg colour, and on rollover becomes the same colour as the footer (essentially disappears!). How can I modify the link text & rollover colours? I would also like to be able to bold the text, if possible. Thanks!

Edit: I think I might have solved it - added the following to the Styles OP:
.footer a {
color: #ffffff;
font-weight: bold;}

Seems to work, would you say that was a good way to do it? Thanks!

Yes, that's fine. You can also specify a different colour for hover/focus if you want to using
.footer a:hover, .footer a:focus {
color: ...
}

I will edit the blue & grey theme so that the links are automatically a suitable colour in future releases