Change to aria level prop name

Author: sarah-j-lancaster

src/components/AccordionItemHeading.spec.tsx

@@ -59,7 +59,7 @@ describe('AccordionItem', () => {
         });
     });
 
-    describe('headingLevel prop', () => {
+    describe('ariaLevel prop', () => {
         it('is h3 by default', () => {
             const { getByTestId } = render(
                 <Accordion>
@@ -80,7 +80,7 @@ describe('AccordionItem', () => {
                     <AccordionItem>
                         <AccordionItemHeading
                             data-testid={UUIDS.FOO}
-                            headingLevel={4}
+                            ariaLevel={4}
                         >
                             <AccordionItemButton />
                         </AccordionItemHeading>

src/components/AccordionItemHeading.tsx

@@ -5,7 +5,7 @@ import { HeadingAttributes } from '../helpers/types';
 
 interface AccordianItemHeadingProps extends HeadingAttributes {
     className?: string;
-    headingLevel?: number;
+    ariaLevel?: number;
 }
 
 export const SPEC_ERROR = `AccordionItemButton may contain only one child element, which must be an instance of AccordionItemButton.
@@ -19,13 +19,13 @@ From the WAI-ARIA spec (https://www.w3.org/TR/wai-aria-practices-1.1/#accordion)
 const Heading = React.forwardRef<HTMLHeadingElement, AccordianItemHeadingProps>(
     (
         {
-            headingLevel = 3,
+            ariaLevel = 3,
             className = 'accordion__heading',
             ...props
         }: AccordianItemHeadingProps,
         ref,
     ) => {
-        const HeadingTag = `h${headingLevel}`;
+        const HeadingTag = `h${ariaLevel}`;
         return React.createElement(HeadingTag, {
             className,
             ...props,