conference-website-template icon indicating copy to clipboard operation
conference-website-template copied to clipboard

Published 20 hours ago • verified publisher icon mikepierce

Use semantic markup to improve accessibility

Open edgarlepe opened this issue 5 years ago • 3 comments

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

edgarlepe avatar Sep 09 '20 02:09 edgarlepe

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?

mikepierce avatar Sep 13 '20 16:09 mikepierce

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.

edgarlepe avatar Sep 13 '20 18:09 edgarlepe

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

mikepierce avatar Sep 14 '20 06:09 mikepierce