Changes

Jump to: navigation, search

Accessibility

595 bytes added, 15:22, 9 September 2019
Table Syntax
Links must be descriptive (describe destination, state the purpose or what will happen).
Examples of good links and button text are: “view demo”, “start application”, “enter budget”, “visit Wikipedia”
 
Also don't label buttons edit or open if there are multiple buttons on a page. Edit what, open what, if there are multiple buttons with the same name how do you know what each will do.
===Table Syntax===
Mark IF you are using a table for display purposes indicate it with '''role=presentation''' and do not use caption or '''TH'''. For normal tables the headers with need to have '''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. Example:
Example: in '''TH''' tag add '''scope="col"''' or '''scope="row"'''.
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.
===Bold and Italics===HTML 5 specification states that important text should be denoted with the '''strong''' tag not bold ('''b''' tag) and emphasized text should be denoted with the '''em''' tag not italic ('''i''' tag). Bold and I tags are not perceivable to user agentssuch as screen readers.
===Underlined text===
Generally don’t underline text on the web that is not a link. Underlines are strongly perceived to be a clickable link which will confuse and frustrate users. Use '''strong''' or '''em''' tags to denote importance and avoid the '''u''' tag.
 
===Font Tag===
The font tag is not supported in HTML5 use semantic elements to indicate emphasis or structure and CSS to handle styling.
===Declare language===
* Keep it concise, the more you write, the less likely it is to be read
* Check the reading level of your content. Microsoft Word has a built-in readability check plus there are sites like https://readable.io/ that will check your readability and give you suggestions.
* If you reference a button or link make sure you mention it by name. Do not rely on location or color.
===Layout considerations===
Smartstaff, administrator
3,316
edits

Navigation menu