Add <H3> headers for Attributes section in modal

fixes MAT-385
flag=none

Test Plan:
 - Navigate to a RCE instance
 - Click on 'Upload Image'
 - Inspect the modal open and check
 'Attributes'. Now the title of
 this section is closed in a <H3>
 tag
 - Test with VoiceOver and navigate among
 the modal elements with the keyboard.
 'Attributes' is now mentioned or included
 in the browsing

Change-Id: I0708115da777c832e27c34a9d55b05a5adb533b0
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/286200
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Jake Oeding <jake.oeding@instructure.com>
QA-Review: Jake Oeding <jake.oeding@instructure.com>
Product-Review: David Lyons <lyons@instructure.com>
This commit is contained in:
Gonzalo Penaranda 2022-03-01 14:56:56 -05:00
parent 8ccdf65306
commit ec26e2708a
1 changed files with 2 additions and 2 deletions

View File

@ -250,7 +250,7 @@ const UploadFileModal = React.forwardRef(
<ToggleDetails
defaultExpanded
summary={
<Text size="x-large">{formatMessage('Usage Rights (required)')}</Text>
<Heading level="h3">{formatMessage('Usage Rights (required)')}</Heading>
}
>
<UsageRightsSelectBox
@ -273,7 +273,7 @@ const UploadFileModal = React.forwardRef(
>
<ToggleDetails
defaultExpanded={!requiresUsageRights}
summary={<Text size="x-large">{formatMessage('Attributes')}</Text>}
summary={<Heading level="h3">{formatMessage('Attributes')}</Heading>}
>
<ImageOptionsForm
id="upload-file-form"