bixal-site-drupal - feature request: Update to section header of Case Studies

[mattsqd]

Is your feature request related to a problem? Please describe.

The header should be closer to the second page, instead of the first page of these designs:

Here's what we have now:

Describe the solution you'd like

Changes:

1. Client below title
2. No pipes around client
3. The string Client | should be added in front of each client

Don't change:

• The header colors are fine even though the design doesn't match the implementation. These match the initial designs though.

[mejiaj]

@mattsqd the submitted designs didn't match the Bixal styleguide, so not an issue that they don't match.

The problem with Client | Department of Labor and Education especially if it's in all caps is that screen readers will read it as:

Client vertical line Department of Labor and Education

Is it possible to add most of this in the template? I'm thinking of something like:

<p>
  Client <span aria-hidden="true">|</span> {{ CLIENT_NAME }}
</p>

Or if we want to have all caps:

<!-- Screen readers will read aria-label and ignore text inside. -->
<p aria-label="Client: Department of Labor and Education">
  CLIENT | {{ CLIENT_NAME }}
</p>