Differences

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

--- accessibility:common_issues:alt_text [2023/07/10 16:31] – created 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 18: / Line 18: @@
 See also
-  * [[ht
+  * [[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
-  * tps://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.