The aria-label attribute in HTML is used to provide an accessible name or label for an element that does not have an inherent label or that needs a more descriptive label than its content provides. This attribute can be used with any element that accepts the aria-label attribute. For exampl...
audio with aria-label attribute Screen reader compatibility ARIA HTML WCAG Nov 26, 2024 Expected Result: works in a screen reader Actual Result: causes problems in 83 screen reader / browser combinations WCAG Technique: ARIA6 Code used for this test: <audio aria-label='Audio aria label'>...
aria-label attribute: Set to the accessible name string. title attribute: Set to the accessible name string (also create a tooltip).ExampleHTML Copy <!-- For landmark tags, set the accessible name by using the aria-labelledby attribute to reference the visible headers. --> <h1 id="form...
`input type=text` with `aria-label` attribute - screen reader compatibility in JAWS, NVDA and VoiceOver.
The W3C spec prohibits the usage of the title attribute when there is an aria-label: The last resort is to use text from a tooltip attribute (such as the title attribute in HTML). This is used only if nothing else, including subtree content, has provided results. 👍 9 🎉 4 isidor...
aria-label 是一個 HTML attribute,用來告訴讀屏軟件某個元素是什麼,提升 Web Accessibility。 「前端的基礎修養」是我擬寫的一系列文章的總標題。所以喚作「修養」,大抵因為心虛,覺得沒有什麼技術含量,不便言之技術。這一系列會以亂序呈現,同一主題的文章會穿插出現。
appletwitharia-labelattributeScreen reader compatibility ARIAHTMLWCAG Dec 12, 2023 Expected Result: works in a screen reader Actual Result: causes problems in 19 screen reader / browser combinations If nothing is displayed for the applet (because the browser doesn't support applets) then there is ...
objectwitharia-labelattributeScreen reader compatibility ARIAHTMLWCAG Dec 12, 2023 Expected Result: works in a screen reader Actual Result: causes problems in 35 screen reader / browser combinations Browsers stopped displaying Flash content when Flash reached end-of-life in December 2020. ...