User:Jd/Proposal/LangCSS

    From Wikimedia Foundation Governance Wiki

    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>