diff --git a/src/cdk/accordion/accordion-item.ts b/src/cdk/accordion/accordion-item.ts
index a2afe79e9d3..22f4a7f2cb6 100644
--- a/src/cdk/accordion/accordion-item.ts
+++ b/src/cdk/accordion/accordion-item.ts
@@ -28,7 +28,7 @@ let nextId = 0;
  * events and attributes needed to be managed by a CdkAccordion parent.
  */
 @Directive({
-  selector: 'cdk-accordion-item',
+  selector: 'cdk-accordion-item, [cdkAccordionItem]',
   exportAs: 'cdkAccordionItem',
 })
 export class CdkAccordionItem implements OnDestroy {
diff --git a/src/demo-app/expansion/expansion-demo.html b/src/demo-app/expansion/expansion-demo.html
index f6360bbe64f..29c4cecc995 100644
--- a/src/demo-app/expansion/expansion-demo.html
+++ b/src/demo-app/expansion/expansion-demo.html
@@ -74,8 +74,8 @@
     </mat-action-row>
   </mat-expansion-panel>
 </mat-accordion>
-<!--
-<h1>CdkAccordion</h1>
+
+<h1>cdkAccordion</h1>
 <div>
   <p>Accordion Options</p>
   <div>
@@ -108,4 +108,4 @@
     <p *ngIf="item3.expanded">I only show if item 3 is expanded</p>
   </cdk-accordion-item>
 </cdk-accordion>
- -->
+