Menu

#852 Accessibility - Use semantic markup plus CSS

open
nobody
None
5
2007-08-14
2007-08-11
Wes Groleau
No

I don't know how many blind people do genealogy, and
I certainly would NOT put a high priority on this, but...

It would be nice if style relied more on CSS instead of tables, and more on semantic markup plus CSS instead of
SPAN and DIV.

Perhaps there could be an overall aim to gradually
migrate in that direction when changing other things.

For example:

<div class="news_box" id="article1">
<span class="news_title">Actual Title</span><br />
<span class="news_date">actual date/time</span><br /><br />
Article paragraph one.<br />
<br />
Article paragraph two.<br />
</div>

would be better as

<div class="news_box" id="article1">
<h2>Actual Title</h2>
<h3>actual date/time</h3>
<p>Article paragraph one.</p>
<p>Article paragraph two.<p>
</div>

(with '.newsbox h2' etc. defined in CSS of course)

Discussion

  • KosherJava

    KosherJava - 2007-08-14
    • summary: Accessibility --> Accessibility - Use semantic markup plus CSS
     
  • KosherJava

    KosherJava - 2007-08-14

    Logged In: YES
    user_id=634811
    Originator: NO

    Would you be comfortable submitting patches that implement your proposed changes? It is not just for accessibility, but increased use of CSS for positioning instead of tables would allow more flexible themes that allowed dramatically changed layout with just a CSS change. An example to look at would be the way we render person boxes in a tree. This currently uses tables to lay out the box.

     
  • Wes Groleau

    Wes Groleau - 2007-08-14

    Logged In: YES
    user_id=1537714
    Originator: YES

    I am slowly working on minor improvements to my own site,
    but what you ask is probably a bit out of my league.
    However, if I come up with something I think is of value,
    I will make it available.

     
  • Greg Roach

    Greg Roach - 2007-08-20

    Logged In: YES
    user_id=1466942
    Originator: NO

    One thing I looked at a while ago was using CSS to mimic the gedcom tag-structure. e.g. something like this:

    <div class="fact">
    <div class="BIRT">
    <div class="DATE">1 January 1900</div>
    <div class="PLAC">Westminster, London, England</div>
    </div>
    </div>

    This is very quick/easy to generate from code, and gives the theme much greater flexibility in deciding on layout.

     
  • Wes Groleau

    Wes Groleau - 2007-09-28

    Logged In: YES
    user_id=1537714
    Originator: YES

    "Would you be comfortable submitting patches that implement your proposed"

    Do you mean:
    - uploading into the patches area?
    - attaching to this?
    - checking out and in to SVN?
    - something else ?

     

Log in to post a comment.

Want the latest updates on software, tech news, and AI?
Get latest updates about software, tech news, and AI from SourceForge directly in your inbox once a month.