chore: add better labels in accordion and dropzone stories for sev1 fixes (#9434)

* Add better labels to accordion and dropzone stories

* Add better labels to accordion stories

* Add better labels to dropzone stories

* Add better labels to dropzone stories

* Add better labels to dropzone stories

Author: dannify

packages/@react-spectrum/s2/chromatic/Accordion.stories.tsx

@@ -138,7 +138,7 @@ export const WithActionButton: Story = {
               <AccordionItemTitle>
                 Files
               </AccordionItemTitle>
-              <ActionButton><NewIcon aria-label="new icon" /></ActionButton>
+              <ActionButton aria-label="Add new file"><NewIcon /></ActionButton>
             </AccordionItemHeader>
             <AccordionItemPanel>
               Files content
@@ -149,7 +149,7 @@ export const WithActionButton: Story = {
               <AccordionItemTitle>
                 People
               </AccordionItemTitle>
-              <ActionButton><NewIcon aria-label="new icon" /></ActionButton>
+              <ActionButton aria-label="Add new person"><NewIcon /></ActionButton>
             </AccordionItemHeader>
             <AccordionItemPanel>
               <TextField label="Name" styles={style({maxWidth: 176})} placeholder="Enter your name" />

packages/@react-spectrum/s2/chromatic/DropZone.stories.tsx

@@ -43,7 +43,7 @@ const ExampleRender = (args: DropZoneProps): ReactElement => {
         <IllustratedMessage>
           <DropToUpload />
           <Heading>
-            Drag and drop your file
+            Drag or paste your file
           </Heading>
           <Content>
             Or, select a file from your computer
@@ -72,7 +72,7 @@ const ExampleWithFileTriggerRender = (args: DropZoneProps): ReactElement => {
         <IllustratedMessage>
           <Cloud />
           <Heading>
-            Drag and drop your file
+            Drag or paste your file
           </Heading>
           <Content>
             Or, select a file from your computer
@@ -108,7 +108,7 @@ const LongBannerRender = (args: DropZoneProps): ReactElement => {
         <IllustratedMessage>
           <DropToUpload />
           <Heading>
-            Drag and drop your file
+            Drag or paste your file
           </Heading>
           <Content>
             Or, select a file from your computer
@@ -172,7 +172,7 @@ const GradientExample = (args: DropZoneProps): ReactElement => {
         <IllustratedMessage>
           <CloudUpload />
           <Heading>
-            Drag and drop your file
+            Drag or paste your file
           </Heading>
           <Content>
             Or, select a file from your computer

packages/@react-spectrum/s2/stories/Accordion.stories.tsx

@@ -217,7 +217,7 @@ export const WithActionButton: Story = {
               <AccordionItemTitle>
                 Files
               </AccordionItemTitle>
-              <ActionButton><NewIcon aria-label="new icon" /></ActionButton>
+              <ActionButton aria-label="Add new file"><NewIcon /></ActionButton>
             </AccordionItemHeader>
             <AccordionItemPanel>
               Files content
@@ -228,7 +228,7 @@ export const WithActionButton: Story = {
               <AccordionItemTitle>
                 People
               </AccordionItemTitle>
-              <ActionButton><NewIcon aria-label="new icon" /></ActionButton>
+              <ActionButton aria-label="Add new person"><NewIcon /></ActionButton>
             </AccordionItemHeader>
             <AccordionItemPanel>
               <TextField label="Name" styles={style({maxWidth: 176})} placeholder="Enter your name" />

packages/@react-spectrum/s2/stories/DropZone.stories.tsx

@@ -52,7 +52,7 @@ const ExampleRender = (args: DropZoneProps): ReactElement => {
         <IllustratedMessage>
           <DropToUpload />
           <Heading>
-            Drag and drop your file
+            Drag or paste your file
           </Heading>
           <Content>
             Or, select a file from your computer
@@ -81,7 +81,7 @@ const ExampleWithFileTriggerRender = (args: DropZoneProps): ReactElement => {
         <IllustratedMessage>
           <Cloud />
           <Heading>
-            Drag and drop your file
+            Drag or paste your file
           </Heading>
           <Content>
             Or, select a file from your computer
@@ -117,7 +117,7 @@ const LongBannerRender = (args: DropZoneProps): ReactElement => {
         <IllustratedMessage>
           <DropToUpload />
           <Heading>
-            Drag and drop your file
+            Drag or paste your file
           </Heading>
           <Content>
             Or, select a file from your computer
@@ -146,7 +146,7 @@ const GradientRender = (args: DropZoneProps): ReactElement => {
         <IllustratedMessage>
           <CloudUpload />
           <Heading>
-            Drag and drop your file
+            Drag or paste your file
           </Heading>
           <Content>
             Or, select a file from your computer