Whatever you choose, make sure there’s enough contrast between the text and its background. There’s an easy to use checker on WebAIM
. On this site, you can also find a lot of other valuable information about web accessibility that’s worth checking.
Oh, and never ever underline text that is not a link. That’s utterly confusing.
Visit the demo page
for examples on how this stack can improve the accessibility of your links.Usage
Just drag one or more stacks that can contain text in the drop zone of the stack.
You can also style links in elements outside the stack (like the sidebar). This option is meant for advanced users only and the use of it is not supported (you can also use DooBox’ Teleporter Stack
or the PlusKit Plugin by YourHead
Need help using it on a non-stacks page? Here’s a tutorial
- You can use only one custom selector in the stack. When you want to use more than one custom, add another copy of this stack, disable the option use with drop zone and set another custom selector. Repeat if necessary.
- If links are spread over two lines, the icon at the end of a link may end up at the next line; and the background does not look perfect in Internet Explorer and Edge (fig. 1). At present, the only solution to prevent this is to use the option keep link text on one line.
- The LinkPlus Stack is not compatible with the ExternalLinkIcon3 Stack. Don’t worry, all options of that stack are also part of the LinkPlus Stack.
Please use this form
to report all issues, questions and comments.
This stack requires the Stacks plugin by YourHead
(version 3 or higher).