# Pygments-high-contrast-stylesheets - WCAG AA passing Pygments stylesheets

**URL:** https://talk.jekyllrb.com/t/pygments-high-contrast-stylesheets-wcag-aa-passing-pygments-stylesheets/1167
**Category:** Share
**Created:** [November 14, 2017, 4:34am UTC](https://talk.jekyllrb.com/t/pygments-high-contrast-stylesheets-wcag-aa-passing-pygments-stylesheets/1167 "2017-11-14T04:34:33Z")
**Posts on this page:** 1
**Showing post:** 4

<div class="post-metadata">

### Author: ![mmistakes](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/mmistakes/32/2169_2.png) [@mmistakes](https://talk.jekyllrb.com/u/mmistakes)
#### Post date: [November 17, 2017, 8:58pm UTC](https://talk.jekyllrb.com/t/pygments-high-contrast-stylesheets-wcag-aa-passing-pygments-stylesheets/1167/4 "2017-11-17T20:58:06Z")

</div>

The extra `div` has to do with a recent change in Jekyll when Rouge (what does the syntax highlighting) was updated.

See this thread for more info.

> [@Different syntax highlighting on GitHub Pages and locaklly](https://talk.jekyllrb.com/t/different-syntax-highlighting-on-github-pages-and-locaklly/1084/7):
>
> Did some more digging and looking at some of Jekyll’s tests, it appears the extra \<div class="highlight"\>\</div\> markup is part of Rouge 2. I have some sites that use the latest version of Jekyll (not GitHub Pages gem) and that’s the sort of markup I get. \<div class="language-js highlighter-rouge"\> \<div class="highlight"\> \<pre class="highlight"\> \<code\>...\</code\> \</pre\> \</div\> \</div\> So for whatever reason Rouge 2 is being engaged for you when building locally, and on GitHub…

---

_[View the full topic](https://talk.jekyllrb.com/t/pygments-high-contrast-stylesheets-wcag-aa-passing-pygments-stylesheets/1167)._