diff --git a/common/changes/office-ui-fabric-react/users-petdun-addReadonlyStateAndTooltipCommandBarItems_2018-03-13-21-28.json b/common/changes/office-ui-fabric-react/users-petdun-addReadonlyStateAndTooltipCommandBarItems_2018-03-13-21-28.json
new file mode 100644
index 00000000000000..07220e45deeee0
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/users-petdun-addReadonlyStateAndTooltipCommandBarItems_2018-03-13-21-28.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "CommandBar changed the title attribute to render as tooltip and added readonly state (visitable by keyboard, functionally disabled)",
+      "type": "minor"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "peterdunlop2519@gmail.com"
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.scss b/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.scss
index b7866ce88a0c88..2f4f6d4a9c1f4c 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.scss
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.scss
@@ -172,6 +172,15 @@ $SearchBox-sidePadding: 8px; // padding in input on left and right sides without
   &.itemLinkIsExpanded:hover {
     background-color: $ms-color-neutralQuaternary;
   }
+  
+  &.inactive {
+    color: $ms-color-neutralTertiaryAlt;
+    cursor: default;
+    pointer-events: none;
+    .itemIcon {
+      color: $ms-color-neutralTertiaryAlt;
+    }
+  }
 }
 
 .itemIcon {
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.tsx b/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.tsx
index c33eb4feb7c31e..a97e0a40ca28ce 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.tsx
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/CommandBar.tsx
@@ -188,8 +188,16 @@ export class CommandBar extends BaseComponent<ICommandBarProps, ICommandBarState
     const className = css(
       isLink ? ('ms-CommandBarItem-link ' + styles.itemLink) : ('ms-CommandBarItem-text ' + styles.itemText),
       !item.name && ('ms-CommandBarItem--noName ' + styles.itemLinkIsNoName),
-      (expandedMenuItemKey === item.key) && ('is-expanded ' + styles.itemLinkIsExpanded)
+      (expandedMenuItemKey === item.key) && ('is-expanded ' + styles.itemLinkIsExpanded),
+      item.inactive ? styles.inactive : ''
     );
+
+    let tooltipContent = '';
+
+    if (item.title) {
+        tooltipContent = item.title;
+    }
+
     const hasIcon = !!item.icon || !!item.iconProps;
     const isNameVisible = !!item.name && !item.iconOnly;
     const ariaLabel = item.ariaLabel || (item.iconOnly ? item.name : undefined);
@@ -201,6 +209,8 @@ export class CommandBar extends BaseComponent<ICommandBarProps, ICommandBarState
           { ...getNativeProps(item, buttonProperties) }
           id={ this._id + item.key }
           className={ className }
+          title={''}
+          aria-disabled={item.inactive}
           onClick={ this._onItemClick(item) }
           data-command-key={ itemKey }
           aria-haspopup={ hasSubmenu(item) }
@@ -230,6 +240,8 @@ export class CommandBar extends BaseComponent<ICommandBarProps, ICommandBarState
           { ...getNativeProps(item, anchorProperties.concat(['disabled'])) }
           id={ this._id + item.key }
           className={ className }
+          title={''}
+          aria-disabled={item.inactive}
           href={ item.disabled ? undefined : item.href }
           data-command-key={ itemKey }
           aria-haspopup={ hasSubmenu(item) }
@@ -255,6 +267,8 @@ export class CommandBar extends BaseComponent<ICommandBarProps, ICommandBarState
           { ...getNativeProps(item, divProperties.concat(['disabled'])) }
           id={ this._id + item.key }
           className={ className }
+          title={''}
+          aria-disabled={item.inactive}
           data-command-key={ itemKey }
           aria-haspopup={ hasSubmenu(item) }
           aria-label={ ariaLabel }
@@ -281,6 +295,12 @@ export class CommandBar extends BaseComponent<ICommandBarProps, ICommandBarState
           { command }
         </TooltipHost>
       );
+    } else if (tooltipContent) {
+      command = (
+        <TooltipHost content={ tooltipContent }>
+          { command }
+        </TooltipHost>
+      );
     }
 
     return (
@@ -399,6 +419,10 @@ export class CommandBar extends BaseComponent<ICommandBarProps, ICommandBarState
 
   private _onItemClick(item: IContextualMenuItem): (ev: React.MouseEvent<HTMLButtonElement>) => void {
     return (ev: React.MouseEvent<HTMLButtonElement>): void => {
+      if (item.inactive) {
+        return;
+      }
+
       if (item.key === this.state.expandedMenuItemKey || !hasSubmenu(item)) {
         this._onContextMenuDismiss();
       } else {
diff --git a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
index 89282c08b05c9f..cdfa05f114431b 100644
--- a/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
+++ b/packages/office-ui-fabric-react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap
@@ -21,6 +21,7 @@ exports[`CommandBar renders CommandBar correctly 1`] = `
         className="ms-CommandBarItem"
       >
         <button
+          aria-disabled={undefined}
           aria-expanded={false}
           aria-haspopup={true}
           aria-label={undefined}
@@ -32,6 +33,7 @@ exports[`CommandBar renders CommandBar correctly 1`] = `
           name="TestText 1"
           onClick={[Function]}
           role="menuitem"
+          title=""
         >
           <span
             className="ms-CommandBarItem-commandText"
diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.types.ts b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.types.ts
index 296c38f94c69e9..3853e01a50ab17 100644
--- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.types.ts
+++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.types.ts
@@ -439,6 +439,12 @@ export interface IContextualMenuItem {
    * Any additional properties to use when custom rendering menu items.
    */
   [propertyName: string]: any;
+
+  /**
+   * Optional prop to make an item readonly which is disabled but visitable by keyboard, will apply aria-readonly and some styling. Not supported by all components
+   */
+  inactive?: boolean;
+
 }
 
 export interface IContextualMenuSection extends React.Props<ContextualMenu> {