diff --git a/packages/react-select/src/Select.js b/packages/react-select/src/Select.js
index c6cf12ae79..7f4c0efa4d 100644
--- a/packages/react-select/src/Select.js
+++ b/packages/react-select/src/Select.js
@@ -806,7 +806,7 @@ export default class Select extends Component<Props, State> {
     const custom = this.props.styles[key];
     return custom ? custom(base, props) : base;
   };
-  getElementId = (element: 'group' | 'input' | 'listbox' | 'option') => {
+  getElementId = (element: 'group' | 'input' | 'menu' | 'option') => {
     return `${this.instancePrefix}-${element}`;
   };
   getActiveDescendentId = () => {
@@ -1421,9 +1421,13 @@ export default class Select extends Component<Props, State> {
     const { inputIsHidden } = this.state;
 
     const id = inputId || this.getElementId('input');
+    const menuRole = isSearchable ? 'combobox' : 'listbox';
+    const menuId = this.getElementId('menu');
 
     // aria attributes makes the JSX "noisy", separated for clarity
     const ariaAttributes = {
+      role: menuRole,
+      'aria-owns': menuId,
       'aria-autocomplete': 'list',
       'aria-label': this.props['aria-label'],
       'aria-labelledby': this.props['aria-labelledby'],
@@ -1728,6 +1732,8 @@ export default class Select extends Component<Props, State> {
       menuShouldScrollIntoView,
     };
 
+    const menuId = this.getElementId('menu');
+
     const menuElement = (
       <MenuPlacer {...commonProps} {...menuPlacementProps}>
         {({ ref, placerProps: { placement, maxHeight } }) => (
@@ -1750,6 +1756,7 @@ export default class Select extends Component<Props, State> {
               <ScrollBlock isEnabled={menuShouldBlockScroll}>
                 <MenuList
                   {...commonProps}
+                  id={menuId}
                   innerRef={this.getMenuListRef}
                   isLoading={isLoading}
                   maxHeight={maxHeight}
diff --git a/packages/react-select/src/__tests__/Select.test.js b/packages/react-select/src/__tests__/Select.test.js
index b0ab8d52c6..8a723263d7 100644
--- a/packages/react-select/src/__tests__/Select.test.js
+++ b/packages/react-select/src/__tests__/Select.test.js
@@ -32,6 +32,11 @@ test('snapshot - defaults', () => {
   expect(container).toMatchSnapshot();
 });
 
+test('snapshot - listbox', () => {
+  const { container } = render(<Select isSearchable={false} />);
+  expect(container).toMatchSnapshot();
+});
+
 test('instanceId prop > to have instanceId as id prefix for the select components', () => {
   let { container } = render(
     <Select {...BASIC_PROPS} menuIsOpen instanceId={'custom-id'} />
diff --git a/packages/react-select/src/__tests__/__snapshots__/Async.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/Async.test.js.snap
index 23814a323b..3584ea3697 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Async.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Async.test.js.snap
@@ -160,10 +160,12 @@ exports[`defaults - snapshot 1`] = `
           >
             <input
               aria-autocomplete="list"
+              aria-owns="react-select-2-menu"
               autocapitalize="none"
               autocomplete="off"
               autocorrect="off"
               id="react-select-2-input"
+              role="combobox"
               spellcheck="false"
               style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
               tabindex="0"
diff --git a/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.js.snap
index 23814a323b..3584ea3697 100644
--- a/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.js.snap
@@ -160,10 +160,12 @@ exports[`defaults - snapshot 1`] = `
           >
             <input
               aria-autocomplete="list"
+              aria-owns="react-select-2-menu"
               autocapitalize="none"
               autocomplete="off"
               autocorrect="off"
               id="react-select-2-input"
+              role="combobox"
               spellcheck="false"
               style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
               tabindex="0"
diff --git a/packages/react-select/src/__tests__/__snapshots__/Creatable.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/Creatable.test.js.snap
index 23814a323b..3584ea3697 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Creatable.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Creatable.test.js.snap
@@ -160,10 +160,12 @@ exports[`defaults - snapshot 1`] = `
           >
             <input
               aria-autocomplete="list"
+              aria-owns="react-select-2-menu"
               autocapitalize="none"
               autocomplete="off"
               autocorrect="off"
               id="react-select-2-input"
+              role="combobox"
               spellcheck="false"
               style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
               tabindex="0"
diff --git a/packages/react-select/src/__tests__/__snapshots__/Select.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/Select.test.js.snap
index 617df280b7..43738e84fa 100644
--- a/packages/react-select/src/__tests__/__snapshots__/Select.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/Select.test.js.snap
@@ -160,10 +160,12 @@ exports[`snapshot - defaults 1`] = `
           >
             <input
               aria-autocomplete="list"
+              aria-owns="react-select-2-menu"
               autocapitalize="none"
               autocomplete="off"
               autocorrect="off"
               id="react-select-2-input"
+              role="combobox"
               spellcheck="false"
               style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
               tabindex="0"
@@ -204,3 +206,201 @@ exports[`snapshot - defaults 1`] = `
   </div>
 </div>
 `;
+
+exports[`snapshot - listbox 1`] = `
+.emotion-8 {
+  position: relative;
+  box-sizing: border-box;
+}
+
+.emotion-7 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: hsl(0,0%,100%);
+  border-color: hsl(0,0%,80%);
+  border-radius: 4px;
+  border-style: solid;
+  border-width: 1px;
+  cursor: default;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  min-height: 38px;
+  outline: 0 !important;
+  position: relative;
+  -webkit-transition: all 100ms;
+  transition: all 100ms;
+  box-sizing: border-box;
+}
+
+.emotion-7:hover {
+  border-color: hsl(0,0%,70%);
+}
+
+.emotion-2 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 2px 8px;
+  -webkit-overflow-scrolling: touch;
+  position: relative;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.emotion-0 {
+  color: hsl(0,0%,50%);
+  margin-left: 2px;
+  margin-right: 2px;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  box-sizing: border-box;
+}
+
+.emotion-6 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-self: stretch;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+
+.emotion-3 {
+  -webkit-align-self: stretch;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+  background-color: hsl(0,0%,80%);
+  margin-bottom: 8px;
+  margin-top: 8px;
+  width: 1px;
+  box-sizing: border-box;
+}
+
+.emotion-5 {
+  color: hsl(0,0%,80%);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 8px;
+  -webkit-transition: color 150ms;
+  transition: color 150ms;
+  box-sizing: border-box;
+}
+
+.emotion-5:hover {
+  color: hsl(0,0%,60%);
+}
+
+.emotion-4 {
+  display: inline-block;
+  fill: currentColor;
+  line-height: 1;
+  stroke: currentColor;
+  stroke-width: 0;
+}
+
+.emotion-1 {
+  background: 0;
+  border: 0;
+  font-size: inherit;
+  outline: 0;
+  padding: 0;
+  width: 1px;
+  color: transparent;
+  left: -100px;
+  opacity: 0;
+  position: relative;
+  -webkit-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+}
+
+<div>
+  <div
+    class=" emotion-8"
+  >
+    <div
+      class=" emotion-7"
+    >
+      <div
+        class=" emotion-2"
+      >
+        <div
+          class=" emotion-0"
+        >
+          Select...
+        </div>
+        <input
+          aria-autocomplete="list"
+          aria-owns="react-select-3-menu"
+          class="emotion-1"
+          id="react-select-3-input"
+          readonly=""
+          role="listbox"
+          tabindex="0"
+          value=""
+        />
+      </div>
+      <div
+        class=" emotion-6"
+      >
+        <span
+          class=" emotion-3"
+        />
+        <div
+          aria-hidden="true"
+          class=" emotion-5"
+        >
+          <svg
+            aria-hidden="true"
+            class="emotion-4"
+            focusable="false"
+            height="20"
+            viewBox="0 0 20 20"
+            width="20"
+          >
+            <path
+              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.js.snap b/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.js.snap
index 64ab356056..507c7dd1f2 100644
--- a/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.js.snap
+++ b/packages/react-select/src/__tests__/__snapshots__/StateManaged.test.js.snap
@@ -160,10 +160,12 @@ exports[`defaults > snapshot 1`] = `
           >
             <input
               aria-autocomplete="list"
+              aria-owns="react-select-2-menu"
               autocapitalize="none"
               autocomplete="off"
               autocorrect="off"
               id="react-select-2-input"
+              role="combobox"
               spellcheck="false"
               style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
               tabindex="0"
diff --git a/packages/react-select/src/components/Menu.js b/packages/react-select/src/components/Menu.js
index bb789b5190..7a5b686aa5 100644
--- a/packages/react-select/src/components/Menu.js
+++ b/packages/react-select/src/components/Menu.js
@@ -350,8 +350,10 @@ export type MenuListProps = {
   children: Node,
   /** Inner ref to DOM Node */
   innerRef: InnerRef,
-    /** Props to be passed to the menu-list wrapper. */
+  /** Props to be passed to the menu-list wrapper. */
   innerProps: {},
+  /** ID of DOM Element */
+  id?: string,
 };
 export type MenuListComponentProps = CommonProps &
   MenuListProps &
@@ -370,9 +372,17 @@ export const menuListCSS = ({
   WebkitOverflowScrolling: 'touch',
 });
 export const MenuList = (props: MenuListComponentProps) => {
-  const { children, className, cx, getStyles, isMulti, innerRef, innerProps } = props;
+  const { children, className, cx, getStyles, isMulti, innerRef, innerProps, id } = props;
+
+  // aria attributes makes the JSX "noisy", separated for clarity
+  const ariaAttributes = {
+    role: 'listbox',
+    'aria-expanded': true,
+  };
+
   return (
     <div
+      id={id}
       css={getStyles('menuList', props)}
       className={cx(
         {
@@ -382,6 +392,7 @@ export const MenuList = (props: MenuListComponentProps) => {
         className
       )}
       ref={innerRef}
+      {...ariaAttributes}
       {...innerProps}
     >
       {children}
diff --git a/packages/react-select/src/components/Option.js b/packages/react-select/src/components/Option.js
index de4eeff676..8cf245a9cc 100644
--- a/packages/react-select/src/components/Option.js
+++ b/packages/react-select/src/components/Option.js
@@ -84,6 +84,8 @@ const Option = (props: OptionProps) => {
   } = props;
   return (
     <div
+      role="option"
+      aria-disabled={isDisabled}
       css={getStyles('option', props)}
       className={cx(
         {