Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

Custom Accessibility statement link on bootstrap 11 months 2 days ago #8752

  • takeshi
  • takeshi's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 26
  • Thank you received: 1
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!

Please Log in or Create an account to join the conversation.

Last edit: by takeshi.

Custom Accessibility statement link on bootstrap 11 months 1 day ago #8758

  • Fay
  • Fay's Avatar
  • Offline
  • Elite Member
  • Elite Member
  • Posts: 228
  • Thank you received: 92
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
The following user(s) said Thank You: takeshi

Please Log in or Create an account to join the conversation.

Custom Accessibility statement link on bootstrap 11 months 1 day ago #8759

  • takeshi
  • takeshi's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 26
  • Thank you received: 1
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!

Please Log in or Create an account to join the conversation.

Last edit: by takeshi.

Custom Accessibility statement link on bootstrap 11 months 1 day ago #8760

  • Fay
  • Fay's Avatar
  • Offline
  • Elite Member
  • Elite Member
  • Posts: 228
  • Thank you received: 92
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
The following user(s) said Thank You: takeshi

Please Log in or Create an account to join the conversation.

Last edit: by Fay.
  • Page:
  • 1
Moderators: alimcnronm
Time to create page: 0.045 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search