ADR 2.0.1 <pre> URI's have wrong highlighting creating A11Y contrast issues

[bwbroersma]

Currently <pre>URI</pre> is used, see DesignRules.md#L51:

<pre>https://api.example.org/v1/gebouwen<br/>https://api.example.org/v1/vergunningen</pre>

In the published ADR 2.0.0 this results in no contrast issues, but highlightjs will wrongly auto detected this as JavaScript, so https: as label and the following // as comment:

<code class="hljs javascript">https:<span class="hljs-comment">//api.example.org/v1/gebouwen</span>
https:<span class="hljs-comment">//api.example.org/v1/vergunningen</span></code>

There is no contrast issue in ADR 2.0.0, but in ADR 2.0.1 is probably generated with a newer highlightjs version, since the generated HTML now also has the hljs-attr styling class:

<code class="hljs javascript"><span class="hljs-attr">https</span>:<span class="hljs-comment">//api.example.org/v1/gebouwen</span>
<span class="hljs-attr">https</span>:<span class="hljs-comment">//api.example.org/v1/vergunningen</span></code>

Together with a color change, the contrast of the 'comment part' of the URI against the background is 2.32, which is too low for WCAG AA rating.

Maybe the nohighlight class should be used? E.g.

<pre class="nohighlight">https://uri</pre>

BTW If your unfamiliar, see the Firefox Developer Tools, Accessibility tab and check for contrast:

Also see MDN about WCAG ratings for more information.