Create a New Page - Blank Page: insert files & images link doesn’t have an accessible label.

Issue Summary

In Confluence editor, the macro link provided to insert files & images in the toolbar don’t have an accessible label in the source code.

Steps to Reproduce

1. Turn on the screen reader software.
2. Navigate to the Confluence homepage.
3. Navigate to the "Create" button inside header section & activate it.
4. Navigate to the "insert files & images" macro link inside toolbar.
5. Observe that the screen reader doesn’t announce the label.

Actual Results

While navigating with a screen reader, when user navigate to 'insert files & images' macro link inside toolbar, the screen reader doesn’t announce any label for the link. There is no accessible label provided to the link element in the source code. 

Also the element is coded as link instead of a button incorrectly. 

This makes screen reader users difficult to understand the purpose of the element more effectively.

Expected Results

The 'Insert files & images' element should be marked as native <button> (preferred) or provide ARAI role="button", so the screen reader announces it as a button element.

Provide an accessible label to the button element. Use any of the following methods.

Provide an off-screen text as 'Insert files & images' inside the <button> element.

For Example : <button data-control-id="confluence-insert-files"> <span class='off-screen'> Insert files & images </span></button>

OR

Provide an 'aria-label' attribute to the <button> element.

For Example : <button data-control-id="confluence-insert-files" aria-label="Insert files & images"> (...)</button>

Screenshot

Screen recording

Screen Recording 2022-05-02 at 3.26.00 PM.mov

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Bug Ref: 723973