Changes

Jump to: navigation, search

Gaia/Shared/Components

262 bytes added, 08:26, 26 May 2015
up
=== Visual ===
The elements UX and visual should be correct, please follow the spec. Please contact Harly (hhsu@mozilla.com, UX) or Przemek (pabratowski@mozilla.com, UI) for prove.
=== RTL ===
There's theme-selector in each component's exmaple example page. Use it to check RTL support status and think about what can be supported by the component itself.
=== Syntax ===
Basic lint and unit test is required. Run `npm run lint` for link check, run `npm test` for unit test.
 
Read [https://github.com/gaia-components/gaia-icons#accessibility gaia icons accessibility] for designing icon related syntax.
=== Performance ===
Create a local web server and You can compare the component created time by browse your FxOS device to `http://localhost:8000/test/stress.html`(run on local server). Make sure you measure the performance with real device. Or the result will be not really useful.
=== Accessibility ===
Most of accessibility(a11y) enhancements could be pre-defined by component designer. The component user could benifit benefit from a11y automatically.
To enable screen reader on FxOS, tap up then down button trice. then tap up then down button trice again. The component should inherit from proper native element, and add proper role of aria.
http://rawgit.com/w3c/aria/master/aria/aria.html
For example, button should inherit from `HTMLButtonElement` and have `role=button`attribute.
The current name or state should be exposed to ScreenReader as well. For example, button should have `aria-checkd="true" aria-disabled="true"` when button is checked and disabled.
 
PS: To enable Screen reader on FxOS device, tap up then down button trice. then tap up then down button trice again.
Confirm
681
edits

Navigation menu