Web Interface Guidelines

• Tech Stack#

• Use the platform. Use compatible browser APIs and native CSS as much as possible.
  • There are alternatives to building dynamic elements, all without using any JavaScript, such as details + summary, picture + source, dialog + popover, etc.
• Use semantic HTML markup.

header
  nav > ul > li > a
main
  section
    header > hgroup > h1 + h2 + ...
    article > h2 + p + ...
    dl > dt + dd
    blockquote > p + cite
    figure > img + figcaption
    picture > source + img
    form > fieldset > legend + label + menu
  section ...
footer
  nav ...
  address

Interactivity#

• Respect click areas. Expand with padding, especially for menu and list item links, etc.
• Avoid scrolljacking. Don't override native scroll behavior; let the user scroll normally.