Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Icons within buttons should be used sparingly

  • When icons are used, it should be combined with the button name and icons should be to the left of the name.

  • Icons should very rarely be on their own; an exception is where space is limited and an icon is recognizable in it’s function. Screen reader only text (or an Aria-Label) must be applied.

Common Names

Generally Buttons should follow the `Action + Noun` format. Unless the context (noun) can easily be understood by other features such as labels, page titles, text descriptions

  • Search

  • Find Location

  • Next / Continue

  • Back / Previous

  • Submit {Noun} 

...