Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Tables Table Basics The Table Header Cell Element

moorbilt
moorbilt
2,281 Points

I finished this course here and I am a bit confused.

Why did he keep saying we need to make it more visually appealing, just to end the course with a table that looks no different than when we started? There is not another course recommended regarding 'tables' either.

Surprise! I said we were adding <th> and <th scope=""> to make the table more visually appealing, but it actually is only to assist screen readers.

moorbilt
moorbilt
2,281 Points

This is probably an odd question.

1 Answer

Jacob Jackson
seal-mask
.a{fill-rule:evenodd;}techdegree
Jacob Jackson
UX Design Techdegree Student 7,833 Points

Hey!

That's a fair question, though I think you answered it yourself already.

The video you linked to is specifically for the benefit of screen readers and site interpreters so they know which content belongs to which header.

Any mention of "visual appeal" would be referring to the users' ability to know the same thing, as the example Nick gives is purely for interpreters and doesn't focus on aiding your users in understanding which header belongs to which row or column.

Remember that being a successful graduate will also involve using outside resources to complete objectives. :)

I assume you're further now but you may find this link helpful if you're looking for resources on making your tables more visually appealing:

https://css-tricks.com/complete-guide-table-element/

Hope this helps! Best of luck

-Jake