Changes

Jump to: navigation, search

Accessibility

64 bytes removed, 15:09, 26 March 2019
no edit summary
Mark table headers with TH and table data with TD. Consider adding scope (col, colgroup, row, rowgroup) to headers and a caption. Ensure your content is machine readable by assistive technologies by utilizing the proper semantic structures. Also make sure you nest your tags properly, example if you open a TR close a TR, if you open a SPAN inside a TD make sure you close the SPAN before you close the TD. Example:
<pre><table><caption>{||+Birthdays</caption><tr><th |-! scope="col">|Name</th><th ! scope="col">|Birthday</th></tr><tr><th |-! scope="row">|Jackie</th><td>||April 5</td></tr><tr><th |-! scope="row">|Beth</th><td>||January 14</td></tr></table></pre>|}
Go to https://webaim.org/techniques/tables/data to learn more.
English
<pre> <html lang="en"></pre>
Spanish
<pre> <html lang="es"></pre>
Go to https://www.w3docs.com/learn-html/html-language-codes.html to learn more.
Whenever possible use a single column layout for usability and to ensure there is no confusion over reading order. This is also helpful for people using screen magnifiers.
[[File:a11y-columns.png|thumb|none|500px|Single column layout preferred]]
 
Mark Bridger
Smartstaff, administrator
3,316
edits
Retrieved from ‘https://wiki.smartsimple.com/wiki/Special:MobileDiff/33981’

Navigation menu