search

mikepierce / conference-website-template

Simple HTML/CSS website template for an academic/tech conference
https://mikepierce.github.io/conference-website-template/
GNU General Public License v3.0
88 stars 99 forks source link

Use semantic markup to improve accessibility #2

Open edgarlepe opened 4 years ago

edgarlepe commented 4 years ago

Use semantic html5 tags to make the page more accessible (screen readers, etc).

mikepierce commented 4 years ago

This is a good idea. Is the intent of semantic tags just to wrap around existing parts of the HTML for accessibility? Or should some of the existing CSS tags be changed?

edgarlepe commented 4 years ago

To replace some of the existing html tags with html5 tags such as header, nav, main, footer, etc. For example, wrapping a menu in a nav and using an ul for the menu items instead of a table. Then the menu gets styled with css. This way even a computer understands that it is a menu of some sort and can convey that in a more meaningful way. Same with header, main, footer, etc.

mikepierce commented 4 years ago

(Academics love tables though) But yeah, it sounds like you know what you're doing here. Please replace the tags at your judgement.