Just a reminder for myself, to make links accessible to screenreaders, use the following template or a variation of thereof:
<a href="..."
<span data-bind="text: regularLinkText">
<span data-bind="text: accessibleLinkText" class="sr-only"> <!-- this will be the text for screen reader and not visible to naked eye -->
</a>
The problem I kept having was that I set the data-bind="text: linkTextHere" on the actual <a> tag, and that wiped out whatever other controls I nested inside.
