User:Jd/Proposal/LangCSS

From the Wikimedia Foundation
Jump to: navigation, search

DONE

Idea

Enhance accessibility by using a semantic list (<ul>). With some css magic we can keep the look 'n feel of the current lang templates :)
It only requires to add some CSS to MediaWiki:monobook.css and people to use <div class="divlang">...</div> and a ul list in the lang templates (see example below). Since those templates are not frequently edited, it would not be hard to maintain (I can check).

Result

To be added to MediaWiki:monobook.css

To actually see the result, you need to add the following lines in your User:YOU/monobook.css (then, update it and refresh this page):
It's alive in MediaWiki:monobook.css :)

.divlang {
    background: #F9F9F9;
    border: 1px solid #E9E9E9;

  // ... blabla ... //

    margin-left: 0;
    padding-left: 0;
}

Source code of the example

<div class="divlang">
<ul>
<li class="firstlang">[[Current events|English]]</li>
<li>[[Actualités|Français]]</li>
<li>[[Actualiteiten|Nederlands]]</li>
<li>[[新闻动态|中文]]</li>
</ul>
</div>