Differences

This shows you the differences between two versions of the page.

--- accessibility:common_issues:alt_text [2023/07/10 17:05] – scl
+++ accessibility:common_issues:alt_text [2023/08/07 18:02] (current) – brief note on Material Icons in buttons (to be expanded later) scl
@@ Line 19: / Line 19: @@
 See also
   * [[https://www.w3.org/WAI/ARIA/apg/practices/names-and-descriptions/#naming_effectively|Composing Effective and User-friendly Accessible Names]] -- W3C ARIA Authoring Practices Guide
+===== Accessible Material Icon Buttons =====
+Copying Material Icon code from Google's website will result in accessible buttons, because their site does not provide alternative text. This results in screen readers announcing the icon keywords rather than the intent of the button ("keyboard underscore arrow underscore down" instead of "Expand," for example).
+See [[https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/sleary/lp1615714-accessible-icon-buttons|this working branch]] for correct examples of icons in buttons.