Add branding_topbar_logo

[sandroscosta]

Purpose

The current implementation of base.html template doesn't allow us to customize the link on the branding_topbar, only the logo.

Additional context

We received information form our accessibility regulation national agency that our site was not compliant. One of the things they highlighted is that the homepage h1 does not have enough context and that It would be more relevant to have it associated with the page branding (the top logo).

The suggestion is to only have a "Go back to main page" link if you're not on the main page. Also, if you're on the main page, you should see the h1 around the image.

<h1>                   
   <img src="your logo" alt="Richie">
</h1>

If you want to, you can use a different strategy:

<h1>     
   <img src="your logo" alt="Richie" aria-hidden="true">
   <span class="offscreen">Richie website</span>
</h1>

The <a> should only be present when you're not on the main page. The h1 is then replaced with a.

Proposal

Add a new block to host the site image and move the previous one to the outer block.
This will allow us to override the branding_topbar and the outer link behaviour for a11y purposes.

[sandroscosta]

@jbpenrath It is giving me an error with <DashboardCreditCardsManagement> that I don't get why it is happening. Went through the file and the error and I'm not getting why it is happening. Can you provide any context? Am I missing something?