diff --git a/src/__tests__/__snapshots__/role-helpers.js.snap b/src/__tests__/__snapshots__/role-helpers.js.snap
index 4a8a1f2f..a979ef36 100644
--- a/src/__tests__/__snapshots__/role-helpers.js.snap
+++ b/src/__tests__/__snapshots__/role-helpers.js.snap
@@ -218,3 +218,250 @@ Name "":
 
 --------------------------------------------------
 `;
+
+exports[`logRoles with hidden=true outputs all elements incl. hidden ones 1`] = `
+region:
+
+Name "a region":
+<section
+  aria-label="a region"
+  data-testid="named-section"
+/>
+
+Name "":
+<div
+  aria-hidden="true"
+  data-testid="a-hidden-div-without-a-generic-role"
+  role="region"
+/>
+
+Name "":
+<div
+  data-testid="a-hidden-div-without-a-generic-role-and-with-hidden-attribute"
+  hidden=""
+  role="region"
+/>
+
+Name "":
+<div
+  data-testid="a-hidden-div-without-a-generic-role-and-with-display-none"
+  role="region"
+  style="display: none"
+/>
+
+Name "":
+<div
+  data-testid="a-hidden-div-without-a-generic-role-and-with-visibility-hidden"
+  role="region"
+  style="visibility: hidden"
+/>
+
+--------------------------------------------------
+link:
+
+Name "link":
+<a
+  data-testid="a-link"
+  href="http://whatever.com"
+/>
+
+--------------------------------------------------
+navigation:
+
+Name "":
+<nav
+  data-testid="a-nav"
+/>
+
+--------------------------------------------------
+heading:
+
+Name "Main Heading":
+<h1
+  data-testid="a-h1"
+/>
+
+Name "Sub Heading":
+<h2
+  data-testid="a-h2"
+/>
+
+Name "Tertiary Heading":
+<h3
+  data-testid="a-h3"
+/>
+
+--------------------------------------------------
+article:
+
+Name "":
+<article
+  data-testid="a-article"
+/>
+
+--------------------------------------------------
+command:
+
+Name "":
+<menuitem
+  data-testid="a-menuitem-1"
+/>
+
+Name "":
+<menuitem
+  data-testid="a-menuitem-2"
+/>
+
+--------------------------------------------------
+menuitem:
+
+Name "":
+<menuitem
+  data-testid="a-menuitem-1"
+/>
+
+Name "":
+<menuitem
+  data-testid="a-menuitem-2"
+/>
+
+--------------------------------------------------
+list:
+
+Name "":
+<ul
+  data-testid="a-list"
+/>
+
+Name "":
+<ul
+  data-testid="b-list"
+/>
+
+--------------------------------------------------
+listitem:
+
+Name "":
+<li
+  data-testid="a-list-item-1"
+/>
+
+Name "":
+<li
+  data-testid="a-list-item-2"
+/>
+
+Name "":
+<li
+  data-testid="b-list-item-1"
+/>
+
+Name "":
+<li
+  data-testid="b-list-item-2"
+/>
+
+--------------------------------------------------
+table:
+
+Name "":
+<table
+  data-testid="a-table"
+/>
+
+--------------------------------------------------
+rowgroup:
+
+Name "":
+<tbody
+  data-testid="a-tbody"
+/>
+
+--------------------------------------------------
+row:
+
+Name "Cell 1 Cell 2 Cell 3":
+<tr
+  data-testid="a-row"
+/>
+
+--------------------------------------------------
+cell:
+
+Name "Cell 1":
+<td
+  data-testid="a-cell-1"
+/>
+
+Name "Cell 2":
+<td
+  data-testid="a-cell-2"
+/>
+
+Name "Cell 3":
+<td
+  data-testid="a-cell-3"
+/>
+
+--------------------------------------------------
+form:
+
+Name "a form":
+<form
+  aria-label="a form"
+  data-testid="named-form"
+/>
+
+--------------------------------------------------
+radio:
+
+Name "":
+<input
+  data-testid="a-radio-1"
+  type="radio"
+/>
+
+Name "":
+<input
+  data-testid="a-radio-2"
+  type="radio"
+/>
+
+--------------------------------------------------
+textbox:
+
+Name "":
+<input
+  data-testid="a-input-1"
+  type="text"
+/>
+
+Name "":
+<input
+  data-testid="a-input-2"
+  type="text"
+/>
+
+Name "":
+<textarea
+  data-testid="a-textarea"
+/>
+
+--------------------------------------------------
+term:
+
+Name "":
+<dt
+  data-testid="a-dt"
+/>
+
+--------------------------------------------------
+definition:
+
+Name "":
+<dd
+  data-testid="a-dd"
+/>
+
+--------------------------------------------------
+`;
diff --git a/src/__tests__/role-helpers.js b/src/__tests__/role-helpers.js
index aadc1dc2..81793ec5 100644
--- a/src/__tests__/role-helpers.js
+++ b/src/__tests__/role-helpers.js
@@ -3,6 +3,7 @@ import {
   logRoles,
   getImplicitAriaRoles,
   isInaccessible,
+  prettyRoles,
 } from '../role-helpers'
 import {render} from './helpers/test-utils'
 
@@ -23,6 +24,26 @@ function setup() {
 
   <nav data-testid='a-nav' />
   
+  <div aria-hidden="true" data-testid="a-hidden-div-with-a-generic-role">
+    <span>Some hidden content</span>
+  </div>
+  
+  <div aria-hidden="true" data-testid="a-hidden-div-without-a-generic-role" role="region">
+    <span>Some hidden content</span>
+  </div>
+  
+  <div data-testid="a-hidden-div-without-a-generic-role-and-with-hidden-attribute" role="region" hidden>
+    <span>Some hidden content</span>
+  </div>
+  
+  <div data-testid="a-hidden-div-without-a-generic-role-and-with-display-none" role="region" style="display: none">
+    <span>Some hidden content</span>
+  </div>
+  
+  <div data-testid="a-hidden-div-without-a-generic-role-and-with-visibility-hidden" role="region" style="visibility: hidden">
+    <span>Some hidden content</span>
+  </div>
+  
   <h1 data-testid='a-h1'>Main Heading</h1>
   <h2 data-testid='a-h2'>Sub Heading</h2>
   <h3 data-testid='a-h3'>Tertiary Heading</h3>
@@ -107,6 +128,19 @@ function setup() {
     dt: getByTestId('a-dt'),
     dd: getByTestId('a-dd'),
     header: getByTestId('a-header'),
+    hiddenDivWithGenericRole: getByTestId('a-hidden-div-with-a-generic-role'),
+    hiddenDivWithoutGenericRole: getByTestId(
+      'a-hidden-div-without-a-generic-role',
+    ),
+    hiddenDivWithoutGenericRoleAndWithHiddenAttribute: getByTestId(
+      'a-hidden-div-without-a-generic-role-and-with-hidden-attribute',
+    ),
+    hiddenDivWithoutGenericRoleAndWithDisplayNone: getByTestId(
+      'a-hidden-div-without-a-generic-role-and-with-display-none',
+    ),
+    hiddenDivWithoutGenericRoleAndWithVisibilityHidden: getByTestId(
+      'a-hidden-div-without-a-generic-role-and-with-visibility-hidden',
+    ),
   }
 }
 
@@ -169,6 +203,11 @@ test('getRoles returns expected roles for various dom nodes', () => {
   })
 })
 
+test('prettyRoles ignores elements with a "generic" role', () => {
+  const {hiddenDivWithGenericRole} = setup()
+  expect(prettyRoles(hiddenDivWithGenericRole, {})).toEqual('')
+})
+
 test('logRoles calls console.log with output from prettyRoles', () => {
   const {namedSection} = setup()
   logRoles(namedSection)
@@ -176,6 +215,14 @@ test('logRoles calls console.log with output from prettyRoles', () => {
   expect(console.log.mock.calls[0][0]).toMatchSnapshot()
 })
 
+test('logRoles with hidden=true outputs all elements incl. hidden ones', () => {
+  const {namedSection} = setup()
+  logRoles(namedSection, {hidden: true})
+
+  expect(console.log).toHaveBeenCalledTimes(1)
+  expect(console.log.mock.calls[0][0]).toMatchSnapshot()
+})
+
 test('getImplicitAriaRoles returns expected roles for various dom nodes', () => {
   const {namedSection, h1, unnamedForm, radio, input} = setup()