SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: Data tables

  1. #1
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Data tables

    I've read plenty of tutorials on how to create accessible data tables using the headers or scope attribute. I've tested some tables out with my Jaws screen reader and it didn't read the headers as it ran past each row like I expected it to. Question is, do only some screen readers do this or is there a better method?

  2. #2
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    have you got any examples ?
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  3. #3
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    www.boundarycommission.org.uk/statistics.asp
    is the one I tested last night

  4. #4
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmmm...you could try using <thead></thead> and setting your th's to scope="col", which will save you having to specify header for each subsequent table data cell...

    Code:
    <thead>
    <tr>
    			<th scope="col"><strong>Constituency</strong></th>
    			<th scope="col"><strong>Electorate</strong></th>
    			<td scope="col"><strong>% +/-<br>average<br>of 59575</strong></td>
    
    		</tr>
    </thead>
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  5. #5
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    oh, additionally, no need to use <strong>, just style your th with CSS
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  6. #6
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'll give that a go redux but as I understand it the scope and headers method works just the same. I can't help thinking thats its maybe just Jaws ignores this method, other screen readers would benefit.

  7. #7
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check out example 2 on this link, it's exactly the same method I used and it does say how it would render in some screen readers - http://oc.nci.nih.gov/web508/tut-gh.html

    I guess I should download a few more and try them out!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •