[thelist] Markup for navigation ( <<Previous 1 2 3 ... 12 13 14 Next>> )

Bill Moseley moseley at hank.org
Wed Jun 27 07:54:42 CDT 2007


Another markup question -- and mostly about accessibility, I guess.
Is there a "correct" way to mark up page navigation?

Currently, I tend to mark up something like this:

Viewing Page: 41 - 50 of 200
Previous 1 2 3 4 <5> 6 7 8 9 ... 20 Next

    <p class="pager">
        <span class="summary">Viewing Page: 41 - 50 of 200</span>
        <a href="?p4"><span>Previous</span></a>
        <a href="?p=1"><span>1</span></a>
        <a href="?p=2"><span>2</span></a>
        <a href="?p=3"><span>3</span></a>
        <a accesskey="P" href="?p=4"><span>4</span></a>

        <span class="current-page">5</span>

        <a accesskey="N" href="?p=6"><span>6</span></a>
        <a href="?p=7"><span>7</span></a>
        <a href="?p=8"><span>8</span></a>
        <a href="?p=9"><span>9</span></a>
        ...
        <a href="?p=20"><span>20</span></a>
        <a href="?p=6"><span>Next</span></a>
    </p>

But, it kind of looks like a list.  Should each page number be in a
<li> inside an <ul> or <ol>?

-- 
Bill Moseley
moseley at hank.org




More information about the thelist mailing list