Accessibility issue in ExDoc headers

[josevalim]

The experience could be improved further if those links to "view source" and "link to this function" were semantically outside of the heading. Currently if you navigate to e.g. "API Reference", the announcement says "Navigated to view source API reference". It would require a bit of a CSS rewrite.

Originally posted by @angelikatyborska in #1986 (comment)

[josevalim]

@DavidOliver, if you have some availability, could you take a look? I think you have experience changing this part of the app and would probably be 10x more productive than me. If you cannot look at it, I understand. :) Thank you! ❤️

[josevalim]

I think we should have something like this or similar:

<div id="modules" class="section-heading">
  <a href="#modules" class="hover-link">
    <i class="ri-link-m" aria-hidden="true"></i>
  </a>
  <h2 class="text">Modules</h2>
</div>

[DavidOliver]

@josevalim, sure, I'll take a look.

[DavidOliver]

Now in progress.

[josevalim]

Closing in favor of the PR :)