'Aria label not read by NVDA in Custom tag

Screen reader not reading the items given in aria-label or aria-describedby. It only reads the text in label. I want to add more text to be read by screen reader but not to display in screen

              <MFileUpload  id="my-id"
                    label={"Drag and drop a document or browse"}
                    tabIndex="0"
                    aria-label={`Hello elephant `}
                    aria-describedby={'Hello aria-describedby'}
                    role="navigation"
                >
                    {children}
                </MFileUpload>
javascripthtmlreactjsaccessibilitywai-aria


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions