"The arrows to indicate the link opens a new tab are informative images and are missing any alternative text to describe their purpose. They have an {{aria-label}} but JAWS 2022 announces 'north east arrow' instead of the {{aria-label}}.
The {{aria-labe}} is not being announced because it is on a {{}} , {{}} are not considered to have semantic meaning.
Instances of this can be found in the header of all pages and in the external buttons on the Styles and design components page.
*Code sample*
<a href=""https://careers.health.govt.nz "" class=""menu__link ext"" aria-current="""" data-extlink="""">
<span class=""menu__translation"" translate=""no"" lang=""mi"">Ara mahi</span>
Careers
<span class=""fa-ext extlink""><span class=""material-symbols-sharp"" aria-label=""(link is external)"">north_east</span></span>
</a>
Screen reader users who rely on text alternatives to understand the purpose of an image will not be provided with this information.
Add {{role="img"}} to the span to allow the aria label to be announced for the icon.
Fixed
1.1
Code
Automatically closed - issue fixed for 2 weeks with no activity.