The alt attribute is recommended over other attributes that would provide an accessible name. Images that convey informationįor raster graphics that are used to convey useful information, using the alt attribute is the best way to convey the accessible name of the image element. It turns out that depending on how you intend to use the element, and what file format you use as its source, you may create behaviors you weren’t anticipating. The image element has been around awhile now, so you may be wondering why I’d go to the trouble of testing the accessibility of such a fundamental part of the web. Note: all Windows testing was performed on a Windows 10 machine. TalkBack 7.2 on Android 8.1.0 with Chrome and Firefox.JAWS with IE11, Firefox, Chrome and Edge.NVDA with IE11, Firefox, Chrome and Edge. In researching for the most robust patterns to markup graphics, I tested with different browsers and paired them with different screen readers on desktop and mobile devices: Listing of tested browser & screen reader pairings This means that without testing, graphics may not be exposed in the manner in which you might expect.Īdditionally, this article will outline why different markup patterns are necessary when using images or SVG elements within interactive elements, such as links and buttons. However, depending on the markup pattern and the method used, the accessible name may not be exposed as expected, due to quirks or gaps in implementations. Using a title attribute on an image or SVG.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |