diff --git a/src/mdx/code.js b/src/mdx/code.js
index 65325860fa1..f065a48b738 100644
--- a/src/mdx/code.js
+++ b/src/mdx/code.js
@@ -54,6 +54,7 @@ const MonoText = props => <Text sx={{fontFamily: 'mono', fontSize: 1}} {...props
 
 const CodeBlock = ({children, code, className, style}) => (
   <Box
+    role="presentation"
     sx={{
       // Make <pre> adjust to the width of the container
       // https://stackoverflow.com/a/14406386
@@ -64,6 +65,7 @@ const CodeBlock = ({children, code, className, style}) => (
     }}
   >
     <Box
+      role="presentation"
       style={style}
       sx={{
         ...(code ? {display: 'flex', justifyContent: 'space-between', flexDirection: 'row-reverse'} : {}),