User Tools

Site Tools


dev:angular_dev_best_practices

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revisionBoth sides next revision
dev:angular_dev_best_practices [2019/01/22 10:12] – [Unit Tests] ericksondev:angular_dev_best_practices [2019/05/13 13:24] – Adding some a11y considerations sandbergja
Line 24: Line 24:
     * <label for="patron-name" i18n>Name</label><input id="patron-name" .../>     * <label for="patron-name" i18n>Name</label><input id="patron-name" .../>
     * Beware repeatable components have unique form input IDs (extend id with incrementor, random(), etc.)     * Beware repeatable components have unique form input IDs (extend id with incrementor, random(), etc.)
-  * Give images, buttons, etcmeaningful title attributes +  * Give buttons meaningful title or aria-label attributes 
 +  * Give images meaningful alt attributes (alt="" is okay for decorative or redundant images; see the [[https://www.w3.org/WAI/tutorials/images/decision-tree/|W3C decision tree for alt text]]) 
 +  * Test keyboard navigation with tabshift+tab, arrow keys, and other keys as appropriate. Make sure that all buttons, links, and other interactive elements are focusable. 
 +    * The [[https://www.w3.org/TR/wai-aria-practices-1.1/|WAI-Aria Authoring Practices]] may help you determine the appropriate keyboard interactions for more complex widgets 
 +    * Don't add Bootstrap's "btn" class to unfocusable elements, like <span>s, <label>s, or <a>s that don't also have a "href" attribute.  Use a tag that is already focusable instead, like <button> or <a> with a "href" attribute.
  
  
dev/angular_dev_best_practices.txt · Last modified: 2023/11/24 23:05 by sandbergja

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.