The buttons above the post editing box on Stack Exchange sites have these tooltips:
Strong <strong> Ctrl+B Emphasis <em> Ctrl+I Hyperlink <a> Ctrl+L Blockquote <blockquote> Ctrl+Q Preformatted text <pre> <code> Ctrl-K [on non-programming sites] Code Sample <pre> <code> Ctrl+K [on programming sites] Image <img> Ctrl+G Code snippet Ctrl-M [on programming sites] Schematic Ctrl-M [on some sites] UI wireframe Ctrl-M [on ux.stackexchange] Numbered List <ol> Ctrl+O Bulleted List <ul> Ctrl+U Heading <h1>/<h2> Ctrl+H Horizontal Rule <hr> Ctrl+R Undo - Ctrl+Z Redo - Ctrl+Y
I see some issues with this text:
They should not display the underlying HTML tag used to implement the formatting, because
- it's merely an implementation detail;
- it's meaningless to anyone who doesn't know HTML (these tooltips are used even on the non-programming Stack Exchange sites);
- it's still confusing even for people who are familiar with HTML, since we're not actually supposed to be inserting those HTML tags in the markup; we're supposed to insert Markdown (which is what the buttons actually do).
"Strong" and "Emphasis" and "Blockquote" are principally HTML terms. The labels on the buttons should simply be "Bold" and "Italic" and "Quote".
"Undo" and "Redo" have a dash before the key combo but none of the others does. (It's a matter of preference; I personally think it's better with the dash, but it should be at least be consistent in whether the dash is used or not.)
"Preformatted text", "Code snippet", "Schematic" and "UI wireframe" have inconsistent styling: using a dash in the key combo whereas the others use a plus sign; and using sentence case whereas the others use title case. (Again it's a matter of preference, but it should be consistent.)
"Code Sample" and "Code snippet" are similar... but "Image" is separating them. Maybe the image button should be moved left or right one spot?
A suggested cleaned up version: