The infobar should optionally provide more information about an element while inspecting and/or hovering an element within the Inspector.

This information may include different layout and other styling details that are relevant to an author. And it might as well contain notes about accessibility.

Important information might be:

• box model related
  • paddings
  • margins
  • borders
  • position
  • display
  • z-index
  • overflow
• font
• foreground and background color
• accessibility related
  • name
  • role
  • contrast
  • keyboard-focusable

This feature should be optional, i.e. there should be an option to toggle it within the settings.

Sebastian

The Chrome DevTools provide a feature like that. I've attached a screenshot of how it looks like at the moment.

This feature was also requested on Discourse (for margins and paddings).

Sebastian