Compteur (correctif pour meter) - nschonni/wet-boew GitHub Wiki

english

Table of Contents Vue d'ensemble Purpose Rationale Implementation Parameters/Options Code d'exemple Normal Trop haut Trop bas Exemples Développement Problèmes connus Historique des versions Références

Vue d'ensemble

Chef du projet : Paul Jackson (@pjackson28)

Needs translation

Purpose

The HTML5 meter element displays a scalar measurement in a know range. Because some browsers do not support this functionality natively, this polyfill emulates the same functionality using generic HTML and WAI-ARIA.

Rationale

Browsers that do not support the meter element natively ignore the meter functionality and therefore, nothing would be displayed. This polyfill ensures that the meter is displayed and the necessary information is exposed to assistive technologies by adding ARIA.

Implementation

To use the polyfill, the standard meter element must be used. In cases where browser don't support this element, the polyfill is automatically loaded.

Parameters/Options

The meter polyfill accepts the same six parameters as the HTML5 meter element.

Code d'exemple

Exemples pratiques

Normal

<meter min="20" value="65" max="80">75 % (normal)</meter>

Trop haut

<meter min="0" value="90" max="100" high="80">90 % (top haut)</meter>

Trop bas

<meter min="100" low="120" value="115" max="200" high="180">15 % (trop bas)</meter>

Exemples

Développement

Le compteur est dépendent sur le soutien natif pour l'élément meter de HTML5 et le correctif pour meter.

Le code pour le correctif pour meter se trouve à plusieurs endroits dans la répertoire source de la BOEW :

js/polyfills/meter.js - contient le code JavaScript pour le correctif pour meter
js/sass/details.scss - contient le CSS pour le correctif pour meter