Page History

...

Table of Contents

minLevel	2
type	flat

Page titles

The primary language of the page MUST Must be identified accurately on in the <html> element.The primary language of the page MUST be identified tag with a valid value on the <html> element.
Inline language changes MUST be identified with a valid lang attribute.
The language code MUST be valid.

language code. Example: <html lang="en">
Valid lang attribute must be used for inline language changes. Example: <p>And then I said in a German accent, <span lang="de">Bach ist ein Komponist.</span>.</p>

Navigation patterns that are repeated on web pages MUST be presented in the same relative order each time they appear and MUST NOT change order when navigating through the site.
A skip link MUST be either visible at all times or visible on keyboard focus.
The reading order MUST be logical and intuitive.
The navigation order of focusable elements MUST be logical and intuitive.

Must Links MUST be visually distinguishable from surrounding text.
Color alone must not be used to distinguish links from surrounding text unless the color contrast between the link and the surrounding text isn't enough unless color contrast is at least 3:1 and an additional differentiation is provided when the link is hovered or receives focus., and hovering or focus provides additional differentiation.
Must Links MUST be semantically designated as such.links. Example: <a href="https://cornell.edu">Cornell University</a>
Must A link MUST have programmatically-discernible text. Example: 1) if an image is used inside a link, as determined by the accessible name calculation algorithm.
Features such as labels, names, and text alternatives for content that have the same functionality across multiple web pages MUST be consistently identified.
All focusable elements MUST have a visual focus indicator when in focus.

Lists MUST be constructed using the appropriate semantic markup.

put link text in the alt tag 2) if an icon is used, add an aria-label such as: <a href="https://cornell.edu" aria-label="Cornell University"><icon html... \></a>
Link labels and text alternatives must be consistent across the website. Example: don't use "Contact Us" and "Give us a call" for the same URL
Anything focusable (that you can tab to) must have visual indicator appear when it's focused.

Headers must use <th>
Data header text must describe
Table headers MUST be designated with <th>.
Data table header text MUST accurately describe the category of the corresponding data cells.
Table data Data cells MUST must be associated with their corresponding header cells.
Table data Data group headers MUST must be associated with their corresponding data cell groups.
Header/data associations that cannot be designated with can't use <th> and scope MUST be designated must use with headers plus id
Data table headers and data associations MUST NOT must not be referenced across nested, merged, or separate tables.
Layout tables MUST NOT must not contain data table markup.

must have a descriptive title Example: <iframe title="Star Wars: The Last Jedi trailer"> and be unique in relation to other iFrames on the page
for iframes bringing in other web pages, the external page must have a <title>
iframes that convey content to users MUST have a non-empty title attribute.
The iframe title MUST be accurate and descriptive.
Frames MUST have a unique title (in the context of the page).
The source page of an iframe MUST have a valid, meaningful <title>.

Critical Important strikethrough text MUST must be supplemented with a text-based method to convey the meaning of the strikethrough.Critical text
designated for insertion MUST Important insertion text must be supplemented with a text-based method to convey the meaning of the insertion.